/* SEO-only pages; deliberately not linked to gameplay JS or app state */
:root{color-scheme:dark;--bg:#0c091d;--panel:#211633;--line:#624777;--white:#f9f3ff;--muted:#c5b5d6;--gold:#ffdfa6;--violet:#d3a8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0%,#51315d66,transparent 34%),radial-gradient(circle at 10% 44%,#1c245250,transparent 38%),var(--bg);color:var(--white);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;min-height:100vh}a{color:#ebccff;text-underline-offset:3px}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;top:-5em;left:12px;z-index:9;background:#fff;color:#111;padding:7px 13px}.skip:focus{top:6px}.wrap{width:min(1120px,calc(100% - 36px));margin:0 auto}.topbar{background:#0e0a1fdd;border-bottom:1px solid #7e5a8d88;position:relative}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px}.logo{text-decoration:none;color:#fff;font-weight:850;font-size:16px;letter-spacing:.1em;white-space:nowrap}.logo span{color:var(--gold);font-size:25px;vertical-align:-3px}.topnav{display:flex;gap:16px;flex-wrap:wrap}.topnav a{font-size:12px;font-weight:650;color:#e9d9f7;text-decoration:none}.hero{padding:42px 0 21px}.eyebrow{font-size:11px;letter-spacing:.19em;color:#d7a3fc;font-weight:800}.hero h1{margin:9px 0 12px;font-size:clamp(26px,4.3vw,42px);line-height:1.44;color:var(--gold);font-weight:850}.hero .lead{max-width:900px;font-size:16px;color:#e4d6f1;margin:8px 0 24px}.crumb{padding-top:24px;font-size:12px;color:#bbabd1}.crumb a{color:#dec4f1;text-decoration:none}.buttonline{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.cta{display:inline-block;padding:12px 17px;border-radius:10px;font-size:13px;font-weight:850;color:#1c0e2b;background:linear-gradient(115deg,#b889ee,#ffe2ad);text-decoration:none;box-shadow:0 8px 24px #0004}.cta.alt{color:#ecdeff;background:#ffffff0c;border:1px solid #8d6db1;box-shadow:none}.label{display:inline-block;border:1px solid #9973b2;padding:5px 11px;border-radius:99px;color:#edcefb;font-size:11px;margin:8px 0 2px;background:#ffffff09}.illustration{width:100%;height:auto;border-radius:17px;border:1px solid #745288;display:block;box-shadow:0 12px 35px #0004;max-height:420px;object-fit:cover}.illustration-caption{color:#a997bd;font-size:11px;margin:7px 0 0}.lede-note{border-left:3px solid #cfa2f8;background:#9f70d21b;color:#e5d4f2;margin:23px 0;padding:14px 17px;border-radius:0 9px 9px 0;font-size:13px}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:35px;align-items:start}.article{min-width:0}.article h2{font-size:clamp(19px,3vw,25px);line-height:1.45;color:#ffe2b4;margin:38px 0 12px}.article h3{font-size:17px;color:#f6dcff;margin:13px 0}.article p{color:#ddcfe8;margin:0 0 15px;line-height:1.95}.article ul,.article ol{padding-left:25px}.article li{padding:4px 0;color:#e5d9f0}.chapter{border-top:1px solid #ffffff1c;margin:19px 0 0}.mini-title{font-size:20px;color:var(--gold);margin:35px 0 11px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:linear-gradient(145deg,#322145c9,#1a132acf);border:1px solid #785794;border-radius:14px;padding:19px;min-width:0}.card small{color:#dabbfa;font-size:11px}.card h3{font-size:17px;line-height:1.55;color:#fff;margin:7px 0}.card p{font-size:13px;line-height:1.78;color:#d9c6e6;margin:8px 0}.card a{font-weight:750;font-size:13px}.sidebar{position:sticky;top:16px;background:#1a132b;border:1px solid #5b4374;border-radius:13px;padding:18px}.sidebar strong{display:block;color:var(--gold);font-size:13px;margin-bottom:9px}.sidebar a{display:block;font-size:12px;text-decoration:none;padding:7px 0}.related{margin:45px 0}.faq{margin:28px 0}.faq details{border-bottom:1px solid #ffffff24;padding:12px 0}.faq summary{cursor:pointer;font-weight:750;color:#ebd2ff}.faq details p{font-size:14px;color:#d9c9e5;padding:8px 0 0}.footer{margin-top:45px;background:#0a0716;border-top:1px solid #6b527966;padding:30px 0 42px}.footer .links{display:flex;gap:18px;flex-wrap:wrap;margin:9px 0 15px}.footer a{font-size:13px}.footer p{font-size:12px;color:#b5a4c6;margin:8px 0}.hub-intro{color:#e2d4e9;font-size:15px}.compare-table{width:100%;border-collapse:collapse;margin:18px 0;overflow:auto;display:block}.compare-table td,.compare-table th{border-bottom:1px solid #785b8c77;padding:12px 11px;text-align:left;vertical-align:top;font-size:13px}.compare-table th{color:var(--gold);background:#ffffff09}.bottom-cta{background:linear-gradient(115deg,#412557,#1d1835);border:1px solid #9972bd;border-radius:17px;padding:24px;margin:33px 0}.bottom-cta strong{font-size:18px;color:#ffe5b6}.bottom-cta p{font-size:13px;color:#ded0e7}.small-note{font-size:12px;color:#b8a7c8}.display-anchor{text-decoration:none}.text-kpi{display:inline-flex;gap:8px;flex-wrap:wrap}.text-kpi span{font-size:12px;padding:3px 9px;border-radius:50px;background:#ffffff0a;border:1px solid #795495;color:#dec8ef}@media(max-width:750px){.content-wrap{grid-template-columns:1fr}.sidebar{position:static}.topbar .wrap{align-items:center;flex-wrap:wrap;padding:12px 0;min-height:65px}.topnav{gap:12px}.hero{padding-top:24px}.card-grid{grid-template-columns:1fr}.wrap{width:calc(100% - 30px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
