:root{color-scheme:dark;--paper:#eaf4ff;--sub:#9aacc2;--line:#31445b;--coal:#070e19;font-family:Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#060c15;color:var(--paper);overflow:hidden}button,a{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid #a4e1ef;outline-offset:3px}.skip{position:absolute;top:-100px;left:8px;z-index:50}.skip:focus{top:10px}.sky{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 10%,#20345270,transparent 52%),radial-gradient(ellipse at 18% 67%,#1c21365d,transparent 50%),#06101d}.nebula{position:absolute;inset:0;background-image:radial-gradient(#a7d5f4 0.8px,transparent 1px);background-size:43px 49px;opacity:.09}.shell{height:100dvh;min-height:490px;display:flex;flex-direction:column;position:relative}.city-top{height:86px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,3vw,56px);border-bottom:1px solid #7ca0c41f;background:#070e18db;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;min-width:255px;letter-spacing:.13em}.brand .mark{display:grid;place-items:center;border:1px solid #aecaf366;width:42px;height:42px;font-size:29px;color:#c7e8fc;transform:rotate(-8deg)}.brand b{font-size:14px;display:block;letter-spacing:.17em}.brand small{font-size:9px;display:block;color:#92a6bf;letter-spacing:.23em;margin-top:4px}.city-status{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em;white-space:nowrap}.live-dot,.pulse{width:7px;height:7px;border-radius:50%;background:#7ce7b2;box-shadow:0 0 13px #7ce7b2}.muted{color:var(--sub);font-weight:400;letter-spacing:0}.top-actions{display:flex;gap:9px;align-items:center}.top-actions button,.map-controls button{background:#172539a8;border:1px solid #526c8a66;padding:11px 15px;font-size:10px;font-weight:700;letter-spacing:.1em}.top-actions button:hover,.map-controls button:hover{background:#304965}.top-actions .circle{border-radius:50%;width:35px;height:35px;padding:0}.metropolis{position:relative;flex:1;min-height:200px;overflow:hidden;touch-action:none}.map-back{position:absolute;inset:0;background:linear-gradient(0deg,#0c1621d6 0%,#0c162100 38%),radial-gradient(ellipse at center,#27476650,transparent 65%);pointer-events:none}#city{display:block;width:100%;height:100%;position:relative;z-index:1;cursor:grab}#city:active{cursor:grabbing}.hero-copy{pointer-events:none;position:absolute;left:clamp(20px,3.5vw,60px);top:clamp(20px,7vh,68px);width:min(360px,40vw);z-index:2;text-shadow:0 2px 22px #080e1d}.eyebrow{color:#91d6ea;font-size:10px;font-weight:700;letter-spacing:.22em}.hero-copy h1{font-size:clamp(32px,3.8vw,59px);line-height:1.08;letter-spacing:-.065em;font-weight:550;margin:18px 0}.hero-copy em{font-style:normal;color:#b5d7e9}.hero-copy p{max-width:340px;font-size:13px;color:#a7b8cb;line-height:1.8}.map-overlay{position:absolute;bottom:22px;left:clamp(20px,3.5vw,60px);display:flex;align-items:center;gap:20px;z-index:2;font-size:10px;letter-spacing:.14em;color:#a6c6d6}.map-overlay b{color:white;font-size:17px}.desktop-hint{color:#728da3}.map-controls{position:absolute;right:25px;bottom:25px;z-index:2;display:grid;gap:6px}.map-controls button{font-size:17px;width:37px;height:36px;padding:0}.story-card{position:absolute;z-index:2;right:clamp(24px,3vw,56px);top:34px;width:min(330px,29vw);border-left:2px solid #84debd;padding:8px 18px;background:linear-gradient(90deg,#0b1c2cbb,#0a17217a);backdrop-filter:blur(9px)}.event-kicker{font-size:9px;color:#97cbad;font-weight:800;letter-spacing:.2em}.event-kicker .pulse{display:inline-block;margin-left:5px;width:5px;height:5px}#latestStory{font-size:13px;color:#e9f5fb;margin-top:7px;line-height:1.5}#latestStory small{display:block;color:#809db5;margin-top:7px;font-size:10px}.ground{z-index:4;display:flex;align-items:center;min-height:118px;flex:none;padding:14px clamp(20px,3.5vw,58px);gap:24px;background:linear-gradient(0deg,#0a1523,#101d2df2);border-top:1px solid #435d744d}.district-prompt{min-width:155px}.district-prompt b{font-size:10px;letter-spacing:.2em}.district-prompt small{display:block;color:#849bb2;font-size:10px;line-height:1.7;margin-top:4px}.district-nav{display:flex;gap:7px;flex:1;flex-wrap:wrap}.district-nav button{border:1px solid #3b5065a3;background:#182a3a90;padding:15px 12px;color:#c6d6e6;font-size:10px;font-weight:750;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.district-nav button:hover,.district-nav button.active{background:#2b4960;border-color:#92c4df}.district-nav i{width:6px;height:6px;border-radius:100%;background:var(--district);box-shadow:0 0 12px var(--district)}.footer-numbers{display:flex;gap:24px;text-align:right}.footer-numbers div{min-width:70px}.footer-numbers strong{font-size:19px;font-weight:500;display:block}.footer-numbers small{font-size:9px;color:#91a5b8;letter-spacing:.14em;white-space:nowrap}.inspector{position:absolute;right:25px;top:110px;z-index:3;width:330px;max-height:min(490px,69vh);overflow:auto;border:1px solid #6885a2a1;background:#0a1828eb;backdrop-filter:blur(16px);padding:24px;box-shadow:0 17px 65px #0009}.inspector[hidden],.veil[hidden]{display:none}.inspector-close{position:absolute;right:10px;top:9px;border:0;background:transparent;font-size:23px}.inspect-type{font-size:9px;color:#98d4dc;letter-spacing:.18em;font-weight:800}.inspector h2{font-size:25px;letter-spacing:-.035em;line-height:1.15;margin:13px 0 4px}.inspector p{font-size:12px;line-height:1.7;color:#acbdca}.inspector .minor{color:#8da8bf}.inspector .statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.statgrid div{padding:12px;background:#1b3143a6;border:1px solid #ffffff17}.statgrid strong{display:block;font-size:17px;font-weight:600}.statgrid small{display:block;font-size:10px;color:#8ea7ba}.detail-caption{font-size:10px;font-weight:700;letter-spacing:.16em;color:#9fb7c7;margin-top:19px}.inspect-entry{border-top:1px solid #ffffff24;padding:11px 0;font-size:12px}.inspect-entry span{display:block;color:#8ba3b7;font-size:10px;margin-top:4px}.veil{position:fixed;inset:0;z-index:20;background:#030914c7;display:grid;place-items:center;padding:20px;backdrop-filter:blur(9px)}.modal-window{width:min(760px,100%);max-height:min(720px,87vh);display:flex;flex-direction:column;overflow:hidden;background:#0b1a2b;border:1px solid #577c9ba8;box-shadow:0 25px 90px #000c}.modal-head{display:flex;align-items:start;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #3e52687d}.modal-head h2{font-size:27px;letter-spacing:-.04em;margin:6px 0 0;font-weight:600}.modal-head button{border:1px solid #466079;background:#1d3247;font-size:20px;width:36px;height:36px}.modal-content{overflow:auto;padding:22px 30px 30px}.modal-content p{color:#a4bacb;font-size:13px;line-height:1.8}.chron-item{padding:15px 0;border-bottom:1px solid #33495b73}.chron-item .mini{font-size:9px;color:#85b1c5;font-weight:750;letter-spacing:.14em}.chron-item h3{font-size:16px;margin:6px 0;font-weight:600}.chron-item p{margin:4px 0}.movement{padding:14px 0;border-bottom:1px solid #304559}.movement b{display:block}.movement p{margin:5px 0}.meter{height:5px;background:#1d3e52;margin-top:8px}.meter i{display:block;height:100%;background:#8ad8d0}.truth{position:fixed;z-index:8;right:4px;bottom:3px;font-size:8px;letter-spacing:.07em;color:#57758b;pointer-events:none}@media(max-width:1060px){.city-status .muted{display:none}.district-prompt{display:none}.ground{flex-wrap:wrap}.footer-numbers{display:none}.story-card{width:240px}.hero-copy{width:280px}}@media(max-width:690px){.shell{min-height:0}.city-top{height:70px;padding:0 14px;gap:6px}.brand{min-width:0}.brand .mark{width:34px;height:34px;font-size:21px}.brand b{font-size:10px}.brand small{font-size:7px}.city-status{display:none}.top-actions{gap:4px}.top-actions button{padding:10px 7px;font-size:8px}.top-actions .circle{width:26px;height:26px}.hero-copy{left:17px;top:16px;width:235px}.hero-copy h1{font-size:31px;margin:9px 0}.hero-copy p{font-size:11px;margin-top:0;max-width:205px}.hero-copy .eyebrow{font-size:8px}.story-card{right:13px;top:auto;bottom:84px;width:calc(100% - 26px);max-width:310px}.ground{min-height:108px;padding:10px;display:block}.district-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.district-nav button{padding:12px 8px;justify-content:center;font-size:9px}.map-overlay{left:13px;bottom:18px;gap:10px;font-size:9px}.map-overlay b{font-size:13px}.desktop-hint{display:none}.map-controls{right:13px;top:19px;bottom:auto}.inspector{inset:auto 8px 8px 8px;width:auto;max-height:63%;padding:18px}.truth{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.in-focus .hero-copy{opacity:0;visibility:hidden;transition:opacity .22s ease}.detail-action{width:100%;display:block;margin:10px 0;background:#1a3954;border:1px solid #527c98;padding:11px 12px;color:#d9f3ff;text-align:left;font-size:11px;letter-spacing:.06em}.detail-action:hover{background:#284d68}

@media(max-width:690px){.hero-copy p{display:none}}

/* V1 accessibility and creator navigation */
.city-top .top-actions{display:flex;gap:8px;flex-wrap:wrap}
.person-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:10px;margin-top:16px}
.person-list button,.creator-jump{background:#1a3346;color:#e0f8ef;border:1px solid #477286;padding:13px;text-align:left;cursor:pointer;font:inherit}
.person-list button:hover,.creator-jump:hover{background:#274955;border-color:#c7edb9}
.person-list b,.person-list small{display:block}.person-list small{font-size:11px;color:#aec8c5;margin-top:6px}
.person-filters{display:flex;gap:10px;flex-wrap:wrap}
.person-filters input,.person-filters select{background:#112838;color:#efffff;border:1px solid #779ca6;padding:12px;min-width:160px}
.city-timeline-entry{border-left:2px solid #89e9ca;padding:8px 16px;margin:12px 0;background:#132637}
.city-timeline-entry b{font-size:13px}.city-timeline-entry p{color:#9cbfc2;font-size:12px}
.status-note{color:#a5c5c3;font-size:11px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.sky *,.city-status *,.story-card *,canvas{animation:none!important;transition:none!important}}
@media(max-width:700px){.city-top .top-actions button{font-size:10px;padding:9px}.person-list{grid-template-columns:1fr}.person-filters input,.person-filters select{width:100%}}