:root{color-scheme:dark;--bg:#0b0611;--panel:#20112e;--text:#f9f0fb;--muted:#c3b4ce;--gold:#ebc680;--border:rgba(237,200,138,.26)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 83% 0,rgba(111,40,134,.22),transparent 39%),linear-gradient(#0b0611,#130a1b 60%,#0b0611);color:var(--text);font:16px/1.65 "Segoe UI",Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #ffe4a6;outline-offset:4px}
.topbar{display:flex;justify-content:center;align-items:center;gap:10px;min-height:32px;padding:6px 10px;background:#1a0c23;border-bottom:1px solid #b487ac3c;text-align:center;color:#dfcbe6;font-size:10px;font-weight:800;letter-spacing:.115em}
.topbar i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #f3c983}
.site-header{border-bottom:1px solid var(--border);background:rgba(13,6,22,.95)}
.nav{width:min(1180px,calc(100% - 40px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.crest{display:grid;place-items:center;flex:none;width:47px;height:47px;border:1px solid #f4c98988;border-radius:13px;background:linear-gradient(135deg,#4e225b,#1b0b29);color:#f2d69a;font:29px Georgia,serif}
.wordmark strong{display:block;white-space:nowrap;color:#f4d49b;font:700 19px/1.06 Georgia,serif;letter-spacing:.022em}
.wordmark small{display:block;margin-top:5px;color:#d3b5dd;font:700 9px Arial,sans-serif;letter-spacing:.2em}
.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:#e3d1e9;font-size:12px;font-weight:700;text-decoration:none}.nav-links a:hover{color:var(--gold)}
.state-pill{white-space:nowrap;border:1px solid #edc8879a;border-radius:99px;color:#edd2a0;padding:8px 12px;font-size:10px;letter-spacing:.11em;font-weight:850}
main{width:min(1180px,calc(100% - 40px));margin:auto}
section{scroll-margin-top:25px}
.hero{display:grid;grid-template-columns:1.03fr .97fr;position:relative;overflow:hidden;min-height:570px;margin:28px 0 18px;border:1px solid #eec78869;border-radius:24px;background:radial-gradient(ellipse at 75% 44%,rgba(133,50,154,.33),transparent 57%),linear-gradient(125deg,#30143d,#150a21);box-shadow:0 25px 65px #0006}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(128deg,transparent 0 125px,#ffffff06 126px 127px)}
.hero-content{z-index:1;align-self:center;padding:49px 0 49px clamp(28px,4.5vw,61px)}
.eyebrow{display:inline-block;color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.18em;line-height:1.4}
h1,h2,h3,p{overflow-wrap:break-word}
h1{margin:19px 0 22px;max-width:620px;font:700 clamp(3rem,5.1vw,5.3rem)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.055em;text-wrap:balance}
em{font-style:normal;color:#f0cc88}
.hero-content p{max-width:520px;margin:0;color:#d8c8df;font-size:16px;line-height:1.75}
.cta-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border:1px solid #e8cb99;border-radius:12px;text-decoration:none;font-size:12px;font-weight:850;line-height:1.3}
.btn-gold{background:linear-gradient(110deg,#fff0bf,#ebc079 60%,#dba35c);color:#241325;box-shadow:0 10px 26px #c28f4a30}
.btn-outline{background:#180a28be;border-color:#dab77f7c;color:#f6e9f7}
.btn:hover{filter:brightness(1.1)}
.small-note{margin-top:22px;max-width:500px;color:#bba6c8;font-size:11px}
.hero-art{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:570px}
.hero-art:before{content:"";position:absolute;top:14%;left:0;width:100%;height:73%;border-radius:50%;background:radial-gradient(ellipse,#9434af5a,transparent 68%);filter:blur(20px)}
.hero-art img{z-index:1;display:block;max-height:570px;width:105%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 30px #06031080)}
.art-caption{position:absolute;z-index:2;right:20px;bottom:29px;padding:10px 13px;border-radius:10px;border:1px solid #edc88b90;background:#170b25e6;color:#ffdfad;font-size:10px;font-weight:850;letter-spacing:.09em;white-space:nowrap}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:16px;background:#20102b;margin-bottom:77px;overflow:hidden}
.facts>div{display:flex;gap:13px;align-items:center;padding:21px 24px}
.facts>div+div{border-left:1px solid var(--border)}
.fact-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #e5c07b80;border-radius:12px;color:#f1cf8d;font:22px Georgia,serif}
.facts b,.facts small{display:block}.facts b{color:#fff2fa;font-size:13px}.facts small{margin-top:3px;font-size:11px;color:#bda9c9}
.section{margin-bottom:77px}
.section-heading{margin-bottom:23px}.section-heading .eyebrow{margin-bottom:11px}
h2{margin:0 0 12px;font:700 clamp(2.05rem,3.6vw,3.4rem)/1.1 Georgia,serif;letter-spacing:-.042em}
.section-heading p{margin:0;max-width:680px;color:var(--muted);font-size:14px;line-height:1.8}
.card-grid,.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.game-card{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#2a123b}
.game-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 31%}
.game-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#11091f4a,transparent 40%,#10081bdf)}
.card-tag{position:absolute;z-index:1;top:17px;left:17px;border:1px solid #eac88e9e;border-radius:99px;background:#110a1cc9;color:#ffe1ad;padding:7px 11px;font-size:10px;font-weight:850;letter-spacing:.1em}
.card-description{position:absolute;z-index:1;bottom:22px;left:21px;right:21px}
.card-description h3{margin:0 0 5px;font:700 30px Georgia,serif;letter-spacing:-.03em}
.card-description p{margin:0;color:#d9c7dc;font-size:12px}
.roadmap article{padding:28px 27px 24px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(140deg,#2e153d,#150b21)}
.step-number{color:#f2cc8b;font:700 27px Georgia,serif}
.roadmap h3{font:700 23px/1.17 Georgia,serif;margin:21px 0 12px}
.roadmap p{min-height:78px;margin:0;color:#c9b5d0;font-size:13px;line-height:1.7}
.step-status{display:inline-block;margin-top:24px;padding:7px 10px;border:1px solid #e1be8480;border-radius:8px;color:#f1d6a1;font-size:10px;font-weight:850;letter-spacing:.06em}
.end-card{display:flex;gap:35px;justify-content:space-between;align-items:center;padding:37px 44px;margin:0 0 60px;border:1px solid #e9c38580;border-radius:17px;background:radial-gradient(circle at 95% -20%,#7f369255,transparent 57%),linear-gradient(110deg,#30143e,#170b25)}
.end-card h2{margin:12px 0 14px}.end-card p{max-width:740px;margin:0;color:#d9c6dd;font-size:13px;line-height:1.8}.end-card .btn{flex:none}
footer{padding:29px max(20px,calc((100vw - 1180px)/2)) 35px;background:#090510;border-top:1px solid var(--border)}
.footer-main{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-main strong{color:#edcb91;font:700 13px Georgia,serif}
.footer-main span,footer p{color:#bcaac7;font-size:11px}
footer p{border-top:1px solid #c8a06933;margin:20px 0 0;padding-top:15px;line-height:1.65}
@media(max-width:920px){.nav-links{gap:14px}.hero{min-height:470px}.hero-art{min-height:470px}.hero-art img{max-height:470px}.hero-content{padding:30px 0 30px 28px}h1{font-size:clamp(2.8rem,5vw,4rem)}.facts>div{padding:15px;gap:8px}}
@media(max-width:700px){.nav{min-height:73px}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:0;margin-top:14px}.hero-content{padding:31px 23px 0}.hero h1{font-size:clamp(2.8rem,8.7vw,3.7rem)}.hero-content p{font-size:14px}.hero-art{min-height:300px;height:315px}.hero-art img{max-height:325px;width:100%}.facts{grid-template-columns:1fr;margin-bottom:55px}.facts>div{padding:12px 20px}.facts>div+div{border-left:0;border-top:1px solid var(--border)}.card-grid,.roadmap{grid-template-columns:1fr}.section{margin-bottom:55px}.end-card{flex-direction:column;align-items:flex-start;padding:26px 23px}.end-card .btn{width:100%}}
@media(max-width:430px){main{width:calc(100% - 24px)}.topbar{font-size:8px;letter-spacing:.04em}.nav{width:calc(100% - 26px);gap:7px}.crest{width:38px;height:38px}.wordmark strong{font-size:16px}.wordmark small{font-size:8px}.state-pill{font-size:8px;padding:7px 9px}.hero-content{padding:28px 18px 0}.hero h1{font-size:2.7rem}.cta-row{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-art{height:285px;min-height:285px}.hero-art img{max-height:285px}.art-caption{font-size:8px;right:10px;bottom:12px}.facts{margin-bottom:48px}h2{font-size:2.22rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}