:root{--bg:#0b101c;--panel:#141b2a;--line:#29334a;--mint:#00edaa;--text:#f5f7fc;--muted:#b2bed2;--rail:204px;--top:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{display:block;max-width:100%;height:auto}p{color:var(--muted);margin:0 0 1.2em}h1,h2,h3{line-height:1.1;letter-spacing:-.04em;margin:0 0 .65em;overflow-wrap:anywhere}h1{font-size:clamp(38px,4.3vw,67px);font-weight:850}h2{font-size:clamp(28px,3vw,42px)}h3{font-size:25px}em{color:var(--mint);font-style:normal}strong{color:var(--text)}.eyebrow{display:block;font-size:11px;font-weight:bold;letter-spacing:.15em;color:var(--muted);margin-bottom:19px}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:var(--mint);color:var(--bg);z-index:100}.skip:focus{top:10px}.site-header{height:var(--top);position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:25px;padding:0 28px 0 20px;background:#0b101cf7;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900;letter-spacing:-.04em;min-width:calc(var(--rail) - 12px)}.brand img{width:34px;height:auto}.header-topic{font-size:13px;color:var(--muted)}.header-cta,.cta{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 25px;border-radius:9px;background:var(--mint);color:#041a15;font-size:14px;font-weight:800;white-space:nowrap;transition:.15s}.header-cta{margin-left:auto;min-width:166px}.cta:hover,.header-cta:hover{background:#73ffd4;transform:translateY(-1px)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:11px}.menu-toggle span{display:block;height:2px;background:white;margin:4px 0}.rail{position:fixed;left:0;top:var(--top);bottom:0;width:var(--rail);padding:27px 16px 20px;border-right:1px solid var(--line);z-index:20;background:#0e1420;display:flex;flex-direction:column;overflow-y:auto}.rail nav{display:grid;gap:5px}.rail nav a{padding:11px 13px;color:var(--muted);border-radius:7px;font-size:13px;font-weight:700;line-height:1.4}.rail nav a:hover{color:#fff;background:#1b2435}.rail nav a[aria-current=page]{color:var(--mint);background:#00edaa0d;border-left:3px solid var(--mint)}.rail-art{margin-top:36px;padding:10px 0 16px;background:radial-gradient(ellipse at 70% 30%,#493a7838,transparent 70%);border-radius:12px}.rail-art img{width:150px;margin:auto}.rail-art span{display:block;margin:4px 15px;font-size:13px;line-height:1.35;letter-spacing:.05em;font-weight:bold}.rail-bottom{margin-top:auto;padding-top:30px}.rail .rail-bottom a{font-size:11px}main{margin:var(--top) 0 0 var(--rail);padding:28px clamp(18px,3vw,44px) 0;max-width:1740px}.hero{position:relative;overflow:hidden;isolation:isolate;border:1px solid #27314a;border-radius:20px;background:#111a2b;min-height:440px;padding:48px clamp(24px,4vw,60px)}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1426f7,#0d1426c9 40%,#0d14262b 78%)}.hero-copy{max-width:620px;width:62%}.hero .eyebrow{color:#d0d9e8}.hero p{max-width:455px;font-size:15px;line-height:1.6;color:#d6dfea}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:25px;flex-wrap:wrap}.secondary{font-size:13px;font-weight:bold;display:inline-flex;gap:15px;align-items:center;min-height:44px;color:white}.secondary:hover,.text-link:hover{color:var(--mint)}.hero-corner{position:absolute;bottom:24px;right:27px;font-size:9px;letter-spacing:.2em;color:#b6c3d4}.quick-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.quick-paths>a{position:relative;border:1px solid var(--line);border-radius:12px;padding:23px 25px;background:linear-gradient(90deg,#121c2eee,#151b32c9),url('/assets/img/hero.webp') center/cover}.quick-paths span:first-child{font-size:10px;color:var(--mint);letter-spacing:.13em}.quick-paths strong{display:block;font-size:18px;line-height:1.4;margin-top:9px}.arrow{position:absolute;right:22px;bottom:27px;font-size:24px;color:var(--mint)}.quick-paths>a:hover{border-color:#00edaa70}.section{padding:64px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-title h2{margin-bottom:0}.text-link{font-size:12px;color:var(--muted);padding-bottom:5px}.game-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.game-card{border:1px solid #2a3a47;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#08746c55,transparent 70%),#141b2a;padding:0 16px 22px;transition:.2s}.game-card.violet{background:radial-gradient(ellipse at 50% 32%,#6342bf55,transparent 70%),#141b2a;border-color:#413457}.game-card:hover{transform:translateY(-4px);border-color:var(--mint)}.game-card img{width:100%;height:auto;aspect-ratio:12/11;object-fit:contain;margin:6px auto 4px}.game-card>span{display:block;font-size:9px;color:#9cadc5;letter-spacing:.1em}.game-card strong{display:block;font-size:21px;line-height:1.25;margin:5px 0}.game-card small{display:block;font-size:11px;color:var(--muted);line-height:1.4}.caption{font-size:11px;margin:17px 0 0;max-width:730px}.split-feature{border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1fr .85fr;overflow:hidden;background:#141a2a}.feature-copy{padding:42px}.feature-copy p{font-size:14px;max-width:540px}.feature-visual{position:relative;min-height:330px;isolation:isolate;display:flex;justify-content:center;align-items:center;flex-direction:column}.feature-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}.feature-visual:after{content:"";position:absolute;inset:0;background:#050c27a1;z-index:-1}.percent{font-size:116px;font-weight:900;letter-spacing:-.08em;color:var(--mint);line-height:1.15;text-shadow:0 8px 35px #00edaa50}.percent>span{font-size:55px}.visual-label{font-size:10px;letter-spacing:.1em;text-align:center;padding:0 15px}.article-layout{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr);gap:54px}.article-intro{align-self:start;position:sticky;top:110px}.article-intro h2{font-size:35px}.article-intro nav{display:grid;gap:12px;margin-top:30px}.article-intro nav a{font-size:12px;color:var(--muted);padding-left:13px;border-left:2px solid #3f4c66}.article-intro nav a:hover{border-color:var(--mint);color:var(--mint)}.article{min-width:0;max-width:850px}.article p,.prose p{font-size:15px;line-height:1.85}.article p a,.prose p a,.faq p a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.article h2{font-size:30px;margin-top:40px}.article h2:first-child{margin-top:0}.article h3{margin-top:34px;font-size:23px}.article h3:first-child{margin-top:0}.source-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.faq-section{display:grid;grid-template-columns:.8fr 1.25fr;gap:70px;border-top:1px solid var(--line)}.faq-section>div>img{width:210px;margin-top:15px}.faq-section h2{font-size:35px}.faq details{background:linear-gradient(90deg,#141c2df2,#181c32e8),url('/assets/img/hero.webp') center/cover;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;overflow:hidden}.faq summary{position:relative;cursor:pointer;padding:20px 48px 20px 21px;list-style:none;font-size:14px;font-weight:bold;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:20px;top:17px;font-size:23px;color:var(--mint)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 21px 20px;margin:0;font-size:13px;line-height:1.75}.sub-hero{min-height:394px}.sub-hero h1{font-size:clamp(36px,4vw,58px)}.side-image{width:220px;margin-top:24px}.art-note{background:linear-gradient(150deg,#243458bb,#12182ddd),url('/assets/img/hero.webp') center/cover;border:1px solid var(--line);border-radius:14px;padding:10px 20px 24px;margin-top:26px}.art-note img{width:170px;margin:auto}.art-note strong,.art-note span{display:block;font-size:12px}.art-note span{font-size:11px;color:var(--muted);margin-top:4px}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:28px 0;background:#141b29}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6}caption{text-align:left;color:var(--mint);padding:15px 19px;background:linear-gradient(90deg,#103731eb,#191d30f0),url('/assets/img/hero.webp') center/cover;font-weight:bold}td,th{text-align:left;padding:14px 18px;vertical-align:top;border-bottom:1px solid #2a3446}th{font-size:12px}td{color:#bdc9dd}tbody tr:last-child>*{border-bottom:0}thead{background:#1c2739}.prose{max-width:860px;margin:auto}.prose h2{font-size:28px;margin-top:35px}.prose h2:first-child{margin-top:0}.source-list{font-size:14px}.source-list dt{font-weight:bold;color:var(--mint);margin-top:22px}.source-list dd{margin:7px 0;color:var(--muted);overflow-wrap:anywhere}footer{padding:38px 0 30px;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;align-items:center}.footer-brand{font-size:18px;font-weight:900}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer nav a{font-size:11px;color:var(--muted)}footer>span{margin-left:auto;font-size:10px;color:#8898ae}footer a:hover{color:var(--mint)}
@media(max-width:1100px){:root{--rail:180px}.header-topic{display:none}.hero-copy{width:75%}.hero{padding:35px 30px}.hero:after{background:linear-gradient(90deg,#0d1426f7,#0d1426b0 55%,#0d142632)}h1{font-size:49px}.game-strip{gap:9px}.game-card{padding:0 11px 18px}.game-card strong{font-size:18px}.article-layout{gap:30px;grid-template-columns:.65fr 1.3fr}.article-intro h2,.faq-section h2{font-size:29px}.faq-section{gap:30px}.feature-copy{padding:30px}.section{padding:48px 0}.quick-paths>a{padding:19px}.quick-paths strong{font-size:16px}.arrow{right:13px}}
@media(max-width:800px){:root{--rail:0px;--top:70px}.site-header{gap:12px;padding:0 18px}.brand{min-width:0;font-size:18px}.brand img{width:29px}.header-cta{min-width:146px;min-height:46px;padding:11px 18px;font-size:12px}.menu-toggle{display:block}.rail{display:none;inset:var(--top) 0 auto auto;width:min(340px,100%);bottom:auto;max-height:calc(100dvh - var(--top));box-shadow:-15px 25px 60px #0008;border:1px solid var(--line);padding:20px}.rail.open{display:flex}.rail-art{display:none}.rail-bottom{padding-top:15px}.rail nav a{font-size:14px;padding:14px}.rail .rail-bottom a{font-size:12px}main{margin-left:0;padding:20px 22px 0;max-width:none}.hero{min-height:410px}.hero-copy{width:70%}.hero h1{font-size:48px}.article-layout{grid-template-columns:1fr;gap:27px}.article-intro{position:static}.article-intro nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.article-intro .side-image,.article-intro .art-note{display:none}.article-intro h2 br{display:none}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section>div>img{display:none}.faq-section h2 br{display:none}.section-title{align-items:start}.split-feature{grid-template-columns:1.1fr .7fr}.percent{font-size:85px}.visual-label{font-size:8px}.feature-copy h2{font-size:31px}.feature-visual{min-height:300px}footer>span{width:100%;margin-left:0}}
@media(max-width:560px){html{scroll-padding-top:88px}.site-header{gap:10px;padding:0 12px}.brand{font-size:16px;gap:5px}.brand img{width:25px}.header-cta{min-width:130px;font-size:11px;padding:10px 13px;min-height:44px}.menu-toggle{width:36px;height:38px;padding:8px;flex-shrink:0}main{padding:15px 14px 0}.hero{border-radius:13px;min-height:465px;padding:30px 23px 25px}.hero-copy{width:100%;max-width:100%}.hero h1,.sub-hero h1{font-size:42px;line-height:1.06;letter-spacing:-.05em}.hero p{font-size:14px;max-width:290px;line-height:1.65}.hero .eyebrow{font-size:9px;letter-spacing:.1em;max-width:280px;margin-bottom:21px}.hero:after{background:linear-gradient(90deg,#0d1426f5 4%,#0d1426bd 80%,#0d142687),linear-gradient(0deg,#0c162391,transparent)}.hero-scene{object-position:72% center}.hero-actions{gap:10px;align-items:flex-start;flex-direction:column;margin-top:18px}.hero .cta{min-height:48px;padding:12px 25px;min-width:176px}.hero-actions .secondary{font-size:12px;min-height:30px}.hero-corner{display:none}.sub-hero{min-height:440px}.quick-paths{grid-template-columns:1fr;margin-top:12px;gap:8px}.quick-paths>a{padding:14px 19px;min-height:81px}.quick-paths strong{font-size:15px;line-height:1.45;margin-top:3px}.quick-paths strong br{display:none}.quick-paths span:first-child{font-size:9px}.arrow{right:20px;bottom:20px}.section{padding:40px 0}.section-title{display:block;margin-bottom:21px}.section-title h2{font-size:30px}.section-title .text-link{display:inline-block;margin-top:14px}.eyebrow{font-size:10px;margin-bottom:15px}.game-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{padding:0 14px 19px}.game-card img{width:100%;margin:0}.game-card:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:130px 1fr;column-gap:15px;align-items:center;padding-bottom:10px}.game-card:nth-child(5) img{grid-row:1/4}.game-card:nth-child(5)>span{align-self:end}.game-card:nth-child(5)>strong{margin:0}.game-card:nth-child(5)>small{align-self:start}.split-feature{display:flex;flex-direction:column}.feature-copy{padding:28px 24px}.feature-copy h2{font-size:32px}.feature-visual{min-height:180px}.feature-visual img{object-position:right 52%}.percent{font-size:78px}.percent>span{font-size:37px}.visual-label{font-size:9px}.article-intro h2,.faq-section h2{font-size:30px}.article h2{font-size:27px;margin-top:35px}.article h3{font-size:23px}.article p,.prose p{font-size:14px;line-height:1.9}.article-intro nav{gap:12px 15px}.article-intro nav a{font-size:11px}.faq summary{font-size:13px;padding:18px 42px 18px 17px}.faq details p{font-size:13px;padding:0 17px 18px}.faq summary:after{right:17px}.table-wrap{margin:23px 0}td,th{padding:12px;font-size:12px;overflow-wrap:anywhere}caption{font-size:12px;padding:13px 12px}footer{padding:28px 0;gap:18px}footer nav{gap:12px 16px}.prose h2{font-size:26px}}
@media(max-width:350px){.brand{font-size:14px}.brand img{width:22px}.site-header{gap:7px;padding:0 10px}.header-cta{min-width:119px;padding:10px;font-size:10px}.hero{padding:26px 19px;min-height:454px}.hero h1,.sub-hero h1{font-size:37px}.hero p{font-size:13px}.hero .eyebrow{font-size:8px}.sub-hero{min-height:439px}.game-card strong{font-size:18px}.game-card small{font-size:10px}.game-card:nth-child(5){grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}