:root{--ink: #0b0f16;--panel: #161d27;--panel-2: #1e2733;--panel-3: #2b3746;--edge: #3c4b5d;--text: #dbe6f2;--text-dim: #8b9bb0;--office: #4a86ba;--apartment: #559a72;--shop: #b2703c;--lamp: #e0a63c;--ok: #6fd08a;--warn: #f0b854;--bad: #e8624f;--select: #ffd166;--font-ui: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:var(--font-ui);user-select:none;-webkit-font-smoothing:none}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.panel-surface{background:var(--panel);border:1px solid var(--ink);box-shadow:inset 0 1px 0 var(--panel-3),0 2px #00000073}#hud{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;gap:18px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--ink);box-shadow:0 1px 0 var(--panel-3) inset,0 2px 6px #00000080}.hud-left{min-width:250px}.hud-title{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hud-rank{font-size:10px;color:var(--office);letter-spacing:.08em}.hud-goal{display:flex;gap:8px;font-size:10px;color:var(--text-dim);margin-top:2px}.goal-lead{color:#6a798d}.goal{color:var(--text-dim)}.goal.met{color:var(--ok)}.hud-stats{display:flex;gap:14px;flex:1}.stat{display:flex;flex-direction:column;min-width:72px}.stat-label{font-size:9px;color:#6a798d;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.stat-value.warn{color:var(--warn)}.hud-files{display:flex;gap:4px}.hud-speed{display:flex;gap:3px;align-items:center}.hud-clock{margin-right:10px;font-size:12px;color:var(--lamp);font-variant-numeric:tabular-nums;letter-spacing:.04em}.file-btn,.speed-btn{height:26px;background:var(--panel-2);border:1px solid var(--ink);box-shadow:inset 0 1px 0 var(--panel-3);color:var(--text-dim);border-radius:0;cursor:pointer;font-family:var(--font-ui);font-size:11px;letter-spacing:.04em}.file-btn{padding:0 9px}.speed-btn{min-width:32px}.file-btn:hover,.speed-btn:hover{color:var(--text);background:var(--panel-3)}.speed-btn.active{background:var(--lamp);border-color:var(--ink);color:var(--ink);font-weight:700;box-shadow:inset 0 1px #ffffff59}#toolbar{position:absolute;top:64px;left:10px;width:168px;max-height:calc(100% - 84px);overflow-y:auto;padding:7px;background:var(--panel);border:1px solid var(--ink);box-shadow:inset 0 1px 0 var(--panel-3),0 2px #00000073}.tool-section{margin-bottom:10px}.tool-section-title{font-size:9px;color:#6a798d;text-transform:uppercase;letter-spacing:.14em;margin:3px 2px 5px}.tool-btn{display:flex;align-items:center;gap:7px;width:100%;padding:5px 7px;margin-bottom:3px;background:var(--panel-2);border:1px solid var(--ink);box-shadow:inset 0 1px #ffffff0d;color:var(--text);cursor:pointer;text-align:left;font-family:var(--font-ui)}.tool-btn:hover{background:var(--panel-3)}.tool-btn.active{background:var(--panel-3);border-color:var(--select);box-shadow:inset 0 0 0 1px #ffd16640}.tool-btn.disabled,.tool-btn.locked{opacity:.35;cursor:not-allowed}.tool-swatch{width:10px;height:10px;flex:none;border:1px solid var(--ink);box-shadow:inset 0 1px #ffffff4d}.tool-text{display:flex;flex-direction:column;line-height:1.3}.tool-label{font-size:11px;letter-spacing:.03em}.tool-sub{font-size:9px;color:var(--text-dim)}#inspector{position:absolute;top:64px;right:10px;width:226px;padding:9px;background:var(--panel);border:1px solid var(--ink);box-shadow:inset 0 1px 0 var(--panel-3),0 2px #00000073}.panel-title{font-size:9px;color:#6a798d;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}.inspector-heading{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}.hint{font-size:10px;color:var(--text-dim);line-height:1.6;margin:3px 0}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:9px 0;font-size:10px}.kv-key{color:#6a798d;text-transform:uppercase;letter-spacing:.06em}.kv-value{text-align:right;font-variant-numeric:tabular-nums}.danger-btn{width:100%;padding:5px;background:#2e1a17;color:var(--bad);border:1px solid var(--ink);box-shadow:inset 0 1px #ffffff0f;cursor:pointer;font-size:10px;font-family:var(--font-ui);letter-spacing:.04em}.danger-btn:hover{background:#3d221d}.chat-log{margin-top:10px;padding-top:8px;border-top:1px solid var(--panel-3);max-height:190px;overflow-y:auto}.chat-line{display:flex;gap:6px;font-size:10px;line-height:1.5;margin-bottom:4px}.chat-speaker{flex:none;color:var(--lamp);letter-spacing:.02em}.chat-text{color:var(--text-dim)}#debug-overlay{position:absolute;bottom:10px;left:10px;width:264px;padding:9px;background:#0b0f16f2;border:1px solid var(--ink);box-shadow:inset 0 1px 0 var(--panel-3)}.debug-lines{margin:0 0 7px;font-family:var(--font-ui);font-size:10px;line-height:1.55;color:var(--ok);white-space:pre}.debug-buttons{display:flex;flex-wrap:wrap;gap:3px}.debug-buttons button{padding:3px 6px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--ink);cursor:pointer;font-size:9px;font-family:var(--font-ui)}.debug-buttons button:hover{color:var(--text);background:var(--panel-3)}#toast{position:absolute;bottom:22px;left:50%;transform:translate(-50%);padding:7px 14px;background:var(--panel);border:1px solid var(--ink);box-shadow:inset 0 1px 0 var(--panel-3),0 2px #00000080;font-size:11px;letter-spacing:.03em;transition:opacity .15s;pointer-events:none}#toast.error{border-color:var(--bad);color:#ffb3ae}#toast.info{border-color:var(--office);color:#cfe6fb}