:root{--md-primary:#D0BCFF;--md-on-primary:#381E72;--md-primary-container:#4F378B;--md-on-primary-container:#EADDFF;--md-secondary-container:#4A4458;--md-on-secondary-container:#E8DEF8;--md-tertiary:#EFB8C8;--md-surface:#141316;--md-sc-lowest:#0F0E11;--md-sc-low:#1C1B1F;--md-sc:#211F23;--md-sc-high:#2B292D;--md-sc-highest:#363438;--md-on-surface:#E6E1E5;--md-on-surface-var:#CAC4D0;--md-outline:#938F99;--md-outline-var:#49454F;--md-error:#F2B8B5;--md-on-error:#601410;--md-inverse-surface:#E6E1E5;--md-inverse-on-surface:#313033;--md-inverse-primary:#6750A4;--bg:var(--md-surface);--surface:var(--md-sc-low);--card:var(--md-sc-low);--card2:var(--md-sc-high);--inp:var(--md-sc-lowest);--line:rgba(202,196,208,.14);--fg:var(--md-on-surface);--mut:var(--md-on-surface-var);--mut2:var(--md-outline);--acc:var(--md-primary);--acc-h:var(--md-primary);--acc2:#7FCFFF;--warn:#FFB74D;--ok:#6DD58C;--bad:#F2B8B5;--grad:linear-gradient(135deg,#6750A4,#7F67BE);--t-p:rgba(139,92,246,.18);--t-pb:rgba(139,92,246,.45);--t-pt:#DCD0FF;--t-n:rgba(255,255,255,.06);--t-nb:rgba(255,255,255,.14);--t-ok:rgba(34,197,94,.12);--t-okb:rgba(34,197,94,.4);--t-okt:#86EFAC;--t-bad:rgba(239,68,68,.12);--t-badb:rgba(239,68,68,.4);--t-badt:#FCA5A5;--r:16px;--r-sm:12px;--r-lg:28px;--e1:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);--e2:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);--e3:0 1px 3px rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15);--shadow:var(--e3);--shadow-sm:var(--e1);--ring:0 0 0 1px var(--md-primary);--ease:cubic-bezier(.2,0,0,1);--font:"Roboto","Roboto Variable",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}:root[data-theme=light]{--md-primary:#6750A4;--md-on-primary:#FFFFFF;--md-primary-container:#EADDFF;--md-on-primary-container:#21005D;--md-secondary-container:#E8DEF8;--md-on-secondary-container:#1D192B;--md-tertiary:#7D5260;--md-surface:#FEF7FF;--md-sc-lowest:#FFFFFF;--md-sc-low:#F7F2FA;--md-sc:#F3EDF7;--md-sc-high:#ECE6F0;--md-sc-highest:#E6E0E9;--md-on-surface:#1D1B20;--md-on-surface-var:#49454F;--md-outline:#79747E;--md-outline-var:#CAC4D0;--md-error:#B3261E;--md-on-error:#FFFFFF;--md-inverse-surface:#322F35;--md-inverse-on-surface:#F5EFF7;--md-inverse-primary:#D0BCFF;--t-p:rgba(103,80,164,.10);--t-pb:rgba(103,80,164,.38);--t-pt:#4F378B;--t-n:rgba(15,23,42,.05);--t-nb:rgba(15,23,42,.16);--t-ok:rgba(22,163,74,.10);--t-okb:rgba(22,163,74,.4);--t-okt:#166534;--t-bad:rgba(220,38,38,.08);--t-badb:rgba(220,38,38,.35);--t-badt:#B91C1C;--line:rgba(73,69,79,.16);--acc2:#00639B;--warn:#B26A00;--ok:#1B6E3A;--bad:#B3261E;--e1:0 1px 2px rgba(0,0,0,.14),0 1px 3px 1px rgba(0,0,0,.08);--e2:0 1px 2px rgba(0,0,0,.14),0 2px 6px 2px rgba(0,0,0,.08);--e3:0 1px 3px rgba(0,0,0,.14),0 4px 8px 3px rgba(0,0,0,.08);color-scheme:light}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/roboto-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/roboto-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/roboto-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0}html{scroll-behavior:smooth}body{background:var(--md-surface);color:var(--md-on-surface);font:400 16px/1.5 var(--font);letter-spacing:.01em;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.i{flex:0 0 auto;vertical-align:-.18em}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px;border-radius:8px}:focus:not(:focus-visible){outline:0}.aurora{display:none}[hidden]{display:none!important}.rip{position:absolute;border-radius:50%;background:currentColor;opacity:.16;transform:scale(0);animation:rip .6s var(--ease) forwards;pointer-events:none}@keyframes rip{to{transform:scale(1);opacity:0}}.acct,.bnav a,.bnav button,.btn,.chips button,.fab,.icon-btn,.rail a,.rail button,.rc,.tabs button{position:relative;overflow:hidden}.acct::before,.btn::before,.chips button::before,.fab::before,.icon-btn::before,.rc::before,.tabs button::before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .15s;pointer-events:none}.acct:hover::before,.btn:hover::before,.chips button:hover::before,.fab:hover::before,.icon-btn:hover::before,.rc:hover::before,.tabs button:hover::before{opacity:.08}.acct:active::before,.btn:active::before,.chips button:active::before,.fab:active::before,.icon-btn:active::before,.rc:active::before,.tabs button:active::before{opacity:.12}.top{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--md-surface) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.top .bar{display:flex;align-items:center;gap:12px;height:64px;padding:0 16px 0 12px}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:500;font-size:1.3rem;letter-spacing:0;white-space:nowrap;padding:0 8px}.logo .lg{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--md-primary-container);color:var(--md-on-primary-container)}.logo b{color:var(--md-primary);font-weight:700}.search{position:relative;flex:1;max-width:560px;margin:0 auto;display:block}.search .i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--md-on-surface-var);pointer-events:none}#q{width:100%;height:48px;padding:0 20px 0 48px;border-radius:28px;border:0;background:var(--md-sc-high);color:var(--md-on-surface);font:inherit;font-size:16px;outline:0;transition:background .2s,box-shadow .2s}#q::placeholder{color:var(--md-on-surface-var)}#q:hover{background:var(--md-sc-highest)}#q:focus{background:var(--md-sc-highest);box-shadow:inset 0 0 0 2px var(--md-primary)}.icon-btn{display:grid;place-items:center;border:0;background:0 0;color:var(--md-on-surface-var);width:48px;height:48px;border-radius:50%;cursor:pointer;transition:color .15s}.icon-btn:hover{color:var(--md-on-surface)}#theme .sun{display:none}#theme .moon{display:grid}:root[data-theme=light] #theme .sun{display:grid}:root[data-theme=light] #theme .moon{display:none}.acct{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 4px;border-radius:20px;background:var(--md-sc-high);color:var(--md-on-surface);font-size:14px;font-weight:500;white-space:nowrap}.acct .av{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--md-sc-highest);color:var(--md-on-surface-var);font-size:14px;font-weight:500}.acct .av.on{background:var(--md-primary);color:var(--md-on-primary)}.rail{position:fixed;left:0;top:64px;bottom:0;width:80px;z-index:40;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0;background:var(--md-surface)}.bnav a,.bnav button,.rail a,.rail button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:0 0;color:var(--md-on-surface-var);font:inherit;cursor:pointer;width:100%}.bnav .ind,.rail .ind{display:grid;place-items:center;width:56px;height:32px;border-radius:16px;transition:background .2s var(--ease),color .2s;position:relative;overflow:hidden}.bnav .lb,.rail .lb{font-size:12px;font-weight:500;letter-spacing:.5px;line-height:16px}.bnav a:hover .ind,.bnav button:hover .ind,.rail a:hover .ind,.rail button:hover .ind{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.bnav .on,.rail button.on{color:var(--md-on-surface)}.bnav .on .ind,.rail button.on .ind{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.bnav .on .lb,.rail button.on .lb{font-weight:700}.bnav .authed .ind{color:var(--ok)}.bnav{display:none}body.m3 footer,body.m3 main{margin-left:80px;width:calc(100% - 80px)}main{flex:1;width:100%;margin:0 auto;padding:16px 32px 56px}#home,#view{animation:rise .3s var(--ease) both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:24px;min-height:320px;padding:40px 48px;margin-bottom:8px;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(520px 340px at 92% 0,color-mix(in srgb,var(--md-primary-container) 75%,transparent),transparent 70%),var(--md-sc-low)}.hcopy{position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 12px;border-radius:8px;font-size:14px;font-weight:500;letter-spacing:.1px;color:var(--t-pt);background:var(--t-p);border:1px solid var(--t-pb)}.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 7px rgba(109,213,140,0)}0%{box-shadow:0 0 0 0 rgba(109,213,140,.6)}}.hero h1{margin:18px 0 12px;font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.12;font-weight:500;letter-spacing:-.01em;max-width:640px}.hero h1 .grad,.hero h1 span{color:var(--md-primary);background:0 0;-webkit-background-clip:initial;background-clip:initial}.hero .hsub{margin:0 0 4px;color:var(--md-on-surface-var);font-size:16px;line-height:1.6;max-width:520px}.hero p#stats{margin:8px 0 0;color:var(--md-outline);font-size:14px}.hero p#stats b{color:var(--md-on-surface-var);font-weight:500}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.float,.ticker{display:none}.hart{position:relative;height:280px;z-index:1}.ht{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:150px;height:190px;border-radius:24px;color:var(--md-on-surface);text-align:center;background:linear-gradient(150deg,hsl(var(--h) 95% 80%/.26),hsl(calc(var(--h) + 40) 90% 80%/.12)),color-mix(in srgb,var(--md-sc-low) 70%,transparent);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px hsl(var(--h) 90% 85%/.28),var(--e3);transition:transform .35s var(--ease)}.ht span{font-size:4rem;line-height:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28))}.ht b{font-size:13px;font-weight:500;padding:0 10px}.ht.t0{left:6%;top:38px;transform:rotate(-9deg)}.ht.t1{left:30%;top:2px;transform:rotate(-2deg);z-index:2}.ht.t2{left:54%;top:40px;transform:rotate(7deg);z-index:1}.ht.t3{left:76%;top:82px;transform:rotate(14deg);width:132px;height:170px}.hart:hover .t0{transform:rotate(-12deg) translate(-6px,4px)}.hart:hover .t1{transform:rotate(-2deg) translateY(-8px)}.hart:hover .t2{transform:rotate(9deg) translate(6px,2px)}.hart:hover .t3{transform:rotate(17deg) translate(8px,6px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border:1px solid var(--t-pb);border-radius:20px;padding:0 24px;background:var(--t-p);color:var(--t-pt);backdrop-filter:blur(6px);cursor:pointer;font:inherit;font-size:14px;font-weight:500;letter-spacing:.1px;line-height:1;transition:box-shadow .2s,transform .15s var(--ease)}.btn:hover{border-color:currentColor}.btn:active{transform:scale(.98)}.btn.ghost{background:var(--t-n);border-color:var(--t-nb);color:var(--md-on-surface)}.btn.bad{background:var(--t-bad);border-color:var(--t-badb);color:var(--t-badt)}.btn.ok{background:var(--t-ok);border-color:var(--t-okb);color:var(--t-okt)}.btn:disabled{opacity:.38;cursor:default;box-shadow:none;transform:none}.btn.big{height:48px;padding:0 28px;border-radius:24px;font-size:15px}.btn .i{margin-left:-6px}.fab{position:fixed;right:24px;bottom:24px;z-index:45;display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 20px 0 16px;border:1px solid var(--t-pb);border-radius:16px;background:color-mix(in srgb,var(--md-surface) 55%,var(--t-p));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--t-pt);font:inherit;font-size:14px;font-weight:500;letter-spacing:.1px;cursor:pointer;box-shadow:var(--e3);transition:box-shadow .2s,transform .2s var(--ease)}.fab:hover{box-shadow:var(--e3),0 8px 20px rgba(0,0,0,.25)}.fab:active{transform:scale(.97)}body.ingame .fab{display:none}.chips,.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 12px;justify-content:flex-start}.chips{margin:0 0 4px}.tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:none;padding:2px}.tabs::-webkit-scrollbar{display:none}.chips button,.tabs button{display:inline-flex;align-items:center;gap:8px;height:36px;border:1px solid var(--md-outline-var);border-radius:8px;padding:0 16px;background:0 0;color:var(--md-on-surface-var);cursor:pointer;font:inherit;font-size:14px;font-weight:500;letter-spacing:.1px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.chips button.on,.tabs button.on{background:var(--t-p);color:var(--t-pt);border-color:var(--t-pb)}.tabs button.on svg{display:none}.tabs button.on::after{content:"";width:18px;height:18px;order:-1;margin-left:-4px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}.chips button{height:32px;padding:0 12px;font-size:13px}.sech{margin:44px 4px 16px}.sec{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:2rem;margin:0}.sec .i{color:var(--md-primary)}.sec small{font-size:12px;font-weight:500;border-radius:8px;padding:2px 10px;background:var(--md-sc-high);color:var(--md-on-surface-var)}.secsub{margin:4px 0 0 0;color:var(--md-on-surface-var);font-size:14px;letter-spacing:.25px}.grid .span{grid-column:1/-1}.grid .sech.span{margin:44px 4px 4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:12px}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:8px;background:var(--md-sc-low);border-radius:20px;box-shadow:var(--e1);transition:transform .25s var(--ease),box-shadow .25s;animation:rise .4s var(--ease) both;text-align:left}.card::after{content:"";position:absolute;inset:0;background:var(--md-on-surface);opacity:0;transition:opacity .2s;pointer-events:none;border-radius:inherit}.card:hover::after{opacity:.06}.card:active::after{opacity:.1}.card .art{position:relative;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;isolation:isolate;border-radius:14px}.card .art .bg{position:absolute;inset:0;z-index:-1;transition:transform .5s var(--ease);border-radius:inherit;background:radial-gradient(85% 75% at 22% 12%,hsl(var(--h) 100% 68%/.42),transparent 64%),radial-gradient(70% 60% at 88% 100%,hsl(calc(var(--h) + 45) 100% 66%/.3),transparent 70%),linear-gradient(150deg,hsl(var(--h) 90% 70%/.22),hsl(calc(var(--h) + 40) 90% 70%/.12));box-shadow:inset 0 0 0 1px hsl(var(--h) 100% 78%/.28)}.card .art::after{content:"";position:absolute;left:50%;bottom:12%;width:55%;height:14%;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.22);filter:blur(10px);z-index:-1}.card .ic{font-size:4.2rem;line-height:1;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28));transition:transform .4s var(--ease)}:root[data-theme=light] .card .art .bg{background:radial-gradient(85% 75% at 22% 12%,hsl(var(--h) 100% 88%/.85),transparent 62%),radial-gradient(70% 60% at 88% 100%,hsl(calc(var(--h) + 45) 100% 86%/.55),transparent 70%),linear-gradient(150deg,hsl(var(--h) 95% 90%/.7),hsl(calc(var(--h) + 40) 95% 92%/.5));box-shadow:inset 0 0 0 1px hsl(var(--h) 70% 70%/.28)}.card .body{display:flex;flex-direction:column;gap:2px;padding:12px 10px 10px;flex:1}.card .cat{font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--md-primary)}.card h3{margin:0;font-size:1.0625rem;font-weight:500;letter-spacing:.01em;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{margin:0;color:var(--md-on-surface-var);font-size:14px;line-height:20px;letter-spacing:.25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.card .go{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:32px;margin-top:12px;padding:0 16px;border-radius:16px;font-size:13px;font-weight:500;letter-spacing:.1px;background:var(--t-p);border:1px solid var(--t-pb);color:var(--t-pt);transition:background .2s,border-color .2s}.card .bdg{position:absolute;left:10px;top:10px;font-size:11px;font-weight:500;padding:3px 10px;border-radius:8px;letter-spacing:.5px;color:#fff}.bdg.hot{background:#b3261e}.bdg.new{background:#00639b}.card .fv{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(20,19,22,.55);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:transform .15s,color .15s}.card .fv:hover{transform:scale(1.1)}.card .fv.on{color:#ffd54f}.card:focus-visible,.card:hover{transform:translateY(-2px);box-shadow:var(--e3)}.card:hover .art .bg{transform:scale(1.06)}.card:hover .ic{transform:scale(1.08) translateY(-3px)}.card:focus-visible .go,.card:hover .go{background:color-mix(in srgb,var(--t-p) 100%,rgba(139,92,246,.22));border-color:var(--md-primary)}.hotgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:4px}.hotgrid .card.feat{grid-column:span 2;grid-row:span 2}.hotgrid .card.feat .art{aspect-ratio:auto;flex:1;min-height:300px;border-radius:18px}.hotgrid .card.feat .ic{font-size:8rem}.hotgrid .card.feat .body{padding:16px 14px 14px}.hotgrid .card.feat .cat{font-size:13px}.hotgrid .card.feat h3{font-size:1.75rem;line-height:2.25rem;font-weight:400}.hotgrid .card.feat p{font-size:15px;-webkit-line-clamp:3;min-height:0;max-width:520px}.hotgrid .card.feat .go{margin-top:14px;height:40px;padding:0 24px;border-radius:20px;font-size:14px}.rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.rc{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;border-radius:16px;background:var(--md-sc-low);box-shadow:var(--e1);transition:box-shadow .2s,transform .2s var(--ease)}.rc .rt{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;font-size:1.8rem;flex:0 0 auto;background:linear-gradient(150deg,hsl(var(--h) 95% 80%/.22),hsl(calc(var(--h) + 40) 90% 80%/.1));box-shadow:inset 0 0 0 1px hsl(var(--h) 90% 85%/.22)}:root[data-theme=light] .rc .rt{background:linear-gradient(150deg,hsl(var(--h) 95% 88%/.9),hsl(calc(var(--h) + 40) 95% 92%/.6));box-shadow:inset 0 0 0 1px hsl(var(--h) 70% 70%/.28)}.rc .rx{min-width:0;flex:1}.rc .rx b{display:block;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc .rx small{color:var(--md-on-surface-var);font-size:14px}.rc .rp{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--t-p);border:1px solid var(--t-pb);color:var(--t-pt);transition:background .2s,border-color .2s}.rc:hover{box-shadow:var(--e2)}.rc:hover .rp{border-color:var(--md-primary);background:rgba(139,92,246,.3)}#view{--h:260}.vbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.vbar h2{flex:1;margin:0;font-size:1.5rem;font-weight:400;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vbar .btn{padding:0 18px}.vbar .back{padding:0 20px 0 12px}.vbar .fvb{width:40px;padding:0}.vbar .fvb.on{color:var(--warn)}.stage{position:relative;background:radial-gradient(700px 200px at 50% 0,hsl(var(--h) 70% 50%/.1),transparent 70%),var(--md-sc-low);border-radius:var(--r-lg);padding:26px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--e1);min-height:min(70vh,560px);animation:rise .3s var(--ease) both}.hud{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;color:var(--md-on-surface-var)}.hud>span{background:var(--md-sc-high);border-radius:8px;padding:5px 14px;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.hud b{color:var(--md-on-surface);font-weight:700}canvas.cv{max-width:100%;height:auto;background:var(--md-sc-lowest);border-radius:var(--r);touch-action:none;display:block;box-shadow:var(--e2)}.hint{color:var(--md-on-surface-var);font-size:13px;text-align:center;margin:0}.msg{font-weight:500;min-height:1.5em;text-align:center}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.col{display:flex;flex-direction:column;gap:10px;width:100%;max-width:560px}.tool{width:100%;max-width:640px;display:flex;flex-direction:column;gap:14px}input,select,textarea{background:var(--md-sc-lowest);color:var(--md-on-surface);border:1px solid var(--md-outline-var);border-radius:12px;padding:12px 14px;font:inherit;outline:0;min-width:0;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--md-outline)}input:focus,select:focus,textarea:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)}input[type=range]{padding:0;accent-color:var(--md-primary)}input[type=checkbox],input[type=radio]{accent-color:var(--md-primary);width:18px;height:18px}textarea{width:100%;min-height:160px;resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}label{color:var(--md-on-surface-var);font-size:14px}.big{font-size:2.4rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:0}.res{background:var(--md-sc-lowest);border:1px solid var(--md-outline-var);border-radius:12px;padding:12px;word-break:break-all}.bd{display:grid;gap:5px;touch-action:manipulation;user-select:none}.cell{background:var(--md-sc-high);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer;aspect-ratio:1;font-size:clamp(14px,4vw,28px);transition:background .12s,transform .1s;border:0;color:var(--md-on-surface)}.cell:hover{background:var(--md-sc-highest)}.cell:active{transform:scale(.94)}.cell.dis{cursor:default}.dpad{display:grid;grid-template-columns:repeat(3,56px);gap:6px}.dpad .btn{padding:0;height:56px;font-size:20px}table.list{width:100%;border-collapse:collapse}td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;color:var(--md-on-surface-var);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.card.big,.card.feat{font-size:inherit;font-weight:inherit;text-align:left;letter-spacing:normal;font-variant-numeric:normal}.ad{position:relative;margin:24px auto;max-width:980px;text-align:center;min-height:0}.ad.span{grid-column:1/-1;margin:10px 0}.ad .adl{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--md-outline);margin-bottom:4px;text-align:left}.ad .house{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;border-radius:16px;background:var(--md-sc);color:var(--md-on-surface);transition:box-shadow .2s}.ad .house:hover{box-shadow:var(--e2)}.ad .house .adl{align-self:flex-start}.ad .house b{font-size:1.05rem;font-weight:500}.ad .house span:not(.adl){font-size:14px;color:var(--md-on-surface-var)}.ad .house em{font-style:normal;margin-top:8px;background:var(--t-p);border:1px solid var(--t-pb);color:var(--t-pt);border-radius:16px;padding:6px 18px;font-weight:500;font-size:13px}footer .ad{margin-bottom:10px}#announce:empty{display:none}.annc{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;margin-bottom:16px;background:rgba(56,189,248,.09);border:1px solid rgba(56,189,248,.32);color:var(--md-on-surface);font-size:14px;animation:rise .3s var(--ease) both}.annc.warn{background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.35)}.annc.success{background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.32)}.annc a{font-weight:500;text-decoration:underline}.annc button{background:0 0;border:0;color:inherit;font-size:16px;cursor:pointer;opacity:.75}.annc button:hover{opacity:1}.skel{position:relative;overflow:hidden;background:var(--md-sc-high);border-radius:12px;min-height:1em}.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translateX(100%)}}footer{text-align:center;color:var(--md-outline);font-size:13px;padding:28px 16px 36px;margin-top:10px}footer a{color:var(--md-on-surface-var);text-decoration:underline}footer a:hover{color:var(--md-on-surface)}#visits{margin-bottom:6px}@media(max-width:1180px){.hotgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.hotgrid .card.feat{grid-column:span 2}.hotgrid .card.feat .art{min-height:260px}.ht.t3{display:none}.ht.t0{left:2%}.ht.t1{left:30%}.ht.t2{left:58%}}@media(max-width:1024px){main{padding:12px 24px 48px}.hero{padding:32px 30px}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:0;padding:28px 24px}.hart{display:none}.hotgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hotgrid .card.feat{grid-column:span 2;grid-row:auto}.hotgrid .card.feat .art{min-height:0;aspect-ratio:16/9;flex:none}.hotgrid .card.feat .ic{font-size:6rem}}@media(max-width:599px){.rail{display:none}body.m3 footer,body.m3 main{margin-left:0;width:100%}.top .bar{height:60px;padding:0 8px;gap:4px}.logo .lt{display:none}.logo{padding:0 4px}.search{margin:0}#q{height:44px}.acct{padding:0 4px}.acct .an{display:none}.icon-btn{width:44px;height:44px}main{padding:8px 14px 120px}.bnav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--md-sc);padding:10px 4px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--line)}:root{--bn:calc(74px + env(safe-area-inset-bottom));--tp:calc(60px + env(safe-area-inset-top))}body.ingame{overflow:hidden;height:100dvh}body.ingame main{flex:none;height:calc(100dvh - var(--tp) - var(--bn));padding:6px 10px 6px;display:flex;flex-direction:column;overflow:hidden}body.ingame #announce,body.ingame .ad,body.ingame .aurora,body.ingame footer{display:none!important}body.ingame #view{flex:1;min-height:0;display:flex;flex-direction:column}body.ingame .vbar{margin-bottom:6px;flex:none}body.ingame .vbar h2{font-size:1.15rem}body.ingame .vbar .btn{height:36px}body.ingame .stage{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 6px;gap:8px;justify-content:flex-start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body.ingame .stage canvas{width:auto!important;height:auto!important;max-width:100%;max-height:min(58dvh,100%);flex:0 1 auto}body.ingame .stage .hint{font-size:12px;margin:2px 0}body.ingame .af .pane>.hint{display:none}body.ingame .af canvas.cv{max-height:40dvh}body.ingame .af,body.ingame .af .pane{min-width:0;width:100%;max-width:100%}body.ingame .af .pane{display:flex;flex-direction:column;align-items:center}body.ingame .af .hud{gap:6px}body.ingame .af .cp{flex-wrap:nowrap;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}body.ingame .af .cp .crop{flex:0 0 auto}body.ingame .af .hud .xt{display:none}body.ingame .af .crop{min-height:54px;min-width:70px;padding:4px 6px}.fab{right:16px;bottom:88px;height:48px;padding:0 18px 0 14px}.hero{padding:24px 20px;border-radius:24px}.hero h1{font-size:2.1rem}.hero .hsub{font-size:15px}.cta .btn{flex:1 1 100%}.sec{font-size:1.35rem}.sech{margin:34px 4px 12px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:6px;border-radius:18px}.card .art{border-radius:12px}.card .ic{font-size:3.2rem}.card .body{padding:10px 8px 8px}.card h3{font-size:15px}.card p{font-size:13px}.card .go{margin-top:8px;height:30px;padding:0 13px}.card .fv{width:32px;height:32px;right:6px;top:6px}.card .bdg{left:8px;top:8px}.hotgrid{gap:12px}.hotgrid .card.feat h3{font-size:1.4rem}.hotgrid .card.feat .body{padding:12px 10px 10px}.rlist{grid-template-columns:1fr}.vbar .back span{display:none}.vbar .back{padding:0 12px}.stage{padding:16px 10px;border-radius:20px;min-height:0}}@media(min-width:600px) and (max-width:860px){.fab span{display:none}.fab{width:56px;padding:0;justify-content:center}}@media(max-width:380px){.grid{gap:10px}.card .ic{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media(max-width:600px){.bnav .lb{font-size:11px;letter-spacing:0;white-space:nowrap}}