:root{--ink: #eef4ea;--ink-dim: #b9c4b2;--panel-bg: rgba(10, 16, 11, .92);--panel-bg-soft: rgba(10, 16, 11, .72);--accent: #5b8fd6;--danger: #d65b5b;--good: #6bbf6b}.toolbar{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:8px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:linear-gradient(to top,var(--panel-bg),var(--panel-bg-soft));z-index:10}.tabs-row,.tools-row,.crop-row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}.tab-btn{flex:0 0 auto;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--ink-dim);font:600 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tab-btn.active{background:#ffffff24;color:var(--ink);border-color:#ffffff4d}.toolbar-btn{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--ink);font:600 13px/1 system-ui,sans-serif;white-space:nowrap;-webkit-tap-highlight-color:transparent}.toolbar-btn.active{background:#ffffff38;border-color:#ffffff80}.toolbar-btn .swatch{width:14px;height:14px;border-radius:3px;display:inline-block;border:1px solid rgba(255,255,255,.4)}.crop-row{display:none}.crop-row-label{display:none;color:var(--ink-dim);font:700 11px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:0 2px}.crop-btn{flex:0 0 auto;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#d9c25b26;color:var(--ink);font:600 12px/1 system-ui,sans-serif;white-space:nowrap;-webkit-tap-highlight-color:transparent}.crop-btn.active{background:#d9c25b80;border-color:#d9c25bcc}.toast{position:fixed;left:50%;top:calc(62px + env(safe-area-inset-top));transform:translate(-50%,-12px);background:#140a0ae6;color:#ffdede;padding:8px 14px;border-radius:8px;font:500 13px system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:30;max-width:80vw;text-align:center}.tile-tooltip{position:fixed;left:0;top:0;transform:translate(-50%,calc(-100% - 14px));background:#0a100beb;color:var(--ink);padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.18);font:600 12px/1 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:35}.tile-tooltip.visible{opacity:1}.toast.visible{opacity:1;transform:translate(-50%)}.hud-bar{position:fixed;top:env(safe-area-inset-top);left:0;right:0;display:flex;align-items:center;gap:8px;padding:4px 12px;background:linear-gradient(to bottom,var(--panel-bg),transparent);color:var(--ink);font:600 12px/1 system-ui,sans-serif;z-index:10;overflow-x:auto;white-space:nowrap}.hud-menu-btn,.hud-undo-btn{flex:0 0 auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--ink);border-radius:10px;width:44px;height:44px;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-stat{flex:0 0 auto;padding:6px 10px;border-radius:8px;background:#ffffff0f}.hud-stat.negative{color:var(--danger)}.hud-label{color:var(--ink-dim);font-weight:500}.hud-panel{display:none;flex-direction:column;gap:10px;position:fixed;top:calc(54px + env(safe-area-inset-top));left:8px;right:8px;max-width:360px;background:var(--panel-bg);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;color:var(--ink);font:500 13px system-ui,sans-serif;z-index:15;max-height:70vh;overflow-y:auto}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-panel-label{color:var(--ink-dim);font-size:12px}.hud-speed-group{display:flex;gap:4px}.hud-chip{padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:var(--ink);font:600 12px system-ui,sans-serif}.hud-chip.active{background:var(--accent);border-color:var(--accent)}.hud-tax-slider{flex:1;margin-left:8px}.hud-actions{gap:8px}.hud-action-btn{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--ink);font:600 12px system-ui,sans-serif}.hud-budget{display:flex;flex-direction:column;gap:2px;background:#ffffff0a;border-radius:8px;padding:8px 10px;font-variant-numeric:tabular-nums}.hud-budget-line{font-size:12px;display:flex;justify-content:space-between}.hud-budget-line.dim{color:var(--ink-dim);font-size:11px}.hud-budget-line.income{color:var(--good)}.hud-budget-line.expense{color:#e0a05b}.hud-budget-line.expense.corrupt{color:var(--danger);font-weight:700}.hud-budget-line.total{border-top:1px solid rgba(255,255,255,.12);margin-top:4px;padding-top:4px;font-weight:700}.hud-budget-line.total.positive{color:var(--good)}.hud-budget-line.total.negative{color:var(--danger)}.hud-hints{display:flex;flex-direction:column;gap:4px;background:#ffffff0a;border-radius:8px;padding:8px 10px}.hud-hint-line{font-size:12px;line-height:1.4;color:#e0a05b}.hud-hint-line.good{color:var(--good)}.hud-log{border-top:1px solid rgba(255,255,255,.12);padding-top:8px;display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto}.hud-log-entry{color:var(--ink-dim);font-size:11px;line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;align-items:center;justify-content:center;z-index:40;padding:16px}.modal-card{background:#16211a;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:20px;max-width:360px;width:100%;color:var(--ink);font:500 14px/1.5 system-ui,sans-serif}.modal-card h2{margin:0 0 10px;font-size:18px;text-wrap:balance}.modal-concern{color:var(--ink-dim);font-style:italic}.modal-stats{font-weight:700;color:var(--good)}.modal-row{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-btn{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--ink);font:700 13px system-ui,sans-serif}.modal-btn.primary{background:var(--accent);border-color:var(--accent)}.modal-card--gameover{border-color:var(--danger)}.modal-card--gameover h2{color:var(--danger)}.modal-card--gameover .modal-btn.primary{background:var(--danger);border-color:var(--danger)}
