:root{--bg: #08080c;--panel: rgba(10, 10, 18, .78);--ink: #e8e0c8;--dim: #8a8468;--line: #2a2a38;--fire: #e83b3b;--ok: #5ad78a;--warn: #f7a541;--info: #5ec8e8;--hud-border: rgba(42, 42, 56, .95)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app,#stage{width:100%;height:100%;height:100dvh}html,body{background:var(--bg);color:var(--ink);font-family:Courier New,Courier,monospace;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}#app,#stage{position:relative;min-height:0}#game{position:absolute;left:0;top:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#0b0b12;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.portfolio-link{display:inline-block;margin-top:4px;color:var(--dim);font-size:10px;letter-spacing:.06em;text-decoration:none;opacity:.75;pointer-events:auto}.portfolio-link:hover,.portfolio-link:focus-visible{opacity:1;color:var(--ink)}#hud-tl{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:auto;max-width:min(560px,calc(100% - 24px));background:var(--panel);border:2px solid var(--hud-border);padding:6px 8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#hud.show-status #hud-tl{max-height:min(58vh,calc(100dvh - 24px));overflow:auto}#hud-head{display:flex;flex-direction:row;align-items:center;gap:10px}#hud-toggles{display:flex;gap:4px;flex-shrink:0;pointer-events:auto}.hud-toggle{pointer-events:auto;background:#3a3a48;color:var(--ink);border:0;padding:5px 8px;font-family:inherit;font-size:10px;letter-spacing:1px;cursor:pointer}.hud-toggle[aria-pressed=true]{background:#e83b3b;color:#100808}#hud-right{display:contents}#incidents-wrap,#log-wrap{display:none;position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(280px,calc(100% - 24px));max-height:min(42vh,380px);background:var(--panel);border:2px solid var(--hud-border);padding:7px 8px 8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:0}#hud.show-incidents #incidents-wrap,#hud.show-log #log-wrap{display:flex;flex-direction:column}#log-wrap{min-height:0}#brand h1{font-size:13px;letter-spacing:2px;color:var(--fire);line-height:1.1;white-space:nowrap}#brand .tag{display:none}#meta,#stats{font-size:11px;line-height:1.4;color:var(--ink)}#meta{flex:1;min-width:0;margin-top:0;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#meta .dim{display:none}#esc{margin-top:4px;font-size:11px;line-height:1.25;letter-spacing:.5px}#esc .stars{color:#ffe14a;letter-spacing:1px}#esc.city .stars{color:#ff9a3c}#esc.catastrophic{color:#ffd0d8}#esc.catastrophic .stars{color:#f46}#esc .dim{color:var(--dim);font-size:10px}#stats,#help{display:none}#hud.show-status #stats,#hud.show-status #help{display:block}#hud.show-status #stats{margin-top:6px;border-top:1px solid var(--line);padding-top:6px}#stats .row{display:flex;justify-content:space-between;gap:8px}#stats .dim,#meta .dim{color:var(--dim)}#stats .ready,#meta .ready{color:var(--ok)}#stats .spent,#meta .spent{color:var(--warn)}#inspect{display:none}#tooltip{position:absolute;pointer-events:none;background:#101018eb;color:var(--ink);border:2px solid #3a3a48;padding:6px 8px;font-size:11px;line-height:1.4;white-space:pre;max-width:min(280px,calc(100vw - 16px));z-index:5}#hud h2{font-size:10px;letter-spacing:2px;color:var(--warn);margin-bottom:4px}#log{flex:1;overflow-y:auto;font-size:10px;line-height:1.35;color:var(--ink);min-height:0;max-height:min(34vh,300px);pointer-events:auto;-webkit-overflow-scrolling:touch}.log-line{margin-bottom:5px;padding-left:6px;border-left:3px solid #3a3a48}.log-line.fire{border-color:var(--fire)}.log-line.dispatch{border-color:var(--info)}.log-line.detect{border-color:var(--warn)}.log-line.evac{border-color:var(--ok)}.log-line.boom{border-color:#f8a;color:#ffc8d0}.log-line.structure{border-color:#a08060}.log-line.weather{border-color:#7aa0c8;color:#b8c8d8}.log-line.water{border-color:#3ec8f0}.log-line.crit,.log-line.command{border-color:#ffe14a;color:#ffe9a0;font-weight:700}.log-line.police{border-color:#5a7cff;color:#c8d0ff}.log-line.air{border-color:#b8c8d8;color:#e0e8f0}.log-line.boom.crit{border-color:#f46;color:#ffd0d8}.log-tag{color:var(--dim);font-size:8px;letter-spacing:1px}#incidents{max-height:min(34vh,300px);overflow-y:auto;pointer-events:auto;-webkit-overflow-scrolling:touch}.inc-empty{font-size:10px;color:var(--dim)}.inc-card{border-left:3px solid #3a3a48;padding:3px 6px 4px;margin-bottom:5px;font-size:11px;line-height:1.3}.inc-card.threat-high{border-color:var(--fire)}.inc-card.threat-med{border-color:var(--warn)}.inc-card.threat-low{border-color:var(--ok)}.inc-id{font-size:9px;letter-spacing:1px;color:var(--warn)}.inc-meta{color:var(--dim);font-size:10px}.log-time{color:var(--dim)}#help{margin-top:8px;padding-top:6px;border-top:1px solid var(--line);font-size:9px;color:var(--dim);line-height:1.4}#end-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080cb8;display:flex;align-items:center;justify-content:center;z-index:20;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}#end-screen[hidden]{display:none}#end-card{width:min(420px,100%);max-height:100%;overflow:auto;background:#101018;border:3px solid #e83b3b;padding:14px 16px;color:var(--ink)}#end-card h1{color:var(--fire);letter-spacing:2px;font-size:18px;margin-bottom:4px}#end-card .sub{color:var(--dim);font-size:11px;margin-bottom:10px}#end-card dl{display:grid;grid-template-columns:1fr auto;gap:4px 14px;font-size:12px}#end-card dt{color:var(--dim)}#end-card dd{text-align:right}#end-card .actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}button.pixel{background:#e83b3b;color:#100808;border:0;padding:7px 11px;font-family:inherit;font-weight:700;letter-spacing:1px;cursor:pointer}button.pixel.alt{background:#3a3a48;color:var(--ink)}#log::-webkit-scrollbar,#incidents::-webkit-scrollbar{width:6px}#log::-webkit-scrollbar-thumb,#incidents::-webkit-scrollbar-thumb{background:#3a3a48}@media(max-width:720px),(max-height:520px){#hud-tl{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));max-width:none}#brand h1{font-size:12px}#meta{font-size:10px}#incidents-wrap,#log-wrap{top:auto;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:min(38vh,280px)}#incidents,#log{max-height:min(32vh,240px)}}@media(max-width:420px){#brand{display:none}.hud-toggle{padding:6px 7px}}#touch-bar,#touch-menu{position:absolute;z-index:6;display:flex;flex-direction:column;gap:6px;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}#touch-bar[hidden],#touch-menu[hidden]{display:none}#touch-menu{right:calc(max(8px,env(safe-area-inset-right)) + 54px);max-height:calc(100% - 16px);overflow-y:auto;background:var(--panel);border:2px solid var(--hud-border);padding:6px}.touch-btn{min-width:44px;min-height:44px;background:#3a3a48eb;color:var(--ink);border:2px solid var(--hud-border);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-btn[aria-pressed=true]{background:#e83b3b;color:#100808}#touch-menu .touch-btn{text-align:left;padding:0 12px;font-size:12px}body.touch-ui .hud-toggle{min-width:44px;min-height:44px;font-size:11px;touch-action:manipulation}body.touch-ui button.pixel{min-height:44px;touch-action:manipulation}@media(max-width:720px),(max-height:520px){body.touch-ui #hud-tl,body.touch-ui #incidents-wrap,body.touch-ui #log-wrap{right:calc(max(8px,env(safe-area-inset-right)) + 54px)}}@media(max-height:420px){#touch-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;align-content:end}}