:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf4ef;background:#101b20;--ink: #eaf4ef;--muted: #a9c1b9;--panel: #1a2b30;--line: #42615f;--accent: #f0bd69;--accent-ink: #172126;--error: #ffb4a8;--surface-raised: #20383d;--surface-soft: rgb(31 55 60 / 88%);--accent-cool: #8be0c7;--warning: #d99a62;--ui-scale: 1}.update-status{pointer-events:none;position:fixed;z-index:20;right:.75rem;bottom:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;max-width:min(42rem,calc(100% - 1.5rem));padding:.55rem .7rem;color:var(--ink);background:#102126;border:1px solid var(--line);border-radius:.55rem;box-shadow:0 .5rem 2rem #0000004d;font-size:.82rem}.update-status button{pointer-events:auto}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0%,#244048,#101b20 50%);font-size:calc(1rem * var(--ui-scale));overflow-x:hidden}html[data-high-contrast=true]{--ink: #ffffff;--muted: #e4fff6;--panel: #081316;--line: #ffffff;--accent: #ffe08a;--surface-raised: #17262b}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}button,input,select{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:.55rem;padding:.7rem 1rem;margin:.25rem;color:var(--ink);background:#263d41;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}button:hover{border-color:var(--accent-cool);background:#2d4b50}button:active{transform:translateY(1px)}button.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:750}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shell{width:min(100% - 2rem,54rem);min-height:100vh;margin:auto;padding:clamp(1.25rem,5vw,4rem) 0;outline:none}.eyebrow{color:#9fdfce;font-size:.74rem;letter-spacing:.16em;font-weight:700}h1{max-width:12ch;margin:.2rem 0 .75rem;font-size:clamp(2.7rem,10vw,6rem);line-height:.95}h2{margin-top:0}p{color:var(--muted);line-height:1.55}.title-hero{border-bottom:1px solid var(--line);padding-bottom:2rem}.tagline{color:var(--accent);font-size:clamp(1.15rem,3vw,1.5rem)}.menu-panel,.form-panel,.save-panel,.campaign-empty{background:#1a2b30e5;border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,3vw,2rem);margin-top:1.5rem;box-shadow:0 1.5rem 4rem #0000002e}.menu-panel{display:grid;gap:.5rem}.menu-panel h2{margin-bottom:.5rem}.form-panel{display:grid;gap:.55rem;max-width:40rem}label,legend{color:var(--ink);font-weight:700}input:not([type=radio]):not([type=checkbox]),select{min-height:44px;width:100%;padding:.65rem .75rem;color:var(--ink);background:#102126;border:1px solid var(--line);border-radius:.45rem}.help,small{display:block;color:var(--muted);font-size:.9rem}fieldset{border:1px solid var(--line);border-radius:.6rem;margin:1rem 0;padding:.75rem}.choice{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .25rem;min-height:44px}.choice span{display:grid;gap:.15rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.error{color:var(--error)}.slot-list{list-style:none;padding:0;margin:0}.slot-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:.8rem 0}.slot-list li>span:first-child{display:grid;gap:.2rem}.empty{padding:1rem;border:1px dashed var(--line)}dl{display:flex;flex-wrap:wrap;gap:2rem}dt{color:var(--muted);font-size:.8rem}dd{margin:.2rem 0;color:var(--accent);font-weight:700}footer{margin-top:2rem}.campaign-shell{width:min(100% - 1rem,100rem);min-height:100vh;margin:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.campaign-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.campaign-header h1{font-size:clamp(2rem,5vw,4rem);max-width:none}.campaign-header p{margin:.35rem 0 0}.campaign-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.campaign-nav{display:flex;flex-wrap:wrap;gap:.35rem;margin:.65rem 0;padding:.35rem;border:1px solid var(--line);border-radius:.7rem;background:#0a171bb8}.campaign-nav a{min-height:44px;display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:.45rem;color:var(--ink);text-decoration:none;font-weight:750}.campaign-nav a:hover,.campaign-nav a:focus-visible{color:var(--accent-ink);background:var(--accent)}.campaign-hud{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(110deg,#1c353af5,#112227f0);box-shadow:0 1rem 3rem #0003}.hud-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.hud-heading h2{margin:0;font-size:clamp(1.2rem,2vw,1.65rem)}.hud-time{margin:0;color:var(--accent-cool);font-family:ui-monospace,monospace;font-size:.82rem}.hud-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.hud-metric{display:grid;gap:.12rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:.55rem;background:#0813168c}.hud-metric>span:first-child{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.hud-metric strong{color:var(--ink);font-size:1.45rem;line-height:1.1}.hud-metric small{color:var(--accent-cool)}.hud-metric.watch{border-style:dashed}.hud-metric.critical{border-color:var(--error);background:#5b2d3359}.hud-alert{margin:.7rem 0 0;color:var(--error);font-weight:750}.hud-alert span{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;border:1px solid currentColor;border-radius:50%}.hud-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.hud-actions button{margin:0}kbd{display:inline-block;margin-left:.3rem;padding:.08rem .3rem;border:1px solid currentColor;border-radius:.25rem;font-size:.72em;opacity:.75}.panel{background:#112025eb;border:1px solid var(--line);border-radius:.8rem;padding:.8rem}.campaign-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,.85fr);gap:1rem;margin-top:1rem}.map-panel,.inspector,.overlay-table{background:#112025eb;border:1px solid var(--line);border-radius:.8rem;padding:.8rem}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.panel-heading span,.selection-id{color:var(--accent);font-family:ui-monospace,monospace;font-size:.8rem}.viewport-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:.55rem;background:#0a171b}.settlement-canvas{display:block;width:100%;height:min(62vh,36rem);min-height:20rem;background:linear-gradient(145deg,#132d34,#0b191e)}.settlement-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.viewport-controls{display:flex;flex-wrap:wrap;gap:.2rem;position:absolute;right:.5rem;bottom:.5rem}.viewport-controls button{min-height:36px;padding:.45rem .7rem;margin:0;background:#102126e5}.side-stack{display:grid;align-content:start;gap:1rem}.side-stack>*{min-width:0}.settings-panel{scroll-margin-top:1rem}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.settings-grid fieldset{min-width:0;margin:0}.setting-toggle,.scale-control{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.25rem 0}.scale-control{display:grid;gap:.25rem}.scale-control>span{display:flex;justify-content:space-between;color:var(--ink);font-weight:700}.scale-control output{color:var(--accent)}.scale-control input{width:100%;accent-color:var(--accent)}.binding-list{display:grid;gap:.3rem;margin:.45rem 0}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:44px;padding:.35rem 0;border-bottom:1px solid rgb(66 97 95 / 55%)}.binding-row span{min-width:0}.binding-row strong,.binding-row small{display:block}.binding-row button{flex:0 0 auto;min-width:6rem;margin:0;color:var(--accent);font-family:ui-monospace,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.build-catalog{background:#112025eb;border:1px solid var(--line);border-radius:.8rem;padding:.8rem}.build-catalog h2{margin:0 0 .4rem}.build-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.build-catalog-list button{min-height:3.5rem;margin:0;text-align:left}.build-catalog-list button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.build-catalog-list small{margin-top:.2rem}.inspector-actions{display:flex;flex-wrap:wrap;gap:.25rem}.inspector-actions button{flex:1 1 8rem}.inspector h2,.overlay-table h2{margin:0 0 .4rem}.fact-list{padding-left:1.2rem;line-height:1.65}.preview-report{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:.45rem;padding:.7rem}.preview-report.valid{border-color:#5fc9a8}.preview-report.invalid{border-color:var(--error)}.preview-report span{color:var(--muted);font-size:.9rem;line-height:1.4}.compact-facts{display:flex;gap:1.4rem;margin:.9rem 0}.compact-facts dd{font-size:1.1rem}.inspector>button{width:100%;margin:0}.overlay-table{overflow:auto}.overlay-table p{font-size:.9rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid var(--line);padding:.5rem .35rem;text-align:left}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.legend-swatch{width:.8rem;height:.8rem;display:inline-block;border:1px solid var(--ink)}.legend-swatch.clear{background:#3d5554}.legend-swatch.hazard{background:#754d62}.legend-swatch.access{background:#f0bd69}.save-status{min-height:1.4rem}.utility-dashboard,.utility-inspector,.utility-overlay{background:#112025eb;border:1px solid var(--line);border-radius:.8rem;padding:.8rem}.utility-dashboard h2,.utility-inspector h2,.utility-overlay h2{margin:0 0 .4rem}.utility-dashboard table{font-size:.8rem}.resident-list{display:grid;gap:.35rem;max-height:24rem;overflow:auto}.resident-list button{display:grid;gap:.2rem;margin:0;text-align:left}.resident-list button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.resident-profile h3{margin:.2rem 0;color:var(--accent)}.need-panel table{font-size:.78rem}.need-panel meter{width:5rem;accent-color:var(--accent)}.need-critical{color:var(--error);font-weight:800}.need-watch{color:var(--accent);font-weight:700}.pressure-panel{border:1px solid var(--line);border-radius:.8rem;padding:.8rem;background:color-mix(in srgb,var(--panel) 92%,var(--accent))}.pressure-panel table{width:100%;font-size:.76rem}.panel-actions,.command-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.command-grid button{flex:1 1 8rem}.incident-card{border-left:.35rem solid var(--accent);margin:.5rem 0;padding:.5rem .7rem;background:color-mix(in srgb,var(--panel) 84%,var(--warning))}.incident-card h3,.affected-area strong{color:var(--accent)}.affected-area ul{columns:2;margin-bottom:0}@media(max-width:820px){.campaign-header{align-items:flex-start;flex-direction:column}.campaign-actions{justify-content:flex-start}.campaign-layout{grid-template-columns:1fr}.settlement-canvas{height:56vh;min-height:18rem}.build-catalog-list{grid-template-columns:1fr}}@media(min-width:1180px){.campaign-layout{grid-template-columns:minmax(0,1.7fr) minmax(23rem,.9fr)}.side-stack{max-height:none}}@media(min-width:760px)and (max-width:1179px){.campaign-layout{grid-template-columns:minmax(0,1.35fr) minmax(19rem,.9fr)}.hud-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:759px){.campaign-shell{width:100%;padding-left:max(.65rem,env(safe-area-inset-left));padding-right:max(.65rem,env(safe-area-inset-right))}.campaign-header h1{font-size:clamp(1.8rem,10vw,3rem)}.campaign-nav{position:sticky;top:0;z-index:3;overflow-x:auto;flex-wrap:nowrap}.campaign-nav a{flex:0 0 auto}.hud-heading{align-items:flex-start;flex-direction:column}.hud-metrics,.settings-grid{grid-template-columns:1fr 1fr}.hud-actions button{flex:1 1 10rem}}@media(max-width:430px){.hud-metrics,.settings-grid{grid-template-columns:1fr}.campaign-actions,.campaign-actions button{width:100%}.campaign-actions button{margin-left:0;margin-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(prefers-contrast:more){:root{--line: #d6fff5}}.expedition-panel{border:1px solid var(--line);border-radius:.8rem;padding:.8rem;background:color-mix(in srgb,var(--panel) 94%,#4d776e)}.expedition-panel p{margin:.35rem 0}.regional-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding-left:1.25rem}.regional-node-list button{display:flex;justify-content:space-between;gap:.4rem;width:100%;text-align:left}.regional-node-list button[aria-pressed=true]{outline:2px solid var(--accent)}.regional-node-list small,.expedition-panel button small,.fact-list small{display:block;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.form-grid label{display:grid;gap:.2rem;color:var(--muted);font-size:.82rem}.form-grid select{min-width:0}.button-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.button-row button{flex:1 1 9rem}.fact-list{margin:.5rem 0 0;padding-left:1.2rem}.fact-list li{margin:.35rem 0}.muted{color:var(--muted)}