:root{color-scheme:dark;--bg:#0c1010;--panel:#171c1c;--line:#303936;--muted:#b7c2bc;--ink:#f5f8f1;--accent:#ccff37;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{width:min(1280px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-90px;left:8px;background:#fff;color:#111;padding:12px;z-index:100}.skip:focus{top:8px}
header{position:sticky;top:0;z-index:4;background:#101313;border-bottom:1px solid var(--line)}.top{height:66px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;min-width:112px}.brand img{width:146px;height:34px;object-fit:contain;object-position:left}.desktop,.account{display:flex;align-items:center;gap:14px}.desktop{gap:23px;font-size:.9rem;color:var(--muted)}.desktop a:hover,.browse:hover{color:var(--accent)}.account{margin-left:auto;gap:8px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:5px;font-weight:750;line-height:1.1;white-space:nowrap}.primary{background:var(--accent);color:#101400}.primary:hover{background:#edffb8}.quiet{color:var(--ink);background:#242a28;border:1px solid var(--line)}.toggle{display:none;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:5px}.drawer:not([hidden]){display:grid;padding:8px 0 14px;gap:4px}.drawer>a:not(.button){padding:10px 6px}
.crumbs{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--muted);font-size:.82rem}.crumbs a:hover{text-decoration:underline}
.hero{display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:430px;border:1px solid var(--line);border-radius:13px;background:#131c18}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1110 0%,#0b1110e8 25%,#0b11106c 58%,#0b111008 84%)}.feature{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.hero-copy{padding:46px 5.3%;max-width:690px}.kicker{margin:0 0 10px;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.hero h1{font-size:clamp(2.75rem,5.4vw,5.25rem);line-height:.97;margin:0 0 18px;letter-spacing:-.065em}.offer{font-size:clamp(1.2rem,2.5vw,2.15rem);line-height:1.15;font-weight:850;color:var(--accent);margin:0 0 10px}.intro{font-size:1rem;color:#e2e8e2;max-width:39ch;margin:0 0 20px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.browse{display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:.9rem}
.rail{margin:17px 0 0;display:flex;gap:8px;overflow:auto;padding:4px 3px 8px;scrollbar-color:#596353 transparent}.rail a{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0 14px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:.9rem;font-weight:650}.rail a:hover{border-color:var(--accent)}
.section{margin:30px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 11px}.section-heading span{font-size:.8rem;color:var(--muted)}h2{font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#171d1a;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card-art{display:block;aspect-ratio:2.05;background-image:url(games.webp);background-position:var(--tile);background-size:300% 200%}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px}.card-caption small,.card-caption strong{display:block}.card-caption small{color:var(--muted);margin-bottom:3px}.card-caption strong{font-size:1.03rem}
.promo,.safety{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.promo p:not(.kicker),.safety p{color:var(--muted);margin:8px 0 0}.safety{justify-content:flex-start}.safety h2{font-size:1.16rem}.safety a,footer a{text-decoration:underline;text-underline-offset:3px}.age{border:1px solid #919b94;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;height:42px;font-weight:800}footer{padding:18px 0 28px;border-top:1px solid var(--line);font-size:.83rem;color:var(--muted)}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}footer p{margin:0}
.guide-layout{margin-top:16px;display:grid;gap:18px}.chapters{min-width:0}.chapters p:not(.kicker){line-height:1.65;color:#d1dbd4}.grid .hero{min-height:400px;border-radius:3px}.grid .hero h1{max-width:8ch}.grid .hero-copy{border-left:4px solid var(--accent);margin-left:4%;padding-left:24px}.grid .hero:after{background:linear-gradient(90deg,#0e1713 7%,#0e1713ee 31%,#0e171335 85%)}.grid .rail a{border-radius:2px}.grid .cards{gap:14px}.grid .card{border-radius:3px}.grid .card-art{aspect-ratio:2.4}.grid details{margin-bottom:9px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}.grid summary{min-height:52px;padding:10px 16px;cursor:pointer;font-weight:700}.grid details>div{padding:0 17px 14px}.counter{color:var(--accent);margin-right:12px;font-variant-numeric:tabular-nums}
.club{--bg:#111312;--panel:#1e211c;--line:#404239;--accent:#defb86;background:radial-gradient(ellipse at top,#25291f,#111312 55%)}.club .hero{min-height:490px;border-radius:20px}.club .hero-copy{max-width:720px}.club .hero h1{font-family:Georgia,serif;letter-spacing:-.05em;font-weight:600}.club .hero:after{background:linear-gradient(90deg,#0a0d0bee 0%,#0a0d0bd0 32%,#0a0d0b1a 74%)}.club .card{border-radius:14px}.club .rail a,.club .button{border-radius:25px}.club .guide-layout{grid-template-columns:minmax(150px,235px) minmax(0,1fr);gap:28px}.contents{align-self:start;position:sticky;top:90px;background:var(--panel);padding:17px;border-radius:10px;border:1px solid var(--line)}.contents ol{margin:8px 0 0;padding-left:19px}.contents li{margin:0 0 5px}.contents a{display:block;padding:4px 0;color:var(--muted)}.contents a:hover{color:var(--accent)}.chapter{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:14px}.chapter h3{margin:0;font-size:1.4rem}
@media(max-width:860px){.desktop{display:none}.toggle{display:block}.top{gap:12px}.club .hero{min-height:415px}}
@media(max-width:600px){.wrap{width:calc(100% - 24px)}.top{height:58px;gap:7px}.brand{min-width:0}.brand img{width:105px;height:29px}.account .primary{display:none}.account .quiet{padding-inline:12px}.account .quiet span{display:none}.hero,.grid .hero,.club .hero{min-height:380px;align-items:end}.feature{object-position:66% 25%;object-fit:cover}.hero:after,.grid .hero:after,.club .hero:after{background:linear-gradient(0deg,#0b1110 7%,#0b1110ee 26%,#0b111070 56%,#0b111000 85%)}.hero-copy,.grid .hero-copy{padding:19px 14px;margin:0;border:none}.hero h1,.grid .hero h1{font-size:clamp(2.35rem,9.6vw,3.6rem);max-width:none;margin-bottom:9px}.intro{margin-bottom:11px}.hero-actions{gap:7px 12px}.hero-actions .button{padding-inline:13px}.kicker{margin-bottom:7px}.rail{margin-top:10px}.section{margin:22px 0}.cards,.grid .cards{grid-auto-flow:column;grid-auto-columns:minmax(150px,58%);grid-template-columns:none;overflow:auto;scroll-snap-type:x proximity;padding:3px 3px 9px;margin-inline:-3px;gap:9px}.card{scroll-snap-align:start}.card-caption{padding:8px}.card-caption strong{font-size:.95rem}.promo{flex-wrap:wrap}.promo,.safety{padding:14px}.club .guide-layout{grid-template-columns:minmax(0,1fr)}.contents{position:static}.chapter{padding:14px}.grid details>div{padding-inline:13px}}