:root{--night: #0a1119;--panel: rgba(13, 21, 31, .82);--panel-solid: #0f1823;--line: rgba(150, 175, 205, .16);--line-strong: rgba(150, 175, 205, .3);--paper: #e8ecf2;--muted: #8b9cb0;--amber: #f2a93b;--amber-deep: #c97f1e;--teal: #4fd1c5;--violet: #8b9dff;--danger: #ff7a6b;--radius: 3px;--shadow: 0 18px 48px rgba(0, 0, 0, .55);--ease: cubic-bezier(.22, 1, .36, 1);--edge: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100dvh}body{background:var(--night);color:var(--paper);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{touch-action:manipulation}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:pointer;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:58px;display:flex;align-items:center;gap:30px;padding:0 22px;background:linear-gradient(180deg,#080d14f0,#080d1480);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.14em;font-size:11px;text-transform:uppercase}.brand-mark{width:16px;height:16px;background:var(--amber);clip-path:polygon(0 0,100% 0,100% 62%,62% 100%,0 100%)}.stat{display:flex;flex-direction:column;gap:1px}.stat label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat strong{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--paper)}#stat-cash strong{color:var(--amber)}#stat-rps strong{color:var(--teal)}#stat-throughput.warn strong{color:var(--danger)}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel h2{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:13px 14px 9px}.constraints{left:18px;top:76px;width:258px}#constraint-list{padding:0 14px 12px;display:grid;gap:12px}.constraint-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px}.constraint-head strong{font-variant-numeric:tabular-nums;font-size:12px}.constraint.near .constraint-head strong{color:var(--amber)}.constraint.over .constraint-head strong{color:var(--danger)}.constraint-foot{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.constraint.over .c-headroom{color:var(--danger)}.meter{height:4px;background:#ffffff12;border-radius:2px;overflow:hidden;margin-top:6px}.meter-fill{height:100%;background:var(--accent);transition:width .24s var(--ease)}.constraint.over .meter-fill{background:var(--danger)}.meter-fill.goal{background:var(--amber)}.bottleneck{margin:0 14px 14px;padding:11px 12px;border:1px solid rgba(255,122,107,.42);background:#ff7a6b17;border-radius:var(--radius)}.bottleneck strong{display:block;font-size:11px;color:var(--danger);margin-bottom:5px}.bottleneck p{font-size:10.5px;color:#cdd7e3;line-height:1.5}.bottleneck p+p{margin-top:5px}.bottleneck .fix{color:var(--amber)}.shop{right:18px;top:76px;width:372px;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.shop-head{display:flex;align-items:center;justify-content:space-between;padding-right:12px}.buy-modes{display:flex;gap:3px}.buy-modes button{background:#ffffff0d;border:1px solid transparent;color:var(--muted);font:inherit;font-size:10px;padding:3px 7px;border-radius:2px;cursor:pointer;transition:all .14s var(--ease)}.buy-modes button.active{background:var(--amber);color:#10161f;font-weight:650}#shop-list{overflow-y:auto;padding:0 12px 12px;display:grid;gap:7px}#shop-list::-webkit-scrollbar{width:6px}#shop-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.shop-row{display:flex;align-items:stretch;gap:10px;padding:10px 11px;border:1px solid var(--line);border-left:2px solid transparent;border-radius:var(--radius);background:#ffffff06;transition:border-color .16s var(--ease),background .16s var(--ease)}.shop-row.recommended{border-left-color:var(--amber);background:#f2a93b12}.shop-row.recommended[data-reason=bottleneck]{border-left-color:var(--danger);background:#ff7a6b12}.shop-row.recommended[data-reason=unlock]{border-left-color:var(--violet);background:#8b9dff12}.shop-row.locked{opacity:.55}.row-main{flex:1 1 auto;min-width:0}.row-title{display:flex;align-items:baseline;gap:7px}.row-title h3{font-size:12.5px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.owned{font-size:11px;color:var(--amber);font-variant-numeric:tabular-nums}.row-role{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.45}.row-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:9.5px;font-variant-numeric:tabular-nums}.row-meta .delta.up{color:var(--teal)}.row-meta .delta.down{color:var(--danger)}.row-meta .delta.flat{color:var(--muted);font-style:italic}.row-meta .choke{color:var(--danger)}.row-meta .milestone{color:var(--violet)}.row-meta .wait,.row-meta .need{color:var(--muted)}.row-meta .need b{color:var(--paper)}.row-actions{display:flex;flex-direction:column;gap:4px;justify-content:center;flex:0 0 116px;width:116px}.row-actions button{font:inherit;font-size:11px;font-weight:640;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 9px;border-radius:2px;border:1px solid var(--line-strong);background:#ffffff0d;color:var(--paper);cursor:pointer;transition:all .13s var(--ease)}.row-actions .buy:not(:disabled){background:var(--amber);border-color:var(--amber);color:#10161f}.row-actions .buy:not(:disabled):active{transform:translateY(0)}.row-actions button:disabled{opacity:.42;cursor:not-allowed}.row-actions .hire{font-size:9.5px;padding:5px 8px}.row-actions .hire.hired{color:var(--teal);border-color:#4fd1c566;background:#4fd1c51a}.act-goal{position:absolute;left:18px;bottom:18px;width:258px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.goal-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.goal-head strong{color:var(--amber);font-size:12px;font-variant-numeric:tabular-nums}.act-goal p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.action-dock{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;width:340px}.focus{position:relative;width:100%;height:20px;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:#080d14b3}.focus-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--amber-deep),var(--amber));transition:width .16s var(--ease)}.focus span{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--paper);mix-blend-mode:difference}.action-button{width:100%;padding:17px 20px;border:none;border-radius:var(--radius);background:linear-gradient(180deg,#ffc76a,var(--amber));color:#10161f;font:inherit;font-size:17px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px #f2a93b4d;transition:transform 90ms var(--ease),box-shadow .16s var(--ease),filter .12s var(--ease)}.action-button:active{transform:translateY(2px) scale(.985);box-shadow:0 6px 18px #f2a93b52}.action-value{font-variant-numeric:tabular-nums;opacity:.82;font-size:15px}.action-hint{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.floaters{position:absolute;left:50%;bottom:128px;width:0;height:0;pointer-events:none}.floater{position:absolute;left:0;bottom:0;transform:translate(-50%);font-size:17px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 2px 12px rgba(0,0,0,.7);white-space:nowrap;animation:rise 1s var(--ease) forwards}.floater.milestone{color:var(--violet);font-size:15px;letter-spacing:.1em;text-transform:uppercase}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px) scale(.85)}18%{opacity:1;transform:translate(calc(-50% + var(--dx, 0px) * .3),-14px) scale(1.06)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),-92px) scale(.95)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auto-toggle{font:inherit;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:2px;cursor:pointer;white-space:nowrap;border:1px solid rgba(79,209,197,.42);background:#4fd1c51f;color:var(--teal);transition:all .14s var(--ease);margin:0 12px 8px;text-align:left}.auto-toggle.paused{border-color:var(--line-strong);background:#ffffff0d;color:var(--muted)}.auto-chip{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--teal);border:1px solid rgba(79,209,197,.42);padding:1px 4px;border-radius:2px;flex:none}.auto-chip.idle{color:var(--muted);border-color:var(--line-strong)}.row-meta{min-height:13px;align-content:flex-start}.shop-row{min-height:84px;align-items:center}.row-actions .target{font-size:9px;padding:4px 8px;letter-spacing:.04em;border-color:#8b9dff66;color:var(--violet);background:#8b9dff1a}.row-actions .target.off{border-color:var(--line-strong);color:var(--muted);background:#ffffff0a}@media(hover:hover){.buy-modes button:hover{color:var(--paper);background:#ffffff1a}.shop-row:hover{background:#ffffff0d}.row-actions .buy:not(:disabled):hover{background:#ffbe5c;transform:translateY(-1px)}.row-actions .target:hover{background:#8b9dff33}.action-button:hover{filter:brightness(1.07);box-shadow:0 14px 38px #f2a93b6b}.auto-toggle:hover{background:#4fd1c538}}@media(max-width:900px){.constraints{left:10px;right:10px;width:auto}.shop{left:10px;right:10px;top:auto;width:auto}.act-goal{width:auto}}@media(max-width:700px)and (min-height:501px){#hud{display:flex;flex-direction:column;gap:6px;padding-bottom:calc(10px + var(--safe-bottom))}#hud>*{position:static;flex:none}#hud>*:not(.topbar){margin-left:var(--edge);margin-right:var(--edge)}.floaters{position:absolute;bottom:calc(150px + var(--safe-bottom))}.act-goal{order:1}.constraints{order:2}.shop{order:3;margin-top:auto}.action-dock{order:4}.topbar{height:calc(46px + var(--safe-top));padding:var(--safe-top) 12px 0;gap:0;justify-content:space-between}.brand span:last-child{display:none}.stat{align-items:flex-end}#stat-cash{align-items:flex-start}.stat label{font-size:7.5px;letter-spacing:.1em}.stat strong{font-size:15px}.act-goal{width:auto;padding:7px 10px}.act-goal p{display:none}.goal-head{font-size:8.5px}.goal-head strong{font-size:10px}.constraints{width:auto}.panel h2{padding:9px 11px 5px}#constraint-list{padding:0 11px 10px;grid-template-columns:repeat(3,1fr);gap:10px}.constraint-head{flex-direction:column;align-items:flex-start;gap:1px;font-size:9.5px}.constraint-head strong{font-size:15px;line-height:1.1}.meter{margin-top:5px}.constraint-foot{flex-direction:column;gap:1px;font-size:8.5px;margin-top:4px}.bottleneck{margin:0 11px 11px;padding:9px 10px}.bottleneck p{font-size:10px}#hud>.shop{width:auto;flex:0 1 auto;max-height:42dvh;min-height:128px}#shop-list{padding:0 9px 9px;gap:6px;min-height:0}.shop-row{padding:8px 9px;gap:8px;min-height:88px}.row-role{display:none}.row-title h3{font-size:12px}.row-actions{flex:0 0 106px;width:106px;gap:4px}.row-actions .buy{min-height:44px;font-size:12px}.row-actions .hire,.row-actions .target{min-height:30px}.row-actions .hire.hired{display:none}.buy-modes button{padding:7px 9px;font-size:10px}.action-dock{width:auto;transform:none;gap:7px}.action-button{padding:18px 16px;font-size:16px;gap:8px}.action-value{font-size:14px}}@media(max-width:900px)and (max-height:500px){:root{--ops-width: 196px;--shop-width: 300px;--columns-top: calc(50px + var(--safe-top))}#hud{display:block;padding:0}#hud>*{position:absolute;margin-left:0;margin-right:0}.topbar{height:calc(44px + var(--safe-top));padding:var(--safe-top) 14px 0 calc(14px + var(--safe-left));gap:18px}.stat strong{font-size:15px}.act-goal{display:none}.constraints{top:var(--columns-top);bottom:calc(8px + var(--safe-bottom));left:calc(var(--edge) + var(--safe-left));right:auto;width:var(--ops-width);overflow-y:auto}.constraint-foot{display:none}.shop{top:var(--columns-top);bottom:calc(8px + var(--safe-bottom));left:auto;right:calc(var(--edge) + var(--safe-right));width:var(--shop-width);max-height:none}.action-dock{left:calc(var(--edge) + var(--safe-left) + var(--ops-width) + 10px);right:calc(var(--edge) + var(--safe-right) + var(--shop-width) + 10px);width:auto;transform:none;bottom:calc(8px + var(--safe-bottom));gap:6px}.focus{height:16px}.action-button{padding:12px 14px;font-size:14px}.action-hint{display:none}.floaters{bottom:96px}}