:root{--bg: #161311;--panel: rgba(18, 16, 14, .88);--line: #3a3229;--ink: #e9e3d8;--dim: #9c9284;--good: #e8a13a;--evil: #54d989;--crystal: #23c8dc}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font:13px/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#game{position:absolute;inset:0;touch-action:none}#game canvas{display:block}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(6px + env(safe-area-inset-top)) 8px calc(6px + env(safe-area-inset-bottom))}.hud-top{display:flex;align-items:center;gap:10px}.hud-cash{display:flex;align-items:baseline;gap:6px;padding:5px 10px;background:var(--panel);border:1px solid var(--line);border-radius:4px;pointer-events:auto}.hud-cash .lbl{font-size:9.5px;letter-spacing:.16em;color:var(--dim)}#cash{font-size:15px;font-weight:700;color:var(--crystal)}.hud-mission{flex:0 1 auto;max-width:42vw;font:inherit;font-size:12px;color:#f3efe6;background:#161310eb;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:6px 8px;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}.ov-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.ov-btns .primary{background:#c8a24a;color:#17130f;border-color:#e0c179;font-weight:700}.hud-status{flex:1;font-size:11px;color:var(--good);letter-spacing:.06em;text-transform:lowercase}.hud-btns{display:flex;gap:6px;pointer-events:auto}.hud-btns button{width:34px;height:34px;display:grid;place-items:center;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;font-size:13px;cursor:pointer;touch-action:manipulation}.hud-btns button:active{background:#2a241d}.hud-bottom{display:flex;flex-direction:column;gap:6px}.hud-sel{align-self:flex-start;max-width:min(560px,92vw);padding:5px 10px;background:var(--panel);border:1px solid var(--line);border-radius:4px;font-size:11.5px;color:var(--ink);pointer-events:auto}.hud-sel .dim,.dim{color:var(--dim)}.hud-prod{display:flex;gap:6px;flex-wrap:wrap;pointer-events:auto}.prod-btn{display:flex;flex-direction:column;gap:1px;min-width:96px;padding:6px 9px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--good);border-radius:4px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.prod-btn:active{background:#2a241d}.prod-btn .pn{font-size:11.5px}.prod-btn .pc{font-size:10.5px;color:var(--crystal)}.prod-btn.poor{opacity:.45}.hud-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#080706c7;pointer-events:auto}.hud-overlay[hidden]{display:none}.ov-card{text-align:center;padding:22px 26px;background:#1b1713;border:1px solid var(--line);border-radius:6px;max-width:min(420px,88vw)}.ov-card h2{margin:0 0 6px;font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--good)}.ov-card p{margin:0 0 16px;color:var(--dim);font-size:12px}.ov-card button{padding:9px 18px;background:var(--good);color:#171310;border:0;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}#boot{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);transition:opacity .35s ease;z-index:10}#boot.done{opacity:0;pointer-events:none}.boot-card{text-align:center;padding:0 20px}.boot-card h1{margin:0;font-size:20px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.boot-card h1 span{color:var(--good);font-weight:400}.boot-card .sub{margin:4px 0 18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}#boot-status{font-size:12px;color:var(--crystal);margin:0 0 14px}#boot-status[data-state=error]{color:#ff6b6b}.boot-card .hint{font-size:10.5px;color:var(--dim);max-width:340px;margin:0 auto}
