:root{--bg-base:#0b0d10;--bg-elevated:#15181c;--bg-hover:#1d2126;--bg-input:#101317;--accent:#4f7cff;--accent-hover:#6b91ff;--accent-dim:rgba(79,124,255,0.14);--accent-glow:rgba(79,124,255,0.32);--text-primary:#f2f2f2;--text-muted:#9a9fa6;--text-faint:#6b7078;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--danger:#ff5c7a;--success:#3ddc97;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:2.25rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-card:0 4px 16px rgba(0,0,0,0.4);--shadow-lift:0 12px 32px rgba(0,0,0,0.55);--header-h:64px;--content-max:1440px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}iframe,img,picture,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}h1,h2,h3,h4{line-height:1.25;font-weight:700;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--sp-4)}@media (min-width:768px){.container{padding-inline:var(--sp-8)}}.stack>*+*{margin-top:var(--sp-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--sp-4);z-index:200;background:var(--accent);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);font-weight:600;transition:top .15s ease}.skip-link:focus{top:var(--sp-3)}main{flex:1 1}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-h);background:rgba(11,13,16,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header,.header__inner{display:flex;align-items:center}.header__inner{gap:var(--sp-4);width:100%}.logo{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.03em;flex-shrink:0}.logo__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#7aa2ff);box-shadow:0 2px 12px var(--accent-glow);flex-shrink:0}.logo__text{white-space:nowrap}.logo__text b{color:var(--accent);font-weight:700}.header__nav{display:none;gap:var(--sp-1);margin-left:var(--sp-2)}@media (min-width:900px){.header__nav{display:flex}}.header__nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;transition:color .15s ease,background .15s ease;white-space:nowrap}.header__nav a:hover{color:var(--text-primary);background:var(--bg-hover)}.header__spacer{flex:1 1}.search{position:relative;display:flex;align-items:center;max-width:320px;width:100%}.search input{width:100%;height:40px;padding:0 var(--sp-4) 0 40px;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;font-size:var(--fs-sm);transition:border-color .15s ease,background .15s ease}.search input::placeholder{color:var(--text-faint)}.search input:focus{outline:none;border-color:var(--accent);background:var(--bg-elevated)}.search__icon{position:absolute;left:var(--sp-3);color:var(--text-faint);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-sm);border:1px solid transparent;transition:background .15s ease,transform .1s ease,border-color .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.btn--ghost:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn--lg{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-base);border-radius:var(--radius)}.btn[aria-pressed=true]{color:var(--danger);border-color:var(--danger)}.card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;height:100%}.card:focus-within,.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.card__media{position:relative;aspect-ratio:3/4;background:var(--bg-hover);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card__media img{transform:scale(1.04)}.card__rank{position:absolute;top:var(--sp-2);left:var(--sp-2);display:grid;place-items:center;min-width:28px;height:28px;padding-inline:var(--sp-2);border-radius:var(--radius-sm);background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--fs-sm);font-weight:700;color:var(--accent)}.card__badge{position:absolute;top:var(--sp-2);right:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:6px;background:var(--accent);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.card__body{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);flex:1 1}.card__title{font-size:var(--fs-base);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);margin-top:auto}.card__meta span{display:inline-flex;align-items:center;gap:4px}.row{margin-block:var(--sp-10)}.row__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.row__title{font-size:var(--fs-lg);font-weight:700}@media (min-width:768px){.row__title{font-size:var(--fs-xl)}}.row__more{color:var(--accent);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.row__more:hover{text-decoration:underline}.row__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);grid-gap:var(--sp-3);gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding-block:var(--sp-2);padding-inline:var(--sp-1);margin-inline:calc(var(--sp-1) * -1)}.row__track>*{scroll-snap-align:start}.row__track::-webkit-scrollbar{height:6px}.row__track::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@media (min-width:560px){.row__track{grid-auto-columns:minmax(160px,1fr)}}@media (min-width:1100px){.row__track{grid-auto-columns:minmax(180px,1fr)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}@media (min-width:768px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border);min-height:320px;display:flex;align-items:flex-end}.hero__bg{position:absolute;inset:0}.hero__bg img{width:100%;height:100%;object-fit:cover}.hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-base) 2%,rgba(11,13,16,.86) 42%,rgba(11,13,16,.3) 100%)}.hero__content{position:relative;padding:var(--sp-6);max-width:640px}@media (min-width:768px){.hero{min-height:420px}.hero__content{padding:var(--sp-10)}}.hero__eyebrow{display:inline-block;font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--sp-2)}.hero__title{font-size:var(--fs-xl);margin-bottom:var(--sp-3)}@media (min-width:768px){.hero__title{font-size:var(--fs-2xl)}}.hero__desc{color:var(--text-muted);margin-bottom:var(--sp-5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero__actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.game-layout{display:grid;grid-gap:var(--sp-8);gap:var(--sp-8);margin-block:var(--sp-6) var(--sp-12)}@media (min-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}.game-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.game-title{font-size:var(--fs-xl)}@media (min-width:768px){.game-title{font-size:var(--fs-2xl)}}.game-subtitle{color:var(--text-muted);margin-top:var(--sp-2);max-width:60ch}.game-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.stage{position:relative;width:100%;aspect-ratio:var(--stage-ratio,16/9);background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.stage__poster{position:absolute;inset:0;display:grid;place-items:center;grid-gap:var(--sp-5);gap:var(--sp-5);text-align:center;padding:var(--sp-6)}.stage__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.stage__poster-inner{position:relative;display:grid;place-items:center;grid-gap:var(--sp-4);gap:var(--sp-4)}.stage__hint{font-size:var(--fs-sm);color:var(--text-muted)}.stage__loading{position:absolute;inset:0;display:grid;place-items:center;grid-gap:var(--sp-4);gap:var(--sp-4);background:var(--bg-elevated)}.spinner{width:36px;height:36px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.stage__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);flex-wrap:wrap}.prose,.stage__bar{color:var(--text-muted)}.prose{max-width:72ch}.prose h2{font-size:var(--fs-lg);margin-top:var(--sp-8);margin-bottom:var(--sp-3)}.prose h2,.prose h3{color:var(--text-primary)}.prose h3{font-size:var(--fs-base);margin-top:var(--sp-5);margin-bottom:var(--sp-2)}.prose p+p{margin-top:var(--sp-4)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.section{margin-block:var(--sp-10)}.section__title{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.controls{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);max-width:560px}.controls__row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.controls__key{flex-shrink:0;min-width:140px;font-weight:600;color:var(--text-primary);font-size:var(--fs-sm)}.controls__action{color:var(--text-muted);font-size:var(--fs-sm)}.faq{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);max-width:72ch}.faq details{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.faq summary{padding:var(--sp-4);cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:var(--fs-lg);line-height:1;flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq details>p{padding:0 var(--sp-4) var(--sp-4);color:var(--text-muted)}.sidebar{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.panel__title{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:var(--sp-3)}.info-list{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.info-list div{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm)}.info-list dt{color:var(--text-muted)}.info-list dd{color:var(--text-primary);font-weight:600;text-align:right}.info-list dd a:hover{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);background:var(--bg-hover);border:1px solid var(--border);border-radius:999px;font-size:var(--fs-sm);color:var(--text-muted);transition:border-color .15s ease,color .15s ease}a.chip:hover{color:var(--text-primary);border-color:var(--accent)}.chip--accent{background:var(--accent-dim);border-color:transparent;color:var(--accent);font-weight:600}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-faint);padding-block:var(--sp-4) 0}.breadcrumb a:hover{color:var(--accent)}.breadcrumb li{display:flex;align-items:center;gap:var(--sp-2)}.breadcrumb li+li:before{content:"›";color:var(--text-faint)}.breadcrumb [aria-current=page]{color:var(--text-muted)}.page-head{margin-block:var(--sp-6) var(--sp-8);max-width:72ch}.page-head h1{font-size:var(--fs-xl);margin-bottom:var(--sp-3)}@media (min-width:768px){.page-head h1{font-size:var(--fs-2xl)}}.notice,.page-head p{color:var(--text-muted)}.notice{padding:var(--sp-3) var(--sp-4);background:var(--accent-dim);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--sp-6)}.empty{padding:var(--sp-12) var(--sp-4);text-align:center;color:var(--text-muted)}.ad{display:grid;place-items:center;width:100%;margin-block:var(--sp-8);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-sm);overflow:hidden;color:var(--text-faint);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.ad--leaderboard{min-height:90px}.ad--rectangle{min-height:250px}@media (max-width:767px){.ad--leaderboard{min-height:100px}}.consent{position:fixed;bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);z-index:150;max-width:520px;margin-inline:auto;padding:var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lift)}.consent p{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-4)}.consent a{color:var(--accent);text-decoration:underline}.consent__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.consent__actions .btn{flex:1 1;min-width:120px}.footer{border-top:1px solid var(--border);margin-top:var(--sp-16);padding-block:var(--sp-10) var(--sp-8);background:var(--bg-elevated)}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--sp-8);gap:var(--sp-8);margin-bottom:var(--sp-8)}.footer h2{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:var(--sp-3)}.footer li+li{margin-top:var(--sp-2)}.footer a{color:var(--text-muted);font-size:var(--fs-sm);transition:color .15s ease}.footer a:hover{color:var(--accent)}.footer__bottom{padding-top:var(--sp-6);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-faint)}