:root{--acc: #c8f751;--acc-ink: #0e0e10;--ink: #f4f3f5;--ground: #0e0e10;--panel: #18181c;--panel-2: #23232a;--line: #2b2b32;--dim: #9d9ca7;--radius: 12px;--radius-lg: 18px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--wrap: 1280px;--font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@font-face{font-family:Archivo;src:url(/f/archivo-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:var(--dim);text-decoration:none}a:hover{color:var(--acc);text-decoration:underline}main p a,main li a{text-decoration:underline;text-underline-offset:2px}*:focus-visible{outline:2px solid var(--acc);outline-offset:3px}::selection{background:var(--acc);color:var(--acc-ink)}.noscroll{scrollbar-width:none;-ms-overflow-style:none}.noscroll::-webkit-scrollbar{width:0;height:0;display:none}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,3vw,44px)}.shell{min-height:100vh;display:flex;align-items:stretch;background:var(--ground);color:var(--ink);font-family:var(--font)}.rail{flex:0 0 86px;border-right:1px solid var(--line);position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;background:var(--ground);padding:var(--s3) 0;gap:var(--s2);z-index:40}.rail-brand{height:52px;display:grid;place-items:center;color:var(--acc)}.rail-foot{border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3) 10px 0}.rail-foot-dot{flex:0 0 auto;border-radius:999px;width:46px;height:46px;display:grid;place-items:center;color:var(--dim);background:var(--panel)}.rail-foot-dot:last-child{background:var(--panel-2);color:var(--acc)}.rail-scroll{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s1);padding:0 11px}.rail-item{flex:0 0 auto;border:0;border-radius:18px;background:transparent;color:var(--dim);padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;text-decoration:none}.rail-item:hover{background:var(--panel);color:var(--ink);text-decoration:none}.rail-item span{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.rail-item[aria-current=page],.rail-item[aria-current=page]:hover{background:var(--acc);color:var(--acc-ink)}.col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.col>header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ground) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:stretch;flex-wrap:wrap}.head-brand{display:flex;align-items:center;gap:10px;padding:0 clamp(16px,2.5vw,28px);border-right:1px solid var(--line);min-height:72px;color:var(--ink);text-decoration:none}.head-brand:hover{text-decoration:none}.head-brand .brand-mark{color:var(--acc);display:grid;place-items:center}.head-brand .brand-name{font-weight:800;font-size:clamp(16px,2vw,21px);letter-spacing:-.03em}.head-search{flex:1 1 220px;min-width:0;display:flex;align-items:center;gap:var(--s3);padding:0 clamp(16px,2.5vw,28px);border-right:1px solid var(--line)}.head-search svg{flex:0 0 auto;color:var(--dim)}.head-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--ink);font-family:var(--font);font-weight:500;font-size:14px;padding:24px 0;outline:none}.head-search input::placeholder{color:var(--dim)}.head-meta{display:flex;align-items:center;padding:10px clamp(12px,2vw,20px);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.col>footer{border-top:1px solid var(--line);margin-top:20px}.foot-main{display:flex;flex-direction:column;gap:clamp(22px,3vw,34px);padding:clamp(24px,3.5vw,46px) clamp(18px,3vw,44px)}.foot-brand-block{display:flex;flex-direction:column;gap:var(--s3)}.foot-brand{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.foot-brand .brand-mark{color:var(--acc);display:grid;place-items:center}.foot-brand .brand-name{font-weight:800;font-size:17px;letter-spacing:-.03em;color:var(--ink)}.foot-credit{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-left:var(--s1)}.foot-credit a{font-size:11px}.foot-blurb{margin:0;max-width:74ch;font-size:13px;line-height:1.65;color:var(--dim)}.foot-cols{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,48px);border-top:1px solid var(--line);padding-top:clamp(18px,2.5vw,26px)}.foot-col{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;flex:1 1 260px;min-width:0}.foot-col-title{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);flex:0 0 auto}.foot-col-links{display:flex;flex-wrap:wrap;gap:8px var(--s4);min-width:0}.foot-col-links a{font-size:13px;text-decoration:none}.foot-col-links a:hover{color:var(--ink)}.foot-bar{border-top:1px solid var(--line);display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center;padding:var(--s4) clamp(18px,3vw,44px)}.foot-copy{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-right:auto}.foot-bar a{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.foot-bar a:hover{color:var(--ink)}@media(max-width:780px){.shell{flex-direction:column}.rail{position:sticky;top:0;height:auto;flex-direction:row;align-items:center;flex:0 0 auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px;background:color-mix(in srgb,var(--ground) 94%,transparent);backdrop-filter:blur(14px)}.rail-brand{display:none}.rail-scroll{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0}.rail-foot{flex-direction:row;border-top:0;border-left:1px solid var(--line);margin-left:var(--s2);padding:0 0 0 10px}.head-search{order:3;flex-basis:100%;border-top:1px solid var(--line);border-right:0}.head-search input{padding:15px 0}.head-brand{border-right:0;min-height:62px}.head-meta{display:none}.col>header{position:static;backdrop-filter:none}.hero-art{min-height:200px}.sortbar{width:100%;overflow-x:auto}}@media(max-width:420px){.rail-item{min-width:58px;padding:10px 4px 8px}}h1{font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--s3)}h2{font-size:clamp(19px,2.4vw,24px);letter-spacing:-.01em;margin:var(--s6) 0 var(--s4)}.lede{color:var(--dim);font-size:17px;margin:0 0 var(--s5);max-width:62ch}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(24px,3.5vw,52px) 0}.hero-copy{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:18px}.hero-kicker{margin:0;font-size:13px;font-weight:700;color:var(--dim)}.hero-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s2);border-radius:999px;background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc);padding:7px 15px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-title{margin:0;font-weight:900;font-size:clamp(40px,6.4vw,88px);line-height:.92;letter-spacing:-.04em}.hero-desc{margin:0;max-width:44ch;font-size:clamp(15px,1.2vw,17px);line-height:1.55;color:var(--dim);text-wrap:pretty}.hero-facts{display:flex;flex-wrap:wrap;gap:10px}.hero-fact{flex:0 1 auto;border-radius:16px;background:var(--panel);padding:12px 18px;display:flex;flex-direction:column;gap:var(--s1)}.hero-fact-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.hero-fact-value{font-weight:800;font-size:17px;letter-spacing:-.01em}.hero-cta{align-self:flex-start;display:flex;align-items:center;gap:11px;border:0;border-radius:999px;background:var(--acc);color:var(--acc-ink);padding:16px 28px;font-weight:800;font-size:15px;letter-spacing:.03em;text-decoration:none}.hero-cta:hover{filter:brightness(1.12);text-decoration:none}.hero-cta:active{filter:brightness(.9)}.hero-art{position:relative;flex:1 1 320px;min-width:0;aspect-ratio:16 / 10;min-height:250px;border-radius:26px;overflow:hidden;display:block;background:var(--panel)}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:999px;background:var(--ink);color:var(--ground);display:grid;place-items:center;box-shadow:0 12px 44px #0000008c;pointer-events:none}.hero-play svg{margin-left:5px}.grid-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin-bottom:20px}.grid-title{margin:0 auto 0 0}.sortbar{display:flex;gap:5px;background:var(--panel);border-radius:999px;padding:5px}.sort-pill{border:0;border-radius:999px;background:transparent;color:var(--dim);padding:9px 16px;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.sort-pill:hover{color:var(--ink);text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:clamp(12px,1.5vw,20px);padding:0;margin:0;list-style:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .12s ease,background .12s ease,border-color .12s ease}.card:hover,.card:focus-within{background:var(--panel-2);border-color:var(--acc);transform:translateY(-2px)}.card a{display:block;text-decoration:none;color:inherit}.card .name{padding:var(--s2) var(--s3) var(--s3);font-weight:650;font-size:14px;line-height:1.3}.card .cat{display:block;color:var(--dim);font-weight:500;font-size:12px;margin-top:2px}.card-game{display:block;transition:transform .18s cubic-bezier(.2,.8,.3,1)}.card-game:hover,.card-game:focus-within{transform:translateY(-4px)}.card-game a{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}.card-game .art{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;display:block;background:var(--panel-2)}.card-game .shot{width:100%;height:100%;object-fit:cover;display:block}.card-game .scrim{position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(to top,rgba(8,8,10,.72),transparent)}.card-game .rank{position:absolute;left:14px;bottom:10px;font-weight:900;font-size:26px;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}.card-game .info{display:flex;flex-direction:column;gap:3px;min-width:0}.card-game .name{font-weight:800;font-size:14px;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-game .cat{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player{background:#000;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--s5)}.player iframe{display:block;width:100%;aspect-ratio:16 / 10;border:0}.player.portrait iframe{aspect-ratio:3 / 4;max-height:78vh;margin:0 auto}.game-head{display:flex;align-items:flex-start;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}.game-head h1{margin:0}.meta{color:var(--dim);font-size:14px;display:flex;gap:var(--s4);flex-wrap:wrap}.tag{display:inline-block;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:2px var(--s3);font-size:13px;text-decoration:none;color:var(--dim)}.tag:hover{color:var(--ink);border-color:var(--acc)}.crumbs{font-size:14px;color:var(--dim);padding:var(--s4) 0 0}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0}.crumbs li+li:before{content:"/";margin-right:var(--s2);opacity:.5}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}main{padding-bottom:var(--s6)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.prose{max-width:68ch}.prose h2{font-size:20px;margin:var(--s5) 0 var(--s3)}.prose p{margin:0 0 var(--s4)}.facts,.faq{max-width:68ch;margin:0 0 var(--s5)}.facts dt,.faq dt{color:var(--dim);font-size:13px;margin-top:var(--s3)}.facts dd,.faq dd{margin:0}.faq dt{color:var(--ink);font-weight:650;font-size:15px}.faq dd{color:var(--dim);margin-bottom:var(--s3)}