@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#100f17;--bone:#ded5be;--gold:#ac8a50;--muted:#aaa5b2;--line:#ac8a5038;--accent:#6e7f86;--light:#acc4c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--bone);font:14px/1.85 Inter,Arial,sans-serif}.wyrm{--accent:#985e3c;--light:#d0ac7e}.blight{--accent:#75549a;--light:#bca2d5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #bca2d5;outline-offset:5px}img{max-width:100%}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(44px,5.8vw,78px)}h2{font-size:clamp(32px,3.7vw,50px);margin:18px 0 32px}h3{font-size:27px;margin:16px 0 20px}em{font-style:normal;color:var(--light)}p{color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:600;text-transform:uppercase;color:var(--gold)}.lead{font-size:19px;line-height:1.65;color:var(--bone)}.fine{font-size:11px;color:#a9a0b1;line-height:1.8}.muted{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding:95px 40px}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--bone);color:var(--bg);padding:12px}.skip:focus{top:10px}header{height:100px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:6px 5%;border-bottom:1px solid var(--line)}.brand img{width:155px;height:87px;object-fit:contain;display:block}nav{display:flex;gap:28px}nav a{font-size:11px;color:#c0b9c5;padding:10px 0}nav a:hover,nav a[aria-current]{color:#e0c18a;border-bottom:1px solid var(--gold)}.studio-link{font-size:8px;letter-spacing:1.5px;color:var(--gold)}.menu{display:none}.hero{min-height:850px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{background:url('assets/sunder-world.webp') center/cover}.hero-shade{background:linear-gradient(90deg,#100f17e8,#100f1785 40%,transparent 76%),linear-gradient(0deg,#100f17,transparent 40%)}.hero.wyrm .hero-art{background-image:url('assets/wyrmheir-world.webp')}.hero.blight .hero-art{background-image:url('assets/blight-world.webp')}.hero-content{position:relative;width:100%;max-width:1450px;margin:auto;padding:60px 6% 100px}.hero h1{max-width:500px;margin:20px 0;line-height:0}.hero-logo{width:100%;max-height:330px;object-fit:contain;object-position:left;filter:drop-shadow(0 3px 18px #000)}.hero h2{font-size:34px;line-height:1.3;margin:20px 0}.hero-content>p:not(.eyebrow){max-width:430px;font-size:13px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #ac8a50a0;padding:15px 22px;background:#3b535d;color:#f0e7d8;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.button:hover{background:#567680}.wyrm .button{background:#75472f}.blight .button{background:#594071}.text-link{font-size:11px;color:#cbb184;border-bottom:1px solid var(--line);padding:8px 0}.hero-foot{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;font-size:8px;letter-spacing:2px;color:#aaa1b2}.intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.intro-grid p{margin-top:0}.intro-grid .lead{font-size:24px;font-family:Cinzel,Georgia}.faction-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faction{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:550px;border:1px solid var(--line);padding:35px;background:linear-gradient(#100f1750,#100f17e8 45%),url('assets/wyrmheir-world.webp') 70% center/cover}.faction.blight{background-image:linear-gradient(#100f1750,#100f17e8 45%),url('assets/blight-world.webp')}.faction:hover{border-color:var(--accent)}.faction>img{height:185px;width:100%;object-fit:contain}.faction h3{font-size:32px}.faction p{font-size:12px}.faction span{color:#cbb184;font-size:11px}.wide-art{min-height:590px;display:flex;align-items:center;background:linear-gradient(90deg,#100f17ed,#100f1790 50%,#100f1710),url('assets/wyrmheir-world.webp') 70% center/cover;border-block:1px solid var(--line)}.wide-art>div{max-width:1200px;width:100%;margin:auto;padding:90px 40px}.wide-art p{max-width:470px}.wide-art.compact{min-height:420px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0}.columns article{border-top:1px solid var(--line);padding-top:18px}.columns h3{font-size:23px}.columns p:not(.eyebrow){font-size:13px}.quote-band{padding:100px 30px;text-align:center;background:radial-gradient(ellipse at bottom,#75549a25,transparent 70%);border-block:1px solid var(--line)}.quote-band .actions{justify-content:center}.quote-band h2{font-size:clamp(32px,4.5vw,60px)}footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 5%;border-top:1px solid var(--line)}.footer-brand{font:20px Cinzel,Georgia;letter-spacing:2px;color:var(--bone)}footer p,footer a{font-size:10px}footer>div{display:flex;flex-direction:column;gap:5px;color:#cbb184}.page-intro{padding-top:75px;padding-bottom:70px}.page-intro h1{margin:20px 0 30px}.page-intro>p{max-width:800px}.codex-band,.identity-band,.ascension-section{background:radial-gradient(ellipse at top,#75549a18,transparent 65%),#15121e;border-block:1px solid var(--line)}.codex-tabs{display:grid;grid-template-columns:repeat(7,1fr);margin-top:38px}.codex-tabs button{background:none;border:0;border-bottom:2px solid var(--line);text-align:left;padding:20px 10px;color:#a39aa9}.codex-tabs small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px}.codex-tabs span{display:block;font:12px Cinzel,Georgia;margin-top:8px}.codex-tabs button[aria-selected=true]{border-color:var(--gold);background:#ac8a5015;color:var(--bone)}.codex-panel{display:grid;grid-template-columns:280px 1fr;background:#100f17;border:1px solid var(--line);min-height:580px;--seal:#c8c5b7}.seal{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--line);padding:30px;text-align:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--seal) 15%,transparent),transparent 70%)}.seal:before{content:'';position:absolute;width:210px;height:210px;border:1px solid var(--seal);opacity:.25;border-radius:50%}.seal>span{font:100px/1 Cinzel,Georgia;color:var(--seal)}.seal>p{font:19px Cinzel,Georgia;letter-spacing:2px;color:var(--seal);position:relative}.seal small{position:absolute;bottom:30px;font-size:8px;text-transform:uppercase;letter-spacing:2px}.codex-copy{padding:35px 40px}.codex-copy h3{font-size:42px;margin:8px 0}.codex-copy .lead{font-size:18px}.codex-copy p{font-size:13px}.form-switch{display:flex;gap:8px;margin:24px 0}.form-switch button{border:1px solid var(--line);color:var(--muted);background:none;font-size:10px;padding:10px 15px}.form-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--bone);border-color:var(--accent)}#codex-form{min-height:80px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;color:#d2b98f;font:16px/1.5 Cinzel,Georgia}details p{max-width:800px}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.mode-tabs button{background:#15121e;color:#aaa0b0;border:1px solid var(--line);padding:22px 15px;font:13px Cinzel,Georgia}.mode-tabs button[aria-selected=true]{background:#3b535d;color:var(--bone);border-color:#729297}.mode-panel{display:grid;grid-template-columns:1.5fr 1fr;background:#15121e;border:1px solid var(--line);min-height:360px}.mode-panel>div{padding:40px}.mode-panel h3{font-size:38px;margin:16px 0}.mode-panel ul{padding-left:18px;color:var(--muted);font-size:12px}.mode-numeral{display:grid;place-items:center;font:140px Cinzel,Georgia;color:#ac8a5070;background:linear-gradient(90deg,#15121e,#15121e99),url('assets/sunder-world.webp') center/cover}.note{border-left:2px solid var(--gold);padding:15px 22px;background:#ac8a5009;font-size:12px}.builder{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.builder form{display:grid;gap:18px}.builder label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}input,select{display:block;width:100%;margin-top:8px;background:#100f17;border:1px solid var(--line);color:var(--bone);padding:13px;font-size:13px;letter-spacing:0}.character-preview{padding:35px;border:1px solid var(--line);background:radial-gradient(ellipse at top,#487b8620,transparent),#100f17;align-self:start}.character-preview h3{font-size:36px;overflow-wrap:anywhere}.character-preview hr{border:0;border-top:1px solid var(--line);margin:30px 0}.ascension-demo{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line);background:#100f17}.ascension-readout,.ascension-controls{padding:35px}.ascension-readout{border-right:1px solid var(--line)}.ascension-readout h3{font-size:42px}.meter-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:20px}progress{width:100%;appearance:none;border:0;height:8px;display:block;margin:10px 0;background:#282532}progress::-webkit-progress-bar{background:#282532}progress::-webkit-progress-value{background:#ac8a50}progress::-moz-progress-bar{background:#ac8a50}#asc-strain::-webkit-progress-value{background:#aa5962}.unlock-badge,.demo-kicker{font-size:9px;color:var(--gold);letter-spacing:1px;margin-top:25px}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-buttons button{background:#24202b;border:1px solid var(--line);color:var(--bone);padding:15px 10px;font-size:10px}.demo-buttons button:disabled{opacity:.35;cursor:not-allowed}.demo-buttons #asc-transform:enabled{background:#75472f}.asc-event{font-size:12px;min-height:70px}.reset-demo{color:var(--gold);background:none;border:0;border-bottom:1px solid var(--line);font-size:10px;padding:8px 0}.asc-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.asc-rules span{color:var(--gold);font-size:9px}.asc-rules h3{font-size:23px}.asc-rules p,.prototype-note{font-size:12px}.prototype-note{border-top:1px solid var(--line);padding-top:20px}.section-heading{display:flex;align-items:end;gap:50px;justify-content:space-between;margin-bottom:30px}.section-heading>p{font-size:12px;min-width:220px}.lore-hero{background:linear-gradient(90deg,#100f17ed,#100f17a0),url('assets/sunder-world.webp') center/cover;border-bottom:1px solid var(--line)}.lore-hero h1{font-size:clamp(34px,4.5vw,60px)}.lore-layout{display:grid;grid-template-columns:240px 1fr;gap:65px;padding-top:65px}.chapter-nav{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;border-left:1px solid var(--line)}.chapter-nav a{padding:11px 15px;font-size:11px;color:#b8aabd}.chapter-nav a:hover{background:#ac8a5010;color:var(--bone)}.chapter-nav span{color:var(--gold);font-size:9px;margin-right:10px}.chapter{padding:20px 0 50px;margin-bottom:25px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.chapter h2{font-size:35px}.chapter .lead{font-size:17px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}th{color:var(--gold);font-size:9px;letter-spacing:1px;text-transform:uppercase}td,th{padding:18px 15px;border-bottom:1px solid var(--line)}td{font-size:13px}td small{display:block;color:var(--muted);font-size:10px}.spoiler-band{border-block:1px solid var(--line);background:linear-gradient(120deg,#75549a17,#100f17)}.spoiler-band summary{font-size:18px}.spoiler-band details>div{padding:10px 20px}.spoiler-band .columns{margin:20px 0}.spoiler-band details p{font-size:13px}.studio-about{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:center}.studio-about img{width:250px}.boards article{margin-top:65px}.boards h2{font-size:30px}.board-button{padding:0;background:none;border:1px solid var(--line);width:100%}.board-button img{display:block;width:100%}dialog{background:#100f17;border:1px solid var(--gold);padding:30px;color:var(--bone);max-width:1200px;width:94vw}dialog::backdrop{background:#000e}dialog img{width:100%;max-height:80vh;object-fit:contain}dialog p{text-align:center;font-size:11px}.close{position:absolute;right:10px;top:8px;background:#100f17;color:var(--bone);border:1px solid var(--line);width:35px;height:35px;font-size:24px}
@media(max-width:1000px){.studio-link{display:none}nav{gap:20px}.hero h1{max-width:440px}.hero h2{font-size:29px}.hero-art{background-position:60% center}.codex-tabs{grid-template-columns:repeat(4,1fr)}.codex-panel{grid-template-columns:210px 1fr}.seal:before{width:175px;height:175px}.codex-copy{padding:30px}.intro-grid{gap:35px}.builder{gap:30px}.lore-layout{grid-template-columns:190px 1fr;gap:35px}.faction{padding:25px}.section-heading{display:block}}
@media(max-width:650px){header{height:88px;position:relative;padding:6px 24px}.brand img{width:125px;height:73px}.menu{display:block;background:none;border:1px solid var(--line);color:var(--bone);font-size:11px;padding:10px 14px}nav{display:none;position:absolute;top:88px;left:0;right:0;z-index:15;background:#100f17;padding:20px 24px;border-bottom:1px solid var(--gold);flex-direction:column;gap:5px}nav.open{display:flex}.hero{min-height:840px}.hero-content{padding:280px 24px 90px}.hero h1{max-width:330px}.hero-logo{max-height:215px}.hero h2{font-size:26px}.hero-content>p:not(.eyebrow){font-size:12px}.hero-content>.eyebrow{font-size:7px;letter-spacing:1.7px}.hero-art{background-position:65% top}.hero-shade{background:linear-gradient(0deg,#100f17 0%,#100f17e0 48%,#100f1720)}.hero-foot{font-size:6px;letter-spacing:1px;gap:15px}.actions{gap:20px}.button{font-size:9px;padding:13px 17px}.wrap{padding:65px 24px}.intro-grid,.faction-pair,.columns,.builder,.studio-about,.ascension-demo,.asc-rules{grid-template-columns:1fr;gap:25px}.intro-grid .lead{font-size:21px}.faction{min-height:490px;padding:30px}.faction>img{height:160px}.wide-art>div{padding:65px 24px}.wide-art{min-height:480px;background-position:75% center}.wide-art h2{font-size:34px}.quote-band{padding:65px 24px}.quote-band h2{font-size:34px}footer{align-items:flex-start;flex-direction:column;padding:35px 24px;gap:20px}.columns{margin:30px 0}.codex-tabs{grid-template-columns:repeat(2,1fr)}.codex-tabs button{padding:15px}.codex-panel{grid-template-columns:1fr}.seal{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.seal>span{font-size:70px}.seal>p{font-size:16px;margin:10px}.seal:before{width:135px;height:135px}.seal small{position:relative;bottom:auto;font-size:7px}.codex-copy{padding:25px}.codex-copy h3{font-size:33px}#codex-form{min-height:0}.mode-tabs button{font-size:10px;padding:17px 7px}.mode-panel{grid-template-columns:1fr}.mode-panel>div{padding:26px}.mode-numeral{display:none}.mode-panel h3{font-size:31px}.character-preview{padding:25px}.ascension-readout,.ascension-controls{padding:25px}.ascension-readout{border-right:0;border-bottom:1px solid var(--line)}.ascension-readout h3{font-size:36px}.demo-buttons{gap:8px}.lore-layout{display:block}.chapter-nav{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:40px;gap:5px}.chapter-nav a{padding:8px;font-size:10px}.chapter h2{font-size:29px}.chapter .lead{font-size:16px}.spoiler-band details>div{padding:10px 0}.studio-about img{width:160px;margin:auto}.page-intro h1{font-size:42px}.boards article{margin-top:45px}.form-switch button{font-size:9px}.note{padding:13px 16px}dialog{padding:20px}.hero.blight .hero-art{background-position:70% top}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}