: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}}
.frame{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.frame main{min-width:0}
.westio{--bg:#211914;--panel:#33261d;--line:#64432c;--muted:#cbb897;--ink:#f7e9c6;--accent:#ffcb70;background:#211914}
.westio header{background:#34271e}
.westio .button{border:1px solid #ae774b;border-radius:3px}
.westio .primary{background:linear-gradient(#81ba42,#3c741d);color:#fff6d8;border-color:#86a64c;box-shadow:inset 0 0 0 2px #0003}
.westio .quiet{background:linear-gradient(#6c4530,#422619);color:#ffe5ab}
.westio .hero,.westio.medium .hero,.westio.long .hero{border-color:#865d3d;border-radius:7px;background:#2b1d15}
.westio .hero:after,.westio.medium .hero:after,.westio.long .hero:after{background:linear-gradient(90deg,#1c140f 1%,#1c140fef 29%,#1c140f48 70%,#1c140f05)}
.westio h1,.westio h2{font-family:Georgia,serif}
.westio .rail a,.westio .game{background:#39291e}
.westio .offer{color:#ffcf75}
.westio .crumbs{color:#d5c2a4}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.quick a{padding:12px 14px;background:#3e2c1f;border:1px solid var(--line);font-weight:700;border-radius:3px}
.tower{--bg:#0a111a;--panel:#142434;--line:#455e72;--muted:#b8c3cc;--ink:#f3eee3;--accent:#efd6a2;background:radial-gradient(ellipse at top,#172d3e,#0a111a 58%)}
.tower header{background:linear-gradient(#182d3e,#101c2a)}
.tower .frame{grid-template-columns:188px minmax(0,1fr)}
.tower .side{display:grid;align-content:start;gap:9px;margin-top:16px;align-self:start;position:sticky;top:84px;padding:16px 12px;border:1px solid var(--line);background:#102030}
.tower .side a{padding:12px 10px;border:1px solid #30495e;font-weight:700;border-radius:3px}
.tower .primary{background:linear-gradient(#b73830,#7e231d);border:1px solid #dfaa76;color:#fff6df;box-shadow:inset 0 0 0 2px #e9ad6935;border-radius:5px}
.tower .account .primary,.tower .quiet{background:linear-gradient(#8c6b38,#49331b);border:1px solid #bc996a;color:#fff4d8}
.tower h1,.tower h2{font-family:Georgia,serif}
.tower .hero,.tower.medium .hero,.tower.long .hero{border-radius:4px;background:#102030}
.tower .hero:after,.tower.medium .hero:after,.tower.long .hero:after{background:linear-gradient(90deg,#081724 0%,#081724f5 25%,#08172488 55%,#08172414 86%)}
.tower .rail a,.tower .game{background:#162331}
.tower .brand img{object-fit:contain}
.game{display:grid;grid-template-rows:1fr auto;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;transition:border-color .15s}
.game:hover{border-color:var(--accent)}
.game img{width:100%;height:auto;aspect-ratio:1.05;object-fit:cover;object-position:center 46%;display:block}
.game span{padding:9px 11px;font-size:.88rem;font-weight:700}
.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px}
.button.text{padding:0;min-height:38px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:.86rem;border:0}
.medium .hero-copy{border-left:3px solid var(--accent)}
.long .hero-copy{padding-top:58px;padding-bottom:58px}
.long .guide-layout{grid-template-columns:minmax(130px,215px) minmax(0,1fr)}
.guide-layout p{line-height:1.7;color:var(--muted)}
.guide details{background:var(--panel);border:1px solid var(--line);margin-bottom:8px;border-radius:5px}
.guide details summary{padding:14px 16px;font-weight:700;cursor:pointer}
.guide details div{padding:0 16px 12px}
@media(max-width:920px){.tower .frame{grid-template-columns:minmax(0,1fr)}.tower .side{display:none}.desktop{display:none}.toggle{display:block}.top{gap:10px}}
@media(max-width:600px){
 .top{gap:7px}.brand img{width:110px;height:33px}.account .quiet{padding-inline:11px}.account .primary{display:none}
 .hero,.medium .hero,.long .hero{min-height:365px;align-items:end}
 .hero h1,.medium .hero h1,.long .hero h1{max-width:none;margin-bottom:10px;font-size:clamp(2.25rem,9vw,3.2rem);line-height:1}
 .hero-copy,.medium .hero-copy,.long .hero-copy{padding:16px 13px;margin:0;border:none}
 .westio .hero:after,.westio.medium .hero:after,.westio.long .hero:after{background:linear-gradient(0deg,#1c140f 12%,#1c140fec 38%,#1c140f00 85%)}
 .tower .hero:after,.tower.medium .hero:after,.tower.long .hero:after{background:linear-gradient(0deg,#081724 12%,#081724ed 38%,#08172400 85%)}
 .offer{font-size:1.25rem}.quick a{padding:9px 7px;font-size:.82rem}.hero-actions{gap:4px 9px}.browse{font-size:.82rem}
 .games{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:53%;overflow:auto;padding:3px 3px 8px;gap:8px;scroll-snap-type:x proximity}
 .game{scroll-snap-align:start}.section-header{margin-bottom:7px}
 .long .guide-layout{grid-template-columns:minmax(0,1fr)}.contents{position:static}
}