:root{--ink:#08111d;--ink2:#0d1a2b;--panel:#102238;--gold:#d7b36a;--gold2:#f0d394;--sky:#8ec8ef;--paper:#edf4f8;--muted:#9eafc0;--line:rgba(215,179,106,.28);--max:1320px;--radius:18px;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#07101b 0%,#0b1727 55%,#07101b 100%);color:var(--paper);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:9999;background:white;color:#111;padding:10px 14px}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,12,22,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:25px;letter-spacing:.12em;font-weight:700}.sigil{width:35px;height:35px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center}.sigil:after{content:'✦';transform:rotate(-45deg);color:var(--gold)}.links{display:flex;gap:20px;align-items:center;margin-left:auto}.links a{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#ced9e4}.links a:hover,.links a.active{color:var(--gold2)}.nav-cta{border:1px solid var(--gold);background:linear-gradient(135deg,#a77d32,#e3c37f);color:#10131a;padding:12px 18px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:720px;display:flex;align-items:end;position:relative;background:linear-gradient(90deg,rgba(4,10,18,.97) 0%,rgba(4,10,18,.75) 34%,rgba(4,10,18,.15) 70%),url('../images/hero.webp') center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-copy{padding:120px 0 80px;max-width:630px}.eyebrow{color:var(--gold2);letter-spacing:.27em;text-transform:uppercase;font-size:12px}.hero h1,.page-hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:.04em;line-height:.96;font-size:clamp(52px,7vw,105px);margin:14px 0 22px}.hero h1 span{display:block;font-size:.33em;letter-spacing:.25em;color:var(--gold2);margin-top:12px}.hero p{font-size:18px;color:#d7e0e8;max-width:590px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;background:rgba(9,20,34,.65)}.btn.primary{background:linear-gradient(135deg,#b88b3d,#e9cf96);color:#111721;border-color:#f1dbab}.btn:hover{transform:translateY(-2px)}.hero-statbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(6,14,24,.72);backdrop-filter:blur(12px);margin-top:45px}.hero-statbar div{padding:15px;border-right:1px solid var(--line)}.hero-statbar div:last-child{border-right:0}.hero-statbar b{display:block;color:var(--gold2);font:600 22px Georgia,serif}.section{padding:88px 0}.section.dark{background:#07111e}.section.light{background:#e9eef1;color:#111d29}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section h2,.page h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.1;margin:5px 0}.section-lead{max-width:700px;color:var(--muted)}.light .section-lead{color:#526170}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,rgba(22,42,65,.96),rgba(10,22,36,.97));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/8;object-fit:cover}.card-body{padding:21px}.card small{color:var(--gold2);text-transform:uppercase;letter-spacing:.12em}.card h3{font-family:Georgia,serif;font-size:26px;margin:5px 0 10px}.light .card{background:white;color:#17202a;box-shadow:0 18px 50px rgba(20,30,50,.12)}.character-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.char{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);min-height:420px;background:#111}.char img{width:100%;height:100%;object-fit:cover}.char:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,10,18,.94))}.char-info{position:absolute;z-index:2;bottom:18px;left:16px;right:16px}.char-info b{font:500 22px Georgia,serif}.char-info span{display:block;color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.feature-band{background:url('../images/banner.webp') center/cover no-repeat;min-height:300px;display:flex;align-items:center;position:relative}.feature-band:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,23,.94),rgba(6,13,23,.28))}.feature-band .wrap{position:relative}.feature-band h2{max-width:650px}.page-hero{padding:140px 0 70px;background:linear-gradient(90deg,rgba(4,10,18,.96),rgba(4,10,18,.5)),url('../images/atmosphere.webp') center/cover no-repeat;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,6vw,82px)}.page-hero p{max-width:760px;color:#c9d5df}.content{padding:70px 0}.prose{max-width:900px}.prose h2{font-size:34px;margin-top:44px}.prose h3{font:500 24px Georgia,serif;color:var(--gold2);margin-top:30px}.prose p,.prose li{color:#c4d0db}.prose ul{padding-left:22px}.legal-note{border:1px solid var(--line);padding:18px 20px;background:rgba(215,179,106,.06);border-radius:12px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.tab{padding:11px 15px;border:1px solid var(--line);background:#102238;color:#dbe7ef}.tab.active{background:var(--gold);color:#0b1118}.world-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0e1d30}.world-panel img{width:100%;height:100%;min-height:430px;object-fit:cover}.world-copy{padding:42px}.world-copy h3{font:500 42px Georgia,serif;margin:5px 0 15px}.pill{display:inline-block;padding:7px 10px;border:1px solid var(--line);color:var(--gold2);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:4px}.class-grid,.best-grid,.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.class-card,.best-card,.edition{padding:26px;border:1px solid var(--line);background:#0e1d30;border-radius:16px}.class-card i{font-style:normal;font-size:38px;color:var(--gold2)}.class-card h3,.best-card h3,.edition h3{font:500 27px Georgia,serif}.edition.featured{outline:1px solid var(--gold2);background:linear-gradient(180deg,#18314e,#0f2034)}.price{font:500 38px Georgia,serif;color:var(--gold2)}.reqs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.req{border:1px solid var(--line);padding:22px;background:#0d1b2c}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.form{display:grid;gap:14px;max-width:760px}.form label{font-size:13px;color:#c5d1db}.form input,.form select,.form textarea{width:100%;background:#0b1727;border:1px solid rgba(255,255,255,.14);color:white;padding:13px 14px;border-radius:8px}.form textarea{min-height:150px;resize:vertical}.toast{position:fixed;right:20px;bottom:20px;z-index:99;background:#13243a;border:1px solid var(--gold);padding:14px 18px;display:none}.toast.show{display:block}.footer{border-top:1px solid rgba(255,255,255,.08);padding:46px 0 30px;background:#050c15}.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h4{color:var(--gold2);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.footer a{display:block;color:#9faebd;font-size:14px;margin:7px 0}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:30px;color:#718196;font-size:12px}.modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.78);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(900px,100%);background:#0c1b2d;border:1px solid var(--gold);display:grid;grid-template-columns:330px 1fr;max-height:90vh;overflow:auto}.modal-card img{height:100%;width:100%;object-fit:cover}.modal-copy{padding:34px}.modal-close{float:right;background:none;border:0;color:white;font-size:28px}.news-list{display:grid;gap:14px}.news-item{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:14px;border:1px solid var(--line);background:#0d1b2c}.news-item img{width:160px;height:100px;object-fit:cover}.tag{font-size:11px;text-transform:uppercase;color:var(--gold2);letter-spacing:.1em}.legal-index{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.legal-index a{border:1px solid var(--line);padding:18px;background:#0d1b2c}
@media(max-width:1050px){.links{display:none}.menu{display:block;margin-left:auto}.nav.open .links{display:flex;position:absolute;left:0;right:0;top:78px;background:#07111e;padding:20px;flex-direction:column;align-items:stretch}.nav.open .nav-cta{display:none}.character-grid{grid-template-columns:repeat(3,1fr)}.cards,.class-grid,.best-grid,.store-grid{grid-template-columns:repeat(2,1fr)}.world-panel{grid-template-columns:1fr}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{width:min(100% - 24px,var(--max))}.hero{min-height:650px;background-position:62% center}.hero-copy{padding:120px 0 50px}.hero-statbar{grid-template-columns:1fr 1fr}.character-grid{grid-template-columns:1fr 1fr}.char{min-height:320px}.cards,.class-grid,.best-grid,.store-grid,.reqs,.legal-index{grid-template-columns:1fr}.section{padding:58px 0}.page-hero{padding:115px 0 50px}.modal-card{grid-template-columns:1fr}.modal-card img{max-height:420px}.news-item{grid-template-columns:1fr}.news-item img{width:100%;height:180px}.foot-grid{grid-template-columns:1fr}.copyright{display:block}}