@font-face{font-family:Cinzel;src:url('fonts/Cinzel[wght].ttf')}@font-face{font-family:Alegreya;src:url('fonts/AlegreyaSans-Regular.ttf')}@font-face{font-family:Alegreya;src:url('fonts/AlegreyaSans-Bold.ttf');font-weight:700}
:root{color-scheme:dark;--ink:#071416;--panel:#0e2021;--gold:#dec28b;--cream:#f1eadd;--muted:#a7b6ad;--line:#dac08c30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ink);color:var(--cream);font:19px/1.5 Alegreya,serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;z-index:20;padding:10px;background:#071416}.skip:focus{top:10px}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,88px);border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#071416dd,#07141644)}.brand{display:flex;align-items:center;gap:12px;font:700 16px Cinzel,serif;letter-spacing:.7px}.brand img{object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px #ceb57b66}.brand small{display:block;font:10px Alegreya,serif;letter-spacing:4px;color:var(--gold);margin-top:4px}.site-header nav{display:flex;gap:35px;font-size:16px;color:#d3d8cf}.site-header nav a:hover,footer a:hover{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 23px;border:1px solid #ddc28b7a;border-radius:3px;color:var(--gold);font-weight:700;font-size:17px;background:#07141655;transition:background .2s,transform .2s,box-shadow .2s}.button.primary{color:#17241d;background:linear-gradient(110deg,#d5b575,#f2ddb0);border-color:#f0d6a1;box-shadow:0 4px 26px #dec28b15}.button:hover{transform:translateY(-2px);box-shadow:0 5px 28px #dec28b25;background:#28382c}.button.primary:hover{background:#f3deaf}.button.small{min-height:44px;font-size:14px;padding:10px 18px}.button span{font:22px Alegreya}.text-link{display:inline-flex;align-items:center;gap:22px;color:var(--gold);font-size:17px;padding:12px 0;border-bottom:1px solid #dec28b66}
.hero{isolation:isolate;position:relative;min-height:850px;height:min(960px,100svh);display:flex;align-items:center;padding:140px clamp(24px,7.5vw,128px) 125px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#071416f7 0%,#071416dd 25%,#07141640 70%),linear-gradient(0deg,#071416,transparent 32%),url('citadel-panorama-v38.png') center 42%/cover;animation:mist 18s ease-in-out infinite alternate;transform-origin:70% 50%;z-index:-1}.hero-content{max-width:720px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;color:var(--gold);margin:0 0 24px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);margin-right:12px}h1,h2,h3{font-family:Cinzel,serif;font-weight:500;line-height:1.2;margin:0}h1{font-size:clamp(42px,4.5vw,74px);letter-spacing:-1.5px;line-height:1.18}h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:23px;color:#c9d3c9;max-width:465px;margin:28px 0 32px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px}.hero-note{font-size:15px;line-height:1.5;color:#97aaa0;margin-top:28px}.hero-stamp{position:absolute;right:7%;bottom:100px;text-align:center;width:140px;height:140px;border:1px solid #dec28b55;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07141666;box-shadow:0 0 0 8px #dec28b08}.hero-stamp span{font-size:8px;letter-spacing:2px;color:var(--gold)}.hero-stamp strong{font:32px Cinzel;margin:5px 0}.scroll-cue{position:absolute;bottom:35px;left:clamp(24px,7.5vw,128px);font-size:10px;letter-spacing:3px;color:var(--muted);display:flex;align-items:center;gap:25px}.scroll-cue span{font-size:23px;color:var(--gold)}
.section-wrap{max-width:1440px;margin:auto;padding:100px clamp(24px,7.5vw,128px)}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.section-head .eyebrow{margin-bottom:18px}h2{font-size:clamp(29px,3vw,44px)}.section-head>p{color:var(--muted);margin:0 0 5px;max-width:390px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{border:1px solid var(--line);background:var(--panel);overflow:hidden}.feature-art{height:235px;background-size:cover;background-position:center;transition:transform .6s}.feature:hover .feature-art{transform:scale(1.035)}.feature-art.flame{background-image:url('cards-mastery-v40.png');background-size:400% 200%;background-position:100% 0%}.feature-art.blades{background-image:url('shuriken-card.png');background-position:center 42%}.feature-art.castle{background-image:url('citadel-panorama-v38.png');background-position:80% center}.feature-body{position:relative;padding:25px;background:var(--panel)}.index{font-size:10px;letter-spacing:2px;color:var(--gold)}h3{font-size:21px;margin:12px 0}.feature p{color:var(--muted);font-size:17px;margin-bottom:0}
.download-section{border-block:1px solid var(--line);background:linear-gradient(125deg,#122926,#0a191b)}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.download-card{padding:30px;border:1px solid var(--line);background:#07141666}.download-card.browser-card{border-color:#cfb17980;background:linear-gradient(135deg,#24332a,#112221)}.platform-symbol{display:block;color:var(--gold);font-size:40px;line-height:1}.download-card h3{font-size:27px;margin-top:22px}.download-card>p{color:var(--muted);font-size:18px;min-height:54px}.download-card .button{width:100%;margin:12px 0 16px;gap:10px;white-space:nowrap}.download-card>small{display:block;color:#a4b8aa;font-size:13px}.download-card details{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:15px}.download-card summary{cursor:pointer;color:var(--gold);min-height:28px}.checksum{display:block;font:11px/1.5 monospace;overflow-wrap:anywhere}.preparing{color:var(--gold)!important}
.updates{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:start}.updates>div>p:last-child{color:var(--muted);max-width:350px}.release-card{border-left:1px solid var(--gold);padding:0 0 0 32px}.release-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--gold)}.release-heading span{font-size:10px;letter-spacing:2px}.release-heading strong{font:26px Cinzel}.release-card ul{padding-left:18px;color:#b9c8bc;font-size:18px}.release-card li{padding:5px 0}.release-card .text-link{font-size:15px}.final-call{text-align:center;padding:75px 24px 95px;background:radial-gradient(ellipse at bottom,#24423388,transparent 68%);border-top:1px solid var(--line)}.final-call h2{margin-bottom:30px}.final-call .eyebrow{margin-bottom:17px}footer{max-width:1440px;margin:auto;padding:35px clamp(24px,7.5vw,128px);display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:13px;color:#829b8e}footer .footer-brand{font-family:Cinzel;color:var(--gold);letter-spacing:2px;font-size:17px}footer>div{display:flex;gap:24px}
@keyframes mist{to{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.site-header nav{gap:20px}.hero{min-height:750px}.section-wrap{padding:75px 5vw}.section-head{gap:35px}.feature-body{padding:20px}.feature-art{height:200px}.download-card{padding:22px}.updates{gap:45px}.hero-stamp{width:110px;height:110px;right:5%;bottom:75px}}
@media(max-width:720px){.site-header{height:76px;padding:0 20px}.brand{font-size:12px;gap:9px}.brand small{font-size:8px;letter-spacing:3px}.brand img{width:34px;height:34px}.site-header nav{display:none}.site-header .button{padding:9px 13px;gap:12px}.hero{height:auto;min-height:780px;padding:155px 24px 115px;align-items:start}.hero-art{background-image:linear-gradient(90deg,#071416e8,#07141680),linear-gradient(0deg,#071416,transparent 60%),url('citadel-panorama-v38.png');background-position:center,center,65% center}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.7}h1{font-size:43px;letter-spacing:-1px}.hero-lead{font-size:21px;max-width:340px}.hero-actions{gap:16px}.hero-actions>.button{width:100%;justify-content:space-between}.hero-actions>.text-link{font-size:16px}.hero-note{font-size:14px}.hero-stamp{display:none}.section-wrap{padding:65px 24px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-head .eyebrow{font-size:10px}.section-head>p{font-size:18px}.feature-grid,.download-grid{grid-template-columns:1fr;gap:20px}.feature-art{height:220px}.feature-body{padding:24px}.feature h3{font-size:23px}.feature p{font-size:18px}.download-card{padding:28px}.download-card>p{min-height:0}.download-card .button{max-width:none}.updates{grid-template-columns:1fr;gap:24px}.release-card{padding-left:23px}.final-call{padding:65px 24px}.final-call .eyebrow{font-size:10px;line-height:1.6}footer{padding:30px 24px;flex-wrap:wrap;gap:16px}footer>div{width:100%}}
@media(max-width:370px){h1{font-size:37px}.hero{min-height:750px}.brand{font-size:11px}.site-header .button{font-size:13px}.hero-lead{font-size:20px}}