@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0a0d16;--panel:#121827;--muted:#9ca6b9;--gold:#e4bd6b;--cyan:#5bd7e9;--jade:#42d1a4;--line:#2d3545}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f3ed;font-family:'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:white;color:black;padding:10px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(4vw,22px);border-bottom:1px solid #ffffff20;position:relative;z-index:20;background:#0a0d16e8}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:900;letter-spacing:2px;line-height:.85;white-space:nowrap}.brand em{font-style:normal;color:var(--gold)}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:3px;color:#9da8ba;margin:8px 0 0 27px}.brand-icon{color:var(--gold)}nav{display:flex;gap:25px}nav a{font-size:12px;font-weight:700;color:#c1c8d3;text-transform:uppercase;letter-spacing:1px}nav a:hover{color:var(--gold)}.navcta{font-size:11px;font-weight:800;letter-spacing:1px;border:1px solid var(--gold);color:var(--gold);padding:13px 17px}.menu{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:700px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .82fr;align-items:center;padding:70px max(5vw,24px) 90px;gap:4vw;background:radial-gradient(circle at 85% 35%,#182e43 0%,transparent 44%),radial-gradient(circle at 15% 80%,#26203d 0%,transparent 35%),#0a0d16}.hero-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(#7e80b321 1px,transparent 1px),linear-gradient(90deg,#7e80b321 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,transparent,black)}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow,.tag{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--cyan)}.pulse{display:inline-block;width:8px;height:8px;background:var(--jade);border-radius:50%;box-shadow:0 0 14px var(--jade);margin-right:10px}.hero-kicker{font-size:12px;letter-spacing:3px;color:var(--gold);margin-top:48px}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.94;letter-spacing:.5px}.hero h1{font-size:clamp(70px,8.5vw,150px);margin:15px 0 22px;font-weight:900}.hero h1 span,.section h2 span,.chain h2 span{color:var(--gold)}.hero-sub{max-width:560px;font-size:17px;line-height:1.8;color:#b7bfce}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 58px}.btn{border:1px solid #6b7488;padding:17px 22px;font-size:11px;font-weight:800;letter-spacing:1.4px;display:inline-flex;align-items:center;gap:20px;background:transparent;color:white}.btn.primary{background:var(--gold);color:#101219;border-color:var(--gold)}.btn:hover{transform:translateY(-2px)}.stats{display:flex;gap:36px}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font:800 37px 'Barlow Condensed',sans-serif;color:var(--gold)}.stats small{font-size:10px;letter-spacing:1.3px;color:#9da8ba}.hero-art{min-width:0}.art-frame{border:1px solid #b9a06c66;box-shadow:0 0 0 9px #ffffff07,0 30px 90px #0008;transform:rotate(2deg);position:relative}.art-frame img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.art-label{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(transparent,#070912ee)}.art-label span{font-size:9px;color:var(--cyan);letter-spacing:2px}.art-label strong{display:block;font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:1px}.orbit{position:absolute;border:1px solid #c9a76a66;border-radius:50%;pointer-events:none}.orbit-a{inset:-35px}.orbit-b{inset:-65px;border-style:dashed;border-color:#5bd7e944}.scrollcue{position:absolute;bottom:25px;left:5vw;color:#9fa8b7;font-size:10px;letter-spacing:2px}.scrollcue span{color:var(--gold)}.marquee{overflow:hidden;background:#d8b76c;color:#10151d;padding:15px 0;font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:2px;white-space:nowrap}.marquee div{width:max-content;animation:slide 36s linear infinite}.marquee span{padding:0 28px}@keyframes slide{to{transform:translateX(-35%)}}.section{padding:110px max(5vw,24px);scroll-margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section h2{font-size:clamp(55px,6vw,92px);margin:15px 0 0}.section-head>p{max-width:360px;color:#aeb8c9;line-height:1.75;font-size:14px}.world-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.world-card{min-height:360px;padding:30px;position:relative;border:1px solid #ffffff2a;overflow:hidden;background:linear-gradient(140deg,#292116,#0f1421 65%)}.world-card.street{background:linear-gradient(140deg,#183a3b,#0e1520 65%)}.world-card.veil{background:linear-gradient(140deg,#332044,#0e1421 65%)}.world-card .symbol{font-size:88px;color:#e7c4776e;line-height:1}.world-card small{font-size:10px;letter-spacing:2px;color:var(--gold)}.world-card h3{font-size:42px;margin:15px 0}.world-card p{font-size:13px;line-height:1.8;color:#bac4d2;max-width:300px}.world-card>span{position:absolute;bottom:24px;font-size:10px;letter-spacing:2px;color:#abb3c1}.cast{background:#101521}.cast-feature{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;background:linear-gradient(110deg,#312719,#151c2b);border:1px solid #a88b5d55;padding:30px;margin-bottom:18px}.feature-glyph{height:240px;display:grid;place-items:center;font:900 112px 'Barlow Condensed',sans-serif;color:var(--gold);border:1px solid #c6a36350;background:radial-gradient(circle,#d3a74c30,transparent 65%),#10151d;position:relative}.feature-glyph span{position:absolute;bottom:18px;right:18px;font-size:25px}.cast-feature h3{font-size:65px;margin:10px 0}.cast-feature p:not(.tag){line-height:1.75;color:#c6cad3;max-width:720px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{font-size:10px;letter-spacing:1px;padding:8px 10px;border:1px solid #b89d676b;color:var(--gold)}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character{background:#161d2c;border:1px solid #303c50;padding:22px;min-height:300px;display:flex;flex-direction:column}.character .initials{height:100px;background:radial-gradient(circle at 50% 100%,var(--accent),transparent 70%),#0b1020;display:grid;place-items:center;font:900 68px 'Barlow Condensed',sans-serif;color:#f0e9d6;margin:-22px -22px 20px}.character small{font-size:10px;color:var(--accent);letter-spacing:1.8px}.character h3{font-size:36px;margin:10px 0}.character p{font-size:13px;color:#aeb9c9;line-height:1.7}.character button{margin-top:auto;text-align:left;border:0;background:none;color:var(--gold);padding:12px 0 0;font-size:11px;font-weight:800;letter-spacing:1px}.character-note{margin-top:25px;font-size:10px;letter-spacing:1px;color:#9ca6b9}.character-note b{color:var(--gold)}.cities{background:#0c111b}.city-layout{display:grid;grid-template-columns:.85fr 1.5fr;gap:20px}.city-selector{display:flex;flex-direction:column;gap:10px}.city-selector button{background:#151c2a;color:white;border:1px solid #303747;padding:26px 22px;text-align:left;font:800 30px 'Barlow Condensed',sans-serif;display:flex;align-items:center;gap:20px}.city-selector button[aria-selected=true]{border-color:var(--gold);background:#312b21;color:var(--gold)}.city-selector span{font:700 12px 'DM Sans',sans-serif;color:#8e9aac}.city-selector b{margin-left:auto;font:500 20px 'DM Sans',sans-serif}.city-display{background:linear-gradient(140deg,#283c39,#151a2a 55%,#352c27);border:1px solid #3c4c52;min-height:390px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end}.city-graphic{position:absolute;inset:0;display:grid;place-items:center}.city-halo{width:280px;height:280px;border-radius:50%;border:1px solid #d1b56c80;box-shadow:0 0 0 35px #d1b56c12,0 0 0 70px #d1b56c09,0 0 120px #4ccead40}.city-glyph{font-size:190px;color:#e2c27677}.city-copy{position:relative;padding:30px;background:linear-gradient(transparent,#0a1017f0 20%)}.city-copy h3{font-size:62px;margin:10px 0}.city-copy>p:not(.tag){max-width:650px;line-height:1.7;color:#e2e6ed;font-size:14px}.city-copy .districts{font-size:11px!important;color:var(--gold)!important;letter-spacing:1px}.story{background:#111624}.story-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.issue-cover{min-height:500px;background:radial-gradient(circle at 50% 40%,#c99b4e5e,transparent 45%),linear-gradient(145deg,#0d151c,#2c261c 65%,#111827);border:2px solid #bca16d;box-shadow:15px 15px 0 #d2b16624;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.issue-cover>span{font:900 65px 'Barlow Condensed',sans-serif;color:var(--gold)}.issue-light{font-size:140px;color:var(--gold);text-shadow:0 0 60px #e6bf7c}.issue-cover strong{font:900 54px/.9 'Barlow Condensed',sans-serif}.issue-cover small{letter-spacing:2px;color:var(--gold)}.issue-copy h3{font-size:65px;margin:15px 0}.issue-copy p{line-height:1.85;color:#b7c1d1}.issue-copy blockquote{border-left:3px solid var(--gold);margin:30px 0;padding:10px 20px;color:var(--gold);font:600 26px 'Barlow Condensed',sans-serif}.issue-copy .disclaimer{font-size:11px;color:#8593a9}.arena{background:#0c1019}.arena-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.arena-stage{min-height:430px;border:1px solid #3e3d51;background:radial-gradient(circle at center,#3e2253,#111522 55%);display:grid;place-items:center;position:relative;overflow:hidden}.arena-ring{position:absolute;width:300px;height:300px;border:2px solid #b782e5;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 0 40px #ac63d911,0 0 70px #c96dff66}.arena-burst{font-size:200px;color:#d2a7ff;text-shadow:0 0 60px #a568ff}.arena-stage span{position:absolute;bottom:20px;font:800 30px 'Barlow Condensed',sans-serif;letter-spacing:3px}.arena-list>div:not(.coming){padding:21px 0;border-bottom:1px solid #3b4251}.arena-list b{color:var(--gold);margin-right:18px}.arena-list strong{font:800 26px 'Barlow Condensed',sans-serif}.arena-list p{color:#aeb8c7;font-size:13px;line-height:1.7;margin-left:40px}.coming,.future{font-size:10px;letter-spacing:1.7px;color:var(--gold);margin-top:25px}.chain{background:radial-gradient(circle at 50% 0%,#1a3b37,#101523 60%)}.chain-inner{max-width:920px;margin:auto;text-align:center}.chain h2{font-size:clamp(52px,6vw,90px)}.chain-inner>p:not(.tag){max-width:650px;margin:25px auto;color:#bdc6d2;line-height:1.8}.chain-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:38px;flex-wrap:wrap}.chain-flow div{border:1px solid #4e8c82;background:#17302e;padding:17px 22px;font-size:11px;font-weight:800;letter-spacing:1px}.chain-flow i{color:var(--jade)}.closing{text-align:center;padding:115px 20px;background:linear-gradient(#121824,#292016)}.closing>span{font-size:11px;color:var(--gold);letter-spacing:2px}.closing h2{font-size:clamp(80px,11vw,170px);margin:25px 0 40px}footer{padding:35px max(5vw,24px);display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #3a3d47}footer p{font-size:11px;color:#8994a5}dialog{max-width:650px;width:calc(100% - 30px);background:#111a28;color:white;border:1px solid var(--gold);padding:40px;max-height:85vh;overflow:auto}dialog::backdrop{background:#000c}dialog h2{font:900 54px 'Barlow Condensed',sans-serif}dialog p{line-height:1.8;color:#c3cad5}.close{float:right;border:0;background:none;color:white;font-size:35px}@media(max-width:1100px){nav{gap:12px}nav a{font-size:10px}.navcta{display:none}.character-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:74px}.menu{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;background:#111725;flex-direction:column;gap:22px;border-bottom:1px solid #52606e}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:clamp(64px,13vw,105px)}.hero-art{margin:25px 22px 20px}.hero-kicker{margin-top:28px}.hero-actions{margin-bottom:30px}.scrollcue{display:none}.section{padding:75px 22px}.section-head{display:block}.section-head>p{max-width:100%}.world-cards{grid-template-columns:1fr}.world-card{min-height:290px}.cast-feature{grid-template-columns:1fr}.feature-glyph{height:180px}.character-grid{grid-template-columns:1fr 1fr}.city-layout,.story-panel,.arena-layout{grid-template-columns:1fr}.city-selector{display:grid;grid-template-columns:1fr 1fr}.city-selector button{font-size:22px;padding:15px;gap:10px}.city-copy h3{font-size:48px}.issue-cover{max-width:450px;width:100%;margin:auto}.chain-flow i{display:none}footer{flex-direction:column;text-align:center}.stats{gap:20px}}@media(max-width:450px){.character-grid{grid-template-columns:1fr}.hero h1{font-size:61px}.stats strong{font-size:29px}.hero-actions .btn{width:100%;justify-content:center}.city-selector{grid-template-columns:1fr}.section h2{font-size:55px}.cast-feature h3{font-size:55px}}

/* Version 2: distinct sovereign hero and Crown City scenes */
.feature-glyph{overflow:hidden;padding:0}.feature-glyph img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.city-graphic{display:block}.city-graphic img{width:100%;height:100%;object-fit:cover;display:block;opacity:.94}.city-copy{background:linear-gradient(transparent,#0a1017ee 16%,#0a1017f5)}.art-frame img{object-position:center 20%}.city-display{background:#0b1420}.city-halo,.city-glyph{display:none}

/* V3 approved concept artwork; retains V2 fallback until media upload */
.character .initials{height:245px;position:relative;overflow:hidden;background:#0c111a}
.character .initials img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.character .initials span{position:relative;z-index:0}
.character{min-height:465px}
.city-graphic img{object-position:center center}
@media(max-width:450px){.character .initials{height:330px}}