:root{color-scheme:dark;--gold:#d9bf7c;--ink:#e4e8d9;--muted:#a9b6a6;--line:#405146}*{box-sizing:border-box}body{margin:0;background:#091812;color:var(--ink);font:13px/1.5 system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:#24392c;border:1px solid var(--line);border-radius:5px;min-height:32px;padding:4px 8px}button:hover{border-color:var(--gold);background:#334737}button:disabled{opacity:.42;cursor:default}button.active,[aria-selected=true]{background:#514d32;color:#f6dea2;border-color:var(--gold)}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}[hidden]{display:none!important}main{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:8px;padding:8px}#world-stage{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px}canvas{display:block;width:100%;height:100%;touch-action:none}#map-top,#map-bottom{position:absolute;display:flex;gap:5px;align-items:center;max-width:calc(100% - 16px);flex-wrap:wrap;background:#0e211cd9;border-radius:6px;padding:4px;left:8px}#map-top{top:8px}#map-bottom{bottom:8px}#tool-label{padding:0 8px;color:var(--gold)}#map-note{position:absolute;top:62px;left:12px;font-size:12px;pointer-events:none;color:#d4c491;text-shadow:0 1px 3px black}#camera-hint{font-size:11px;color:var(--muted);padding:0 6px}#city-panel{min-height:0;min-width:0;display:flex;flex-direction:column;background:#14261c;border:1px solid var(--line);border-radius:8px;overflow:hidden}header{display:flex;align-items:center;gap:4px;padding:6px}header strong{flex:1;white-space:nowrap;font-size:15px}header small{font-size:10px;color:var(--gold)}header button{font-size:11px;padding:4px 7px}#pause{background:var(--gold);color:#17251b}#resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0 8px;font-size:11px}#resources strong{font-size:15px}#resources small{display:block;font-size:10px;color:#91bf9c}.negative{color:#ffad87!important}#vitals{font-size:11px;padding:3px 8px;color:var(--muted)}#threat{font-size:11px;min-height:24px;border:0;border-radius:0;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}nav{display:flex;padding:3px 6px;gap:4px;border-bottom:1px solid var(--line)}nav button{flex:1;min-height:30px}#pane-build,#pane-people{flex:1;min-height:0;overflow:auto;padding:10px}p{margin:6px 0}.hint{font-size:11px;color:var(--muted);margin:0 0 10px}#build-tools{display:grid;grid-template-columns:1fr 1fr;gap:5px}#build-tools button{height:36px;display:flex;text-align:left;align-items:center;gap:8px;line-height:1.3}#build-tools i{font-style:normal;font-size:22px;color:var(--gold)}#build-tools small{display:block;font-size:9px;color:var(--muted)}.mode{display:flex;gap:5px;margin:10px 0}.mode button{flex:1}details{margin:10px 0;color:var(--muted);font-size:12px}summary{cursor:pointer;min-height:32px;padding:5px 0}#people-summary{font-size:12px}.recruit{padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:10px}.recruit p{font-size:11px;color:var(--muted)}.job{border-bottom:1px solid var(--line);padding:5px 0}.job-line{display:grid;grid-template-columns:52px 32px 1fr 32px;gap:5px;align-items:center;height:36px}.job-line span{text-align:center}.job details{margin:0}.job summary{font-size:10px;min-height:24px;padding:2px 0}.job p{font-size:11px}.job .locate{min-height:26px;font-size:11px}#selection{padding:10px;border-top:1px solid var(--line);max-height:36%;overflow:auto;background:#1d3024}#selection p{font-size:11px;white-space:pre-line;color:var(--muted)}#selection button{min-height:28px;font-size:11px}footer{padding:6px 9px;border-top:1px solid var(--line);font-size:11px;max-height:65px;overflow:auto;color:var(--gold)}footer small{display:block;color:var(--muted);font-size:10px}dialog{background:#152a20;color:var(--ink);border:1px solid #6b7c58;border-radius:10px;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:18px}dialog::backdrop{background:#05120abb}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:18px;margin:0}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}input{display:block;background:#0d1e16;border:1px solid var(--line);width:100%;padding:8px;border-radius:4px}form{margin:14px 0}form button{margin-top:6px}a{color:var(--gold)}body.collapsed main{grid-template-columns:1fr}body.collapsed #city-panel{display:none}@media(min-width:701px){#panel-close,#panel-toggle{display:none}}@media(max-width:700px){main{grid-template-columns:1fr;padding:4px}#city-panel{position:fixed;right:5px;top:5px;bottom:5px;width:min(320px,calc(100vw - 10px));z-index:4;box-shadow:-15px 0 50px #07120ba6}#camera-hint{display:none}#map-note{max-width:calc(100% - 25px);top:62px;font-size:10px}header strong{font-size:13px}dialog{padding:12px}#resources strong{font-size:14px}#map-hud{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;background:#0e211cd9;border-radius:6px;padding:4px;max-width:calc(100% - 16px)}#map-top,#map-bottom{display:contents}}@media(pointer:coarse){button,input,summary{min-height:44px;min-width:44px}.job-line{grid-template-columns:45px 44px 1fr 44px;height:48px}#build-tools button{height:48px}.job summary{min-height:44px}nav button,#threat,header button{min-height:44px}#map-note{top:112px}}