@layer reset,base,layout,components,responsive;@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2")}@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}}@layer base{:root{color-scheme:dark;--bg: #0b1418;--surface: #111d22;--line: #2c3b41;--ink: #e5ece9;--muted: #a6b5b8;--dim: #85989f;--lime: #c7ed94;--water: #91c8df;--power: #cbb5ef;--mobility: #e6b37e;--mono: "DM Mono", monospace;font-family:Manrope Variable,sans-serif;font-synthesis:none}body{background:var(--bg);color:var(--ink);font-size:13px;-webkit-font-smoothing:antialiased}button{color:inherit;background:transparent;border:0}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid var(--lime)}button:disabled{opacity:.3;cursor:not-allowed}button{transition:background .18s,color .18s,border-color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}select{border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#17252c;padding:8px 10px;cursor:pointer;max-width:100%}option{background:#17252c;color:var(--ink)}input[type=range]{appearance:none;height:20px;width:100%;background:transparent;accent-color:var(--lime);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#3b4d55;border-radius:8px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--lime);border:2px solid #0e1a20;margin-top:-4.5px;box-shadow:0 0 0 1px var(--lime)}input[type=range]::-moz-range-track{height:3px;background:#3b4d55}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid #0e1a20;border-radius:50%;background:var(--lime)}::selection{background:#49663c;color:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#35474e;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:7px}.mini-label{font:10px/1.5 var(--mono);color:var(--muted)}.small-note{font-size:10px;color:var(--muted);line-height:1.75;margin-top:14px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--lime);color:var(--bg);z-index:100}.skip-link:focus{top:10px}.mobile-panel-bar{display:none}}@layer layout{.app{height:100dvh;min-height:650px;display:grid;grid-template-rows:80px minmax(0,1fr) 32px;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:#0b1418;z-index:10;display:flex;align-items:center;gap:28px;padding:0 28px}.brand{display:flex;align-items:center;gap:9px;color:var(--lime);padding:0;width:212px;flex-shrink:0;text-align:left}.brand>span{font-size:22px;font-weight:800;letter-spacing:3px;line-height:1;color:var(--ink)}.brand small{display:block;font:7px/1 var(--mono);letter-spacing:3.1px;margin-top:9px;color:var(--muted)}.mode-nav{display:flex;gap:8px;align-self:stretch}.mode-nav button{position:relative;display:flex;align-items:center;gap:10px;padding:0 20px;color:var(--muted);font-weight:650;font-size:12px}.mode-nav button svg{display:none}.mode-nav button:after{content:"";position:absolute;bottom:-1px;height:2px;left:20px;right:20px;background:transparent}.mode-nav button.active{color:var(--lime)}.mode-nav button.active:after{background:var(--lime)}.mode-nav button:hover{background:#172229}.nav-number{font:9px var(--mono);opacity:.65}.nav-count{font:9px var(--mono);color:var(--bg);background:var(--lime);padding:2px 4px;border-radius:3px}.header-tools{margin-left:auto;display:flex;align-items:center;gap:12px}.perspective-switch{display:flex;background:#172329;padding:3px;border:1px solid var(--line);border-radius:7px}.perspective-switch button{display:flex;align-items:center;gap:5px;padding:8px 11px;border-radius:4px;font-size:10px;color:var(--muted)}.perspective-switch button.active{background:#2a393f;color:var(--ink)}.city-stage{position:relative;overflow:hidden;isolation:isolate}.map-shell{position:absolute;inset:0 0 0 350px;overflow:hidden;background:#101c21}.city-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.city-map:active{cursor:grabbing}.map-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 42% 42%,transparent 22%,#0b14182b 70%,#0b1418ab 100%),linear-gradient(90deg,#0b1418bb,transparent 10%)}.mode-panel-shell{position:absolute;inset:0 auto 0 0;width:350px;z-index:3;background:linear-gradient(90deg,#0c161bf7 90%,#0c161be5);border-right:1px solid #26363b;overflow:auto;overscroll-behaviour:contain}.mode-panel{padding:30px 27px 26px;animation:panel-in .35s ease-out both}.panel-kicker{margin-bottom:25px}.section-number{color:var(--lime);font-size:11px;margin-right:4px;border-bottom:1px solid #60734e;padding-bottom:2px}.mode-panel h1{font-size:29px;font-weight:650;line-height:1.26;letter-spacing:-1.1px}.mode-panel h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.mode-panel p{color:var(--muted);line-height:1.8;font-size:11px}.panel-intro{margin-top:13px}.city-title{position:absolute;left:380px;top:28px;pointer-events:none}.city-title h2{font-size:29px;font-weight:550;letter-spacing:-.9px;margin-top:3px;text-shadow:0 2px 14px #071118}.city-title h2 span{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:1.3px;margin-top:7px}.layer-switch{position:absolute;top:28px;left:50%;display:flex;align-items:center;padding:4px;border:1px solid #3e53594a;border-radius:7px;background:#0d1a21e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}.layer-switch button{padding:8px 11px;font-size:10px;display:flex;align-items:center;gap:5px;color:var(--muted);border-radius:4px}.layer-switch button.active{background:#304139;color:var(--lime)}.layer-switch button:hover{color:var(--ink)}.map-context{position:absolute;bottom:190px;left:390px;display:flex;gap:14px;align-items:center;pointer-events:none}.context-line{height:38px;width:2px;background:var(--lime);opacity:.7}.map-context p{margin-top:4px;font-size:15px;font-weight:550;letter-spacing:-.2px}.context-tag{padding:5px 8px;border:1px solid #66845a66;background:#14201ca3;color:#afc99b;font:8px var(--mono);letter-spacing:.6px;margin:11px 0 0 10px}.bottom-console{position:absolute;bottom:22px;left:380px;right:28px;max-width:1040px;z-index:2}.app-footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:0 28px;color:var(--muted);font:8px var(--mono);letter-spacing:.7px;z-index:5;background:var(--bg)}.footer-location{display:flex;gap:7px;align-items:center}.footer-location .live-dot{width:4px;height:4px}.prototype-notice{margin:auto;color:#a0b1b5}.storage-status{display:flex;gap:6px;align-items:center;margin-left:auto;letter-spacing:0}.storage-status i{background:var(--line);height:9px;width:1px;margin:0 3px}}@layer components{.icon-button{display:inline-flex;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:6px;color:var(--muted);border-radius:5px}.icon-button:hover{background:#2a3b43;color:var(--ink)}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;min-height:42px;width:100%;padding:12px 14px;font-size:11px;font-weight:700;text-align:center;line-height:1.5}.primary-button{background:var(--lime);color:#172419;border:1px solid var(--lime)}.primary-button:hover{background:#d9f5b6;box-shadow:0 4px 18px #0002}.secondary-button{background:#1b2b3294;color:var(--ink);border:1px solid #42525a}.secondary-button:hover{background:#293d43;border-color:#718883}.text-button{color:#bacaaf;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;padding:11px 0;line-height:1.5}.text-button:hover{color:var(--lime)}.button-aside{font:9px var(--mono);margin-left:auto;opacity:.7}.count-bubble{font:9px var(--mono);margin-left:auto;background:#2c4045;border-radius:3px;padding:1px 4px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime)}.live-dot.playing{animation:dot-pulse 1.6s ease-in-out infinite}.explore-intro h1{font-size:38px;line-height:1.18;letter-spacing:-1.3px}.explore-intro h1 em{font-size:40px;letter-spacing:-1.7px}.explore-intro p{margin-top:20px}.explore-intro .primary-button{margin-top:25px;text-align:left;font-size:10px;justify-content:space-between}.places-heading{margin-top:32px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.place-list{display:flex;flex-direction:column}.place-list button{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #23323a;font-size:11px;font-weight:600;text-align:left}.place-list button .place-index{font:9px var(--mono);color:#96a8b0}.place-list button svg{margin-left:auto;color:#82979e}.place-list button:hover,.place-list button.active{color:var(--lime);padding-left:4px}.field-note{display:flex;gap:13px;margin-top:24px;align-items:center}.field-note-line{width:25px;height:1px;background:var(--lime);opacity:.6}.field-note p{font:9px/1.85 var(--mono)}.place-detail{animation:panel-in .3s both}.place-detail-top{display:flex;align-items:center;justify-content:space-between;color:var(--lime);margin-bottom:10px}.place-detail h1{font-size:32px;margin-bottom:12px}.place-detail>p{margin-top:19px}.place-coordinates{font:9px var(--mono);color:var(--muted);margin-top:17px}.place-condition{display:flex;align-items:center;gap:8px;margin:25px 0 20px;padding:15px 0;border-block:1px solid var(--line);flex-wrap:wrap}.place-condition>span:first-child{font-size:10px}.place-condition strong{margin-left:auto;font-size:22px;font-weight:500}.place-condition .status-pill{width:100%}.status-pill{display:inline-flex;width:max-content;align-items:center;gap:5px;font:8px/1.8 var(--mono);color:#bcd697}.status-pill:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.status-pill.watch{color:#e1c19b}.status-pill.severe{color:#eda68b}.system-bars{margin:20px 0 25px}.system-bars>div{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:9px;color:var(--muted)}.system-bars span{width:75px}.system-bars b{font:9px var(--mono);width:32px;text-align:right;color:var(--ink)}.system-bars>div>div{flex:1;height:3px;background:#2c3e45}.system-bars i{display:block;height:100%;background:var(--water)}.system-bars>div:nth-child(2) i{background:var(--mobility)}.system-bars>div:nth-child(3) i{background:var(--power)}.scenario-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0 19px}.scenario-picker button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 4px 12px;border:1px solid var(--line);border-radius:5px;position:relative;color:var(--muted);font-size:9px}.scenario-picker button:hover{background:#1e3037}.scenario-picker button.active{color:var(--lime);background:#24322680;border-color:#77935f}.scenario-dot{position:absolute;top:5px;right:5px;width:3px;height:3px;border-radius:50%;background:var(--line)}.scenario-picker button.active .scenario-dot{background:var(--lime)}.scenario-description{padding-bottom:18px;border-bottom:1px solid var(--line)}.scenario-description h2{font-size:15px;margin:8px 0;font-weight:600;letter-spacing:-.2px}.scenario-description p{font-size:10px}.parameter-controls{margin:18px 0 20px}.parameter{display:grid;grid-template-columns:1fr auto;gap:2px;margin-top:14px}.parameter label{font-size:10px;font-weight:550}.parameter output{font:11px var(--mono)}.parameter output small{font-size:8px;color:var(--muted)}.parameter input{grid-column:1/-1;margin:4px 0 0}.range-labels{display:flex;justify-content:space-between;grid-column:1/-1;color:#96a7ad;font:8px var(--mono)}.parameter.water input::-webkit-slider-thumb{background:var(--water);box-shadow:0 0 0 1px var(--water)}.parameter.transport input::-webkit-slider-thumb{background:var(--mobility);box-shadow:0 0 0 1px var(--mobility)}.parameter.power input::-webkit-slider-thumb{background:var(--power);box-shadow:0 0 0 1px var(--power)}.causal-note{display:flex;gap:10px;padding:14px 13px;border-left:2px solid #567553;background:#17251f5c;margin-bottom:20px;color:#a9c590}.causal-note svg{flex-shrink:0;margin-top:2px}.causal-note b{font-size:10px}.causal-note p{font-size:9px;margin-top:5px}.simulate-panel .secondary-button{margin-top:8px}.simulate-panel .small-note{margin-top:4px;font-size:9px}.resource-pool{padding:17px 0 18px;margin:19px 0;border-block:1px solid var(--line)}.resource-pool>div:first-child{display:flex;align-items:center;gap:9px;color:var(--lime)}.resource-pool span{font-size:11px;color:var(--ink)}.resource-pool strong{font-size:22px;font-weight:550;margin-right:5px}.resource-pool small{margin-left:auto;font:9px var(--mono);color:var(--muted)}.crew-slots{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:12px}.crew-slots i{height:4px;background:var(--lime);border-radius:1px}.crew-slots i.used{background:#394d56}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.section-heading .text-button{padding:0;font-size:9px}.incident-list{max-height:272px;overflow:auto;padding-right:3px}.incident-item{display:flex;width:100%;text-align:left;gap:10px;padding:14px 8px 14px 0;border-bottom:1px solid #2a3940;align-items:flex-start}.incident-item:hover{padding-left:4px;background:#22323970}.incident-number{font:9px var(--mono);color:#94a6ad;padding-top:2px}.incident-item>div{flex:1}.incident-item strong{display:block;font-size:11px;font-weight:650}.incident-item>div>span:not(.status-pill){display:block;color:var(--muted);font-size:9px;margin:5px 0 3px}.incident-score{font:16px var(--mono);color:#e5b090;text-align:right}.incident-score small{font-size:8px}.incident-score b{display:block;font:8px var(--mono);color:var(--lime);margin-top:7px}.calm-queue{padding:25px 12px 12px;border:1px dashed var(--line);text-align:center;color:var(--lime)}.calm-queue h2{font-size:14px;margin:14px 0 8px}.calm-queue p{font-size:10px}.preposition{display:block;margin-top:17px;font-size:9px;color:var(--muted)}.preposition select{display:block;width:100%;margin-top:7px;font-size:10px;min-height:37px}.allocation-detail{animation:panel-in .25s both}.allocation-head{display:flex;align-items:center;justify-content:space-between}.allocation-head select{font-size:9px;padding:6px}.allocation-detail h2{margin:14px 0 10px;font-size:18px;font-weight:550}.allocation-row{padding:16px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid #26383e}.system-symbol{width:6px;height:6px;border-radius:2px;background:var(--water)}.system-symbol.power{background:var(--power)}.system-symbol.transport{background:var(--mobility)}.allocation-row b{display:block;font-size:10px;font-weight:600}.allocation-row>div>span{display:block;font:8px var(--mono);color:var(--muted);margin-top:6px}.stepper{display:flex;align-items:center;border:1px solid #41515a;border-radius:4px;margin-left:auto;background:#1e2e3694}.stepper button{width:28px;height:31px;display:flex;align-items:center;justify-content:center;color:var(--lime)}.stepper button:hover:not(:disabled){background:#35483b}.stepper output{width:24px;text-align:center;font:12px var(--mono)}.response-time{display:flex;gap:8px;margin:14px 0 6px;color:var(--muted)}.response-time span{font-size:9px;line-height:1.7}.response-time svg{flex-shrink:0;margin-top:3px}.response-actions{margin-top:20px}.response-actions .text-button{width:100%}.decision-journal{margin-top:7px;padding-top:3px;border-top:1px solid var(--line)}.journal-item{display:flex;gap:12px;margin-top:12px}.journal-item>span{font:8px/1.8 var(--mono);color:#a0b1b6}.journal-item p{font-size:9px;line-height:1.6}.journal-item b{display:block;font-size:9px;color:var(--ink);font-weight:500}.resident-dot{height:5px;width:5px;background:var(--lime);border-radius:50%}.resident-location{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;margin:22px 0;color:var(--lime)}.resident-location select{width:100%;margin-top:3px;font-size:11px;min-height:40px}.resident-summary{padding:18px 0;border-block:1px solid var(--line)}.resident-summary>div{display:flex;align-items:center;justify-content:space-between}.resident-summary .mini-label{font-size:8px}.resident-summary h2{font-size:20px;font-weight:550;margin:15px 0 8px}.resident-summary p{font-size:10px}.resident-updates article{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid #27363e}.resident-updates article>svg{color:var(--lime);flex-shrink:0;margin-top:2px}.resident-updates h3{font-size:12px;font-weight:650;line-height:1.6}.resident-updates p{font-size:10px;margin-top:7px}.resident-action{display:flex;gap:4px;align-items:center;font:8px var(--mono);margin-top:10px;color:var(--lime)}.resident-response{display:flex;gap:10px;padding:18px 0;color:var(--muted)}.resident-response>svg{flex-shrink:0;margin-top:3px}.resident-response strong{font-size:10px;color:var(--ink)}.resident-response p{font-size:9px;margin-top:5px}.map-place{cursor:pointer}.map-place text{pointer-events:none}.map-place>circle,.map-place>rect{transition:stroke .25s,fill .25s}.map-place:hover>circle:nth-child(3){stroke:#f1ffd2;stroke-width:2.5}.map-place:focus-visible{outline:none}.map-place:focus-visible>circle:nth-child(3){stroke:#fff;stroke-width:3}.map-label{font-family:Manrope Variable,sans-serif;-webkit-user-select:none;user-select:none}.geography-loading{position:absolute;top:46%;left:50%;transform:translate(-50%);background:#101d23ec;border:1px solid var(--line);padding:15px 20px;border-radius:6px;font:10px/1.8 var(--mono);text-align:center;max-width:320px}.network-flow{animation:network-dash 2s linear infinite}.stress-ring{animation:ring-rotate 12s linear infinite;transform-box:fill-box;transform-origin:center}.water-field{transition:opacity .3s}.map-controls{position:absolute;right:24px;bottom:190px;display:flex;flex-direction:column;background:#102028eb;border:1px solid #394a52;border-radius:6px;padding:4px;gap:1px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-controls button{width:31px;height:31px;display:flex;align-items:center;justify-content:center;color:#bbccce;border-radius:3px}.map-controls button:hover{background:#31433a;color:var(--lime)}.map-controls>span{height:1px;background:var(--line);margin:3px}.compass{position:absolute;bottom:370px;right:37px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#97afb1}.compass span{font:9px var(--mono)}.map-credit{position:absolute;right:25px;bottom:6px;display:flex;gap:15px;font:7px var(--mono);color:#9eb0b7;z-index:2}.map-credit a:hover{color:var(--lime)}.map-scale{position:absolute;right:97px;bottom:186px;color:#a2b4bb;font:8px var(--mono);display:flex;flex-direction:column;align-items:center;gap:6px}.map-scale i{height:5px;border:1px solid #748b91;border-top:none;min-width:15px;max-width:130px}.signal-panel{position:absolute;top:100px;right:26px;width:250px;padding:16px 17px 14px;background:#101c22e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #3d4f575c;border-radius:6px}.signal-heading{display:flex;justify-content:space-between;align-items:center}.signal-heading .eyebrow{font-size:8px;letter-spacing:1px}.signal-heading .mini-label{font-size:8px;color:var(--muted)}.signal-value{display:flex;gap:16px;align-items:center;margin-top:12px}.signal-value strong{font-size:35px;font-weight:450;letter-spacing:-1.5px}.signal-value strong small{font-size:15px;letter-spacing:0;color:var(--muted)}.signal-value>span{font-size:10px;line-height:1.5;color:#b2c0bf;max-width:92px}.signal-chart{display:block;margin-top:5px;width:100%;overflow:visible}.chart-legend{display:flex;gap:10px;align-items:center;margin:8px 0 12px;font-size:7px;color:#b0bfc2;flex-wrap:wrap}.chart-legend span{display:flex;gap:4px;align-items:center}.chart-legend i{width:9px;height:2px;background:var(--lime)}.chart-legend .baseline{background:repeating-linear-gradient(to right,#a1aaad 0 2px,transparent 2px 4px)}.chart-legend .pinned{background:var(--power)}.signal-benefit{border-top:1px solid #32434b;padding:10px 0;display:flex;gap:5px;align-items:center;color:#b5ce9c;font-size:8px}.signal-benefit svg{flex-shrink:0}.compare-inline{font:8px/1.6 var(--mono);color:var(--power);margin-bottom:10px}.affected-count{display:flex;align-items:center;gap:7px;color:var(--muted)}.affected-count strong{color:var(--ink);font:13px var(--mono)}.affected-count span{font-size:8px}.metrics{display:flex;gap:34px;align-items:center;padding:14px 20px;border:1px solid #3e4f5759;background:#102027e6;border-radius:6px 6px 0 0;border-bottom:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:max-content}.metrics>div{display:flex;gap:8px;align-items:center;min-width:112px}.metrics span{font-size:10px;color:var(--muted)}.metrics strong{font:17px var(--mono);margin-left:auto;font-weight:400}.metrics small{font-size:9px;opacity:.65}.metric-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.metric-dot.mobility{background:var(--mobility)}.metric-dot.power{background:var(--power)}.metric-dot.continuity{background:var(--lime)}.timeline{background:#0d1a21f2;border:1px solid #3e4f5780;border-radius:0 6px 6px;padding:13px 18px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-top{display:flex;align-items:center;gap:16px;margin-bottom:10px}.timeline-top .eyebrow{font-size:8px;letter-spacing:1px}.timeline-time{margin-left:auto;font:12px var(--mono)}.timeline-time small{color:var(--muted);font-size:8px;margin-left:6px}.outcome-button{font-size:9px;color:#b5c99e;display:flex;align-items:center;gap:5px;padding-left:16px;border-left:1px solid #3e5056}.outcome-button:hover{color:var(--lime)}.timeline-track{display:flex;gap:10px;align-items:center}.play-button{height:33px;width:34px;display:flex;align-items:center;justify-content:center;background:var(--lime);color:#1b2b1c;border-radius:4px;flex-shrink:0}.play-button:hover{background:#dbf5b9}.timeline-track>.icon-button{padding:0;min-width:22px}.scrubber{flex:1;position:relative;min-width:50px}.scrubber input{margin:0;display:block}.tick-labels{display:flex;justify-content:space-between;color:#a1b3b9;font:7px var(--mono);margin-top:1px}.speed-button{font:10px var(--mono);color:var(--lime);width:27px;height:30px}.decision-ticks{position:absolute;top:1px;left:5px;right:5px;height:6px;pointer-events:none}.decision-ticks i{width:3px;height:3px;background:var(--power);position:absolute;transform:rotate(45deg)}.restore-toast,.update-toast{position:fixed;bottom:44px;left:27px;z-index:7;background:#263a2e;border:1px solid #608250;color:#d4e9bd;padding:11px 12px;border-radius:5px;font-size:10px;display:flex;align-items:center;gap:12px;animation:panel-in .3s both}.restore-toast button{display:flex}.update-toast{left:auto;right:25px}.update-toast button{text-decoration:underline;color:var(--lime)}.dialog{background:#101d23;color:var(--ink);border:1px solid #465850;border-radius:12px;box-shadow:0 30px 120px #0008;width:min(560px,calc(100% - 32px));max-height:88dvh;padding:28px 32px 30px;overflow:auto}.dialog::backdrop{background:#031014bb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dialog-wide{width:min(720px,calc(100% - 32px))}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dialog-head .eyebrow{color:var(--lime);font-size:9px}.dialog h2{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.3}.dialog-intro{margin-top:15px;font:10px var(--mono);color:var(--muted);line-height:1.8}.outcome-hero{display:flex;gap:32px;align-items:center;border-block:1px solid var(--line);padding:24px 0;margin-top:25px}.outcome-hero strong{font-size:57px;font-weight:450;letter-spacing:-3px;display:block}.outcome-hero strong small{font-size:23px;letter-spacing:0;color:var(--muted)}.outcome-hero p{font-size:11px;line-height:1.8;color:var(--muted)}.outcome-delta{display:flex;gap:4px;align-items:center;font:26px var(--mono);color:var(--lime);margin-bottom:5px}.outcome-table{border-collapse:collapse;width:100%;margin:22px 0;font-size:10px}.outcome-table caption{text-align:left;color:var(--muted);font:10px var(--mono);padding-bottom:14px}.outcome-table th,.outcome-table td{padding:13px 5px;border-bottom:1px solid var(--line);text-align:right}.outcome-table th:first-child{text-align:left;font-weight:500}.outcome-table thead th{font:9px var(--mono);color:var(--muted)}.outcome-table td{font:11px var(--mono)}.outcome-table td:nth-child(3){color:var(--lime)}.outcome-table td:nth-child(4){color:var(--power)}.outcome-projection{padding:18px;background:#1b2b2490;border:1px solid #3c5140;border-radius:6px}.outcome-projection p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px}.outcome-projection strong{display:flex;gap:9px;align-items:center;font:27px var(--mono);color:var(--lime);margin:18px 0 12px}.outcome-projection strong small{font:10px/1.8 Manrope Variable,sans-serif;letter-spacing:0;max-width:145px}.comparison-note{font:9px/1.9 var(--mono);color:var(--power);margin-top:15px}.dialog-actions{display:flex;gap:9px;margin-top:20px}.dialog-actions>*{flex:1}.help-tabs{display:flex;gap:7px;margin:22px 0;padding-bottom:13px;border-bottom:1px solid var(--line)}.help-tabs button{padding:8px 12px;font-size:11px;color:var(--muted);border-radius:4px}.help-tabs button.active{color:var(--lime);background:#293c2b}.help-content p{line-height:1.9;font-size:11px;color:var(--muted)}.help-content h3{font-size:13px;margin:22px 0 8px;font-weight:650}.help-content>.secondary-button{margin-top:20px}.help-content>.text-button{justify-content:flex-start}.model-chain{list-style:none;padding:0;margin:20px 0;counter-reset:chain}.model-chain li{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center;font-size:10px}.model-chain li:before{counter-increment:chain;content:"0" counter(chain);color:var(--lime);font:10px var(--mono)}.model-chain strong{width:55px;flex-shrink:0}.model-chain span{line-height:1.7;color:var(--muted)}.device-status{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #4b6542;background:#22302780;border-radius:6px;color:var(--lime)}.device-status h3{margin:0 0 7px}.device-status>svg{flex-shrink:0}.import-message{margin-top:15px;display:flex;gap:6px;color:var(--lime)!important}.error-screen{margin:15vh auto;padding:40px;max-width:600px}.error-screen h1{font-size:32px}.error-screen p{margin:20px 0;color:var(--muted);line-height:1.8}@keyframes panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{50%{opacity:.35;box-shadow:0 0 0 4px #c7ed9410}}@keyframes network-dash{to{stroke-dashoffset:-88}}@keyframes ring-rotate{to{transform:rotate(360deg)}}}@layer responsive{@media(min-width:1600px){.app-header{padding-inline:36px}.brand{width:276px}.mode-nav{gap:16px}.mode-nav button{padding-inline:24px}.mode-panel-shell{width:380px}.mode-panel{padding:35px}.map-shell{left:380px}.city-title{left:419px;top:34px}.bottom-console{left:419px;right:36px}.map-context{left:430px}.signal-panel{right:35px;top:110px;width:270px}.explore-intro h1{font-size:43px}.explore-intro h1 em{font-size:45px}.layer-switch{left:51%;top:34px}}@media(max-width:1230px)and (min-width:761px){.app-header{gap:8px;padding-inline:20px}.brand{width:175px}.mode-nav{gap:0}.mode-nav button{padding-inline:12px}.mode-nav button:after{left:12px;right:12px}.header-tools{gap:6px}.perspective-switch button{padding-inline:8px}.install-control{display:none}.mode-panel-shell{width:320px}.mode-panel{padding:26px 22px}.map-shell{left:320px}.city-title{left:345px;top:23px}.city-title .eyebrow{font-size:8px}.city-title h2{font-size:25px}.city-title h2 span{font-size:7px}.layer-switch{left:auto;right:24px;top:26px}.layer-switch button{padding:7px 8px}.signal-panel{width:216px;right:20px;top:100px;padding:12px}.signal-value strong{font-size:31px}.signal-value>span{font-size:9px}.bottom-console{left:340px;right:20px}.map-context{left:350px}.context-tag{display:none}.metrics{gap:22px}.metrics>div{min-width:93px}.map-credit{font-size:6px}}@media(max-width:1010px)and (min-width:761px){.brand{width:145px}.brand>span{font-size:19px}.brand small{font-size:6px;letter-spacing:2px}.mode-nav button{gap:6px;font-size:11px}.perspective-switch button span{display:none}.perspective-switch button{padding:9px}.signal-panel{top:120px;width:183px}.signal-value{gap:8px}.signal-value strong{font-size:28px}.signal-benefit{font-size:7px}.affected-count{gap:4px}.affected-count span{font-size:7px}.city-title{top:20px}.layer-switch{top:82px;left:345px;right:auto}.layer-switch button{padding:6px 8px}.metrics{gap:12px;width:100%;padding:12px}.metrics>div{flex:1;min-width:0}.metrics strong{font-size:14px}.metrics span{font-size:9px}.timeline{padding:12px}.timeline-top .eyebrow{font-size:7px;letter-spacing:.5px}.timeline-time{font-size:10px}.timeline-time small{display:none}.outcome-button{font-size:8px;padding-left:8px}.map-context{bottom:176px}.map-context p{font-size:12px}.map-context .eyebrow{font-size:8px}.compass{right:28px;bottom:340px}.map-controls{right:19px;bottom:181px}.map-scale{display:none}.prototype-notice{font-size:7px}}@media(max-width:760px){.app{height:auto;min-height:100dvh;display:block;overflow:visible;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;height:66px;padding:0 16px;gap:8px}.brand{width:auto;gap:6px}.brand>svg{width:27px}.brand>span{font-size:19px;letter-spacing:2px}.brand small{font-size:5px;letter-spacing:2.1px;margin-top:6px}.header-tools{gap:5px}.perspective-switch{padding:2px;border-radius:5px}.perspective-switch button{padding:8px;font-size:9px;gap:4px}.perspective-switch svg{width:12px}.header-tools .icon-button{min-width:28px;padding:4px}.install-control{display:none}.mode-nav{position:fixed;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0e1a20f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;border-top:1px solid #3f555d;justify-content:space-around;gap:0}.mode-nav button{flex:1;justify-content:center;flex-direction:column;gap:5px;padding:6px 9px;font-size:10px;font-weight:600}.mode-nav button svg{display:block}.mode-nav button:after{inset:-1px 24px auto;height:2px}.nav-number{display:none}.nav-count{position:absolute;top:6px;left:calc(50% + 15px);font-size:7px;padding:1px 3px}.city-stage{overflow:visible;display:flex;flex-direction:column;padding-top:calc(45dvh + 103px);min-height:650px}.map-shell{inset:0 0 auto;height:calc(45dvh + 103px);border-bottom:1px solid #2a3d45;overflow:hidden}.city-map{height:45dvh;min-height:300px}.map-atmosphere{bottom:103px;background:radial-gradient(ellipse at 40% 40%,transparent,#0b141847 75%,#0b1418b5),linear-gradient(0deg,#0d1a21,transparent 24%)}.city-title{left:20px;top:20px}.city-title .eyebrow{font-size:7px;letter-spacing:.8px}.city-title h2{font-size:28px}.city-title h2 span{font-size:7px;letter-spacing:.5px;margin-top:5px}.layer-switch{top:103px;left:16px;right:auto;padding:3px}.layer-switch button{font-size:8px;padding:7px 9px}.layer-switch svg{width:12px}.map-controls{bottom:134px;right:14px;padding:3px}.map-controls button{width:30px;height:30px}.compass{display:none}.map-scale{bottom:135px;right:64px;font-size:7px}.map-credit{bottom:107px;right:14px;left:16px;font-size:6px;justify-content:space-between;gap:4px}.mode-panel-shell{position:relative;inset:auto;width:auto;overflow:visible;background:#0d171c;border:none;order:2}.mode-panel{padding:25px 22px 28px}.panel-kicker{margin-bottom:17px}.mode-panel h1{font-size:29px}.explore-intro h1{font-size:35px}.explore-intro h1 em{font-size:37px}.explore-intro p{margin-top:15px}.explore-intro .primary-button{font-size:11px;margin-top:22px;min-height:45px}.mode-panel p{font-size:12px}.mode-panel .small-note{font-size:10px}.places-heading{margin-top:25px}.place-list button{min-height:52px;font-size:12px}.field-note p{font-size:9px}.mode-panel-shell,.city-stage{scroll-margin-top:66px}.mobile-panel-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 0;font:9px var(--mono);color:var(--muted)}.mobile-panel-bar a{display:flex;gap:5px;align-items:center;color:var(--lime);padding:6px 0}.mobile-panel-bar+.mode-panel{padding-top:20px}.signal-panel{position:relative;inset:auto;order:3;width:auto;margin:0 22px 24px;padding:18px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.signal-heading{grid-column:1/-1}.signal-value{align-items:center;grid-column:1;grid-row:2;margin-top:17px}.signal-value strong{font-size:36px}.signal-chart{grid-column:2;grid-row:2/4;max-width:210px;align-self:center}.chart-legend{grid-column:1/-1;margin:14px 0 8px;font-size:8px}.signal-benefit{grid-column:1/-1;font-size:10px}.affected-count{grid-column:1/-1;margin-top:5px}.affected-count span{font-size:10px}.compare-inline{grid-column:1/-1}.bottom-console{position:absolute;top:45dvh;bottom:auto;left:0;right:0;max-width:none}.metrics{position:absolute;top:-57px;left:16px;right:60px;gap:13px;border:none;background:#0e1c24de;border-radius:5px;padding:12px;width:auto}.metrics>div{flex:1;gap:5px;min-width:0}.metrics span{font-size:8px}.metrics strong{font-size:13px}.metrics small{font-size:7px}.metric-dot{width:3px;height:3px}.timeline{border-radius:0;border-inline:none;padding:12px 16px 10px;height:103px;background:#111e24}.timeline-top{margin-bottom:11px;gap:7px}.timeline-top .eyebrow{font-size:7px;letter-spacing:.6px}.timeline-time{font-size:11px}.timeline-time small{display:none}.outcome-button{font-size:8px;padding-left:10px;gap:3px}.timeline-track{gap:7px}.play-button{width:33px;height:34px}.timeline-track>.icon-button{min-width:21px}.speed-button{font-size:9px;width:25px}.tick-labels{font-size:6px}.scrubber input[type=range]{height:25px}.scrubber input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5.5px}.map-context{display:none}.app-footer{height:auto;flex-wrap:wrap;padding:15px 22px;font-size:7px;gap:9px}.footer-location{display:none}.prototype-notice{font-size:7px;margin:0;width:100%}.storage-status{margin-left:0;font-size:8px}.scenario-picker button{padding:18px 7px 15px;font-size:10px}.scenario-description h2{font-size:17px}.scenario-description p{font-size:11px}.parameter{margin-top:20px}.parameter label{font-size:12px}.parameter output{font-size:13px}.parameter input[type=range]{height:31px}.parameter input[type=range]::-webkit-slider-thumb{width:17px;height:17px;margin-top:-7px}.parameter input[type=range]::-moz-range-thumb{width:15px;height:15px}.range-labels{font-size:9px}.causal-note{margin-top:25px}.causal-note p{font-size:10px}.causal-note b{font-size:12px}.primary-button,.secondary-button{min-height:46px;font-size:12px}.text-button{font-size:11px;min-height:42px}.resource-pool span{font-size:12px}.incident-list{max-height:350px}.incident-item{padding-block:18px}.incident-item strong{font-size:13px}.incident-item>div>span:not(.status-pill){font-size:11px}.incident-score{font-size:20px}.status-pill{font-size:9px}.preposition{font-size:11px}.preposition select{min-height:45px;font-size:12px}.allocation-detail h2{font-size:22px}.allocation-row{padding-block:19px}.allocation-row b{font-size:12px}.allocation-row>div>span{font-size:10px}.stepper button{width:37px;height:40px}.stepper output{width:30px;font-size:14px}.response-time span{font-size:10px}.journal-item p{font-size:11px}.journal-item b{font-size:10px}.journal-item>span{font-size:9px}.resident-summary h2{font-size:23px}.resident-summary p{font-size:12px}.resident-updates h3{font-size:14px}.resident-updates p,.resident-response strong{font-size:12px}.resident-response p{font-size:11px}.resident-location{font-size:12px}.resident-location select{min-height:45px;font-size:12px}.restore-toast,.update-toast{bottom:calc(78px + env(safe-area-inset-bottom));left:16px;right:16px;justify-content:space-between}.dialog{padding:22px;border-radius:9px;max-height:86dvh}.dialog h2{font-size:25px}.dialog-head .eyebrow{font-size:8px}.dialog .small-note{font-size:9px}.outcome-hero{gap:18px;padding:18px 0}.outcome-hero strong{font-size:45px}.outcome-hero .eyebrow{font-size:8px;letter-spacing:.7px}.outcome-delta{font-size:22px}.outcome-hero p{font-size:9px}.outcome-table{font-size:8px}.outcome-table td{font-size:9px}.outcome-table thead th{font-size:8px}.outcome-table th,.outcome-table td{padding:12px 3px}.outcome-projection{padding:15px}.outcome-projection strong{font-size:24px}.outcome-projection strong small{font-size:9px}.dialog-actions{flex-wrap:wrap}.dialog-actions .primary-button,.dialog-actions .secondary-button{font-size:10px;padding:11px 9px;gap:5px}.help-tabs{gap:5px}.help-tabs button{font-size:11px}.help-content p{font-size:12px}.model-chain li{font-size:11px}}@media(max-width:380px){.app-header{padding-inline:12px}.brand>span{font-size:17px}.perspective-switch button{padding:7px}.perspective-switch button svg{display:none}.header-tools{gap:2px}.timeline-top .eyebrow{font-size:6px}.metrics{right:54px;gap:8px;padding-inline:10px}.metrics span{font-size:7px}.metrics strong{font-size:12px}.outcome-table th:first-child{max-width:75px}.signal-panel{column-gap:10px}.signal-value{gap:8px}.signal-value>span{font-size:9px}}@media(max-height:740px)and (min-width:761px){.app{min-height:600px}.signal-panel{top:92px;padding:11px 14px}.signal-value{margin-top:7px}.signal-value strong{font-size:29px}.signal-chart{max-height:80px}.chart-legend{margin:4px 0 7px}.signal-benefit{padding:7px 0}.map-context{bottom:174px}.compass{bottom:349px}.mode-panel{padding-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behaviour:auto!important}}}