:root{--bg:#0a0912;--bg-rgb:10, 9, 18;--bg-elevated:#14121c;--bg-elevated-2:#1d1a28;--ink:#f5f2ea;--ink-2:#b7b1c4;--ink-3:#7c7689;--rule:#262233;--rule-strong:#35304533;--gold:#e8b84b;--gold-dim:#a9822f;--gold-glow:#e8b84b59;--gold-ink:#1a1408;--up:#4fd38a;--up-glow:#4fd38a47;--down:#ef6a63;--down-glow:#ef6a6347;--new:#7c9eff;--new-glow:#7c9eff47;--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--body:"Newsreader", Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--fast:.15s;--slow:.42s;color-scheme:dark}:root[data-theme=light]{--bg:#f6f3ec;--bg-rgb:246, 243, 236;--bg-elevated:#efe9db;--bg-elevated-2:#e5ddc9;--ink:#201a2e;--ink-2:#5c566b;--ink-3:#847e93;--rule:#ded5c1;--rule-strong:#b8aec355;--gold:#a3670f;--gold-dim:#7a4f0c;--gold-glow:#a3670f33;--gold-ink:#fff6e6;--up:#1f8f5a;--up-glow:#1f8f5a29;--down:#c23b33;--down-glow:#c23b3329;--new:#3552c4;--new-glow:#3552c429;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--fast:0s;--slow:0s}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);margin:0;font-size:1.05rem;line-height:1.6}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;line-height:1.1}a{color:var(--gold);text-decoration-color:var(--gold-glow)}a:hover{color:#f2c869}::selection{background:var(--gold-glow);color:var(--ink)}.wrap{max-width:72rem;margin:0 auto;padding-inline:24px}.site-header{z-index:20;background:rgba(var(--bg-rgb), .78);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header .bar{justify-content:space-between;align-items:center;padding-block:16px;display:flex}.wordmark{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);align-items:baseline;gap:8px;font-size:1.05rem;font-weight:900;text-decoration:none;display:flex}.wordmark .dot{color:var(--gold)}.site-nav-row{border-top:1px solid var(--rule);padding-block:10px}.site-nav{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;flex-wrap:wrap;gap:8px 22px;font-size:.8rem;font-weight:600;display:flex}.site-nav a{color:var(--ink-2);transition:color var(--fast) var(--ease);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--gold)}.theme-toggle{border:1px solid var(--rule);background:var(--bg-elevated);width:34px;height:34px;color:var(--ink-2);cursor:pointer;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease), background var(--fast) var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--gold);border-color:var(--gold-dim)}.theme-toggle .icon{width:17px;height:17px;display:block}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}.movement-pill{font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.movement-pill.up{color:var(--up);background:var(--up-glow);border-color:color-mix(in srgb, var(--up) 40%, transparent)}.movement-pill.down{color:var(--down);background:var(--down-glow);border-color:color-mix(in srgb, var(--down) 40%, transparent)}.movement-pill.new{color:var(--new);background:var(--new-glow);border-color:color-mix(in srgb, var(--new) 40%, transparent)}.movement-pill.same{color:var(--ink-3);background:var(--bg-elevated-2)}.hero-panel{border:1px solid var(--rule);background:var(--bg-elevated);isolation:isolate;border-radius:18px;margin-top:28px;position:relative;overflow:hidden}.hero-panel .backdrop{z-index:-2;filter:saturate(1.05)brightness(.55)blur(1px);background-position:50% 20%;background-size:cover;position:absolute;inset:0;transform:scale(1.05)}.hero-panel .scrim{z-index:-1;background:linear-gradient(180deg, rgba(var(--bg-rgb),.15) 0%, rgba(var(--bg-rgb),.55) 55%, rgba(var(--bg-rgb),.96) 100%), linear-gradient(90deg, rgba(var(--bg-rgb),.85) 0%, rgba(var(--bg-rgb),.15) 55%);position:absolute;inset:0}.hero-panel .content{grid-template-columns:minmax(160px,220px) 1fr;align-items:end;gap:32px;min-height:360px;padding:40px;display:grid;position:relative}.hero-panel .art{aspect-ratio:3/4;object-fit:cover;width:100%;box-shadow:0 24px 48px -12px #0009, 0 0 0 1px var(--rule);border-radius:10px}.hero-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:.8rem}.hero-rank{font-family:var(--display);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:16px;font-size:clamp(3.5rem,9vw,6rem);font-weight:900;line-height:.85;display:flex}.hero-rank .sym{color:var(--gold)}.hero-panel h1{margin-top:6px;font-size:clamp(1.8rem,4vw,2.6rem)}.hero-meta{color:var(--ink-2);font-family:var(--mono);margin-top:6px;font-size:.9rem}.hero-take{color:var(--ink);max-width:46rem;margin-top:14px;font-size:1.15rem;font-style:italic}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.btn{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:8px;padding:11px 20px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--gold);color:var(--gold-ink)}.btn.primary:hover{box-shadow:0 8px 24px -6px var(--gold-glow);color:var(--gold-ink)}.btn.ghost{color:var(--ink);border:1px solid var(--rule-strong);background:0 0}.btn.ghost:hover{border-color:var(--gold-dim);color:var(--gold)}@media (width<=680px){.hero-panel .content{grid-template-columns:1fr;min-height:0;padding:24px}.hero-panel .art{max-width:160px}.hero-panel .backdrop,.hero-panel .scrim{display:none}.hero-panel{background:var(--bg-elevated)}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:56px;margin-bottom:20px;display:flex}.section-head h2{text-transform:uppercase;letter-spacing:.02em;font-size:1.5rem}.section-head .see-all{font-family:var(--display);font-size:.85rem;font-weight:600;text-decoration:none}.countdown-list{flex-direction:column;gap:10px;display:flex}.countdown-row{border:1px solid var(--rule);background:var(--bg-elevated);color:inherit;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:12px;grid-template-columns:4.5rem 5rem 1fr auto;grid-template-areas:"num thumb info side";align-items:center;gap:20px;padding:14px 18px;text-decoration:none;display:grid}.countdown-row .num{grid-area:num}.countdown-row .thumb{grid-area:thumb}.countdown-row .info{grid-area:info}.countdown-row .side{grid-area:side}.countdown-row:hover{background:var(--bg-elevated-2);border-color:var(--rule-strong);transform:translate(2px)}.countdown-row .num{font-family:var(--display);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:900;line-height:1}.countdown-row.is-first{border-color:color-mix(in srgb, var(--gold) 45%, var(--rule));background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 7%, var(--bg-elevated)), var(--bg-elevated))}.countdown-row.is-first .num{color:var(--gold);text-shadow:0 0 24px var(--gold-glow)}.countdown-row .thumb{aspect-ratio:3/4;object-fit:cover;background:var(--bg-elevated-2);border-radius:6px;width:100%}.countdown-row .info h3{font-size:1.1rem}.countdown-row .info .meta{font-family:var(--mono);color:var(--ink-3);margin-top:3px;font-size:.78rem}.countdown-row .side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}@media (width<=640px){.countdown-row{grid-template-columns:3rem 3.4rem 1fr;grid-template-areas:"num thumb info""num thumb side";gap:12px;padding:10px 12px}.countdown-row .side{justify-self:end}.countdown-row .num{font-size:1.5rem}}.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.mosaic-card{color:inherit;background:var(--bg-elevated);border:1px solid var(--rule);transition:transform var(--fast) var(--ease), border-color var(--fast) var(--ease);border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.mosaic-card:hover{border-color:var(--rule-strong);transform:translateY(-3px)}.mosaic-card .art-wrap{aspect-ratio:3/4;position:relative;overflow:hidden}.mosaic-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--slow) var(--ease);display:block}.mosaic-card:hover img{transform:scale(1.06)}.mosaic-card .rank-chip{font-family:var(--display);color:var(--ink);background:rgba(var(--bg-rgb),.72);backdrop-filter:blur(4px);border:1px solid var(--rule-strong);border-radius:999px;padding:4px 10px;font-size:1.1rem;font-weight:900;position:absolute;top:10px;left:10px}.mosaic-card .rank-chip .sym{color:var(--gold);margin-right:2px}.mosaic-card .fade{background:linear-gradient(180deg, transparent, rgba(var(--bg-rgb),.95));pointer-events:none;height:60%;position:absolute;inset:auto 0 0}.mosaic-card .body{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.mosaic-card h3{font-size:1rem}.mosaic-card .meta{font-family:var(--mono);color:var(--ink-3);font-size:.76rem}.mosaic-card.is-first{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 20px 40px -12px var(--gold-glow)}.mosaic-card.is-first .rank-chip{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.mosaic-card.is-first .rank-chip .sym{color:var(--gold-ink)}.view-toggle-input{opacity:0;pointer-events:none;position:absolute}.view-toggle{border:1px solid var(--rule-strong);background:var(--bg-elevated);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.view-toggle label{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;color:var(--ink-2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:999px;padding:7px 16px;font-size:.78rem;font-weight:700}.view-toggle label:hover{color:var(--ink)}#view-countdown:checked~.section-head .view-toggle label[for=view-countdown],#view-mosaic:checked~.section-head .view-toggle label[for=view-mosaic]{background:var(--gold);color:var(--gold-ink)}.view-panels{margin-top:28px}.view-panels .panel-mosaic{display:none}.view-panels .panel-countdown,#view-mosaic:checked~.view-panels .panel-mosaic{display:block}#view-mosaic:checked~.view-panels .panel-countdown{display:none}.game-detail{padding-block:40px 64px}.back-link{font-family:var(--display);color:var(--ink-2);margin-bottom:24px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink)}.detail-hero{grid-template-columns:minmax(200px,260px) 1fr;align-items:start;gap:32px;display:grid}.detail-hero .art{border:1px solid var(--rule);border-radius:12px;width:100%;box-shadow:0 24px 48px -16px #0000008c}.detail-rank-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.detail-rank-row .num{font-family:var(--display);color:var(--gold);font-size:2.2rem;font-weight:900;line-height:1}.detail-hero h1{margin-top:4px;font-size:clamp(1.9rem,3.4vw,2.6rem)}.detail-meta{font-family:var(--mono);color:var(--ink-3);margin-top:8px;font-size:.88rem}.detail-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-elevated-2);color:var(--ink-2);border:1px solid var(--rule);border-radius:20px;padding:4px 11px;font-size:.72rem;font-weight:700;display:inline-block}.eyebrow-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:36px;margin-bottom:0;font-size:.78rem;font-weight:600}.eyebrow-label.muted{color:var(--ink-3);letter-spacing:.1em}.take-block{border-left:3px solid var(--gold);background:var(--bg-elevated);border-radius:0 12px 12px 0;margin-top:10px;padding:24px 28px;font-size:1.2rem;font-style:italic;line-height:1.65}.summary-block{color:var(--ink-2);max-width:46rem;margin-top:20px;font-size:1rem}.summary-pending-block{border:1px dashed var(--rule-strong);color:var(--ink-2);border-radius:10px;max-width:46rem;margin-top:10px;padding:18px 22px;font-size:1rem;line-height:1.6}.media-block{margin-top:36px}.media-block h2{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2);margin-bottom:14px;font-size:1.1rem}.media-block img{border:1px solid var(--rule);border-radius:10px;width:100%;max-width:640px;display:block}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.gallery-item{margin:0}.gallery-item img{border:1px solid var(--rule);border-radius:10px;width:100%;display:block}.gallery-item figcaption{font-family:var(--mono);color:var(--ink-3);margin-top:8px;font-size:.85rem;line-height:1.5}.expansions-list{flex-direction:column;gap:20px;max-width:46rem;display:flex}.expansion-item{border-left:2px solid var(--rule);align-items:flex-start;gap:16px;padding-left:16px;display:flex}.expansion-item img.expansion-image{border:1px solid var(--rule);border-radius:8px;flex-shrink:0;width:110px;height:auto;display:block}.expansion-text{flex:1;min-width:0}.expansion-item h3{color:var(--ink);margin:0 0 6px;font-size:1rem}.expansion-item p{color:var(--ink-2);margin:0;font-size:.95rem;line-height:1.6}.expansion-item p.expansion-meta{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:.8rem;display:flex}.expansion-item .expansion-date{color:var(--ink-3)}.expansion-item .expansion-notes:before{content:"· "}.collection-dlc-block{border-top:1px solid var(--rule);margin-top:44px;padding-top:24px}.collection-dlc-heading{font-size:1rem}.video-embed{aspect-ratio:16/9;border:1px solid var(--rule);background:var(--bg-elevated);border-radius:10px;width:100%;max-width:720px;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.detail-links{flex-wrap:wrap;gap:20px;margin-top:28px;display:flex}.detail-links a{font-family:var(--display);font-size:.92rem;font-weight:600;text-decoration:none}.detail-links a:hover{text-decoration:underline}.unranked-note{font-family:var(--mono);color:var(--ink-3);border:1px dashed var(--rule-strong);border-radius:8px;padding:8px 14px;font-size:.85rem;display:inline-block}@media (width<=640px){.detail-hero{grid-template-columns:1fr}.detail-hero .art{max-width:220px}.expansion-item{flex-direction:column}.expansion-item img.expansion-image{width:100%;max-width:200px}}.site-footer{border-top:1px solid var(--rule);color:var(--ink-3);margin-top:80px;padding-block:28px;font-size:.85rem}