:root{--bg:#000;--muted:rgba(255,255,255,.6);--faint:rgba(255,255,255,.35);--card:rgba(255,255,255,.06);--cardBorder:rgba(255,255,255,.12);--chip:rgba(255,255,255,.08);--chipBorder:rgba(255,255,255,.14);--green:#7dffb3;--red:#ff6b6b;--gold:#fd9}.game-shell{background:var(--bg);justify-content:center;align-items:stretch;width:100%;min-height:calc(100vh - 64px);padding:24px 16px;display:flex}.game-surface{border:1px solid var(--cardBorder);background:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.01));border-radius:16px;width:100%;max-width:1100px;min-height:640px;position:relative;overflow:hidden}.hud{z-index:3;gap:8px;display:flex;position:absolute;top:12px;left:16px}.hud-pill{background:var(--chip);border:1px solid var(--chipBorder);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.hud-right{z-index:3;gap:8px;display:flex;position:absolute;top:12px;right:12px}.hud-btn{background:var(--chip);border:1px solid var(--chipBorder);border-radius:10px;padding:8px 12px;font-size:13px}.hud-btn:hover{background:rgba(255,255,255,.12)}.hud-compact{left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));z-index:3;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;display:flex;position:absolute;overflow-x:auto;overflow-y:hidden;transform:none}.hud-compact::-webkit-scrollbar{display:none}.hud-chip{background:var(--chip);border:1px solid var(--chipBorder);text-align:center;border-radius:10px;flex-direction:column;min-width:72px;padding:8px 10px;display:inline-flex}.hud-chip-label{color:var(--faint);font-size:11px}.hud-chip-value{font-size:13px}.hud-chip-btn{background:var(--chip);border:1px solid var(--chipBorder);border-radius:10px;padding:8px 12px;font-size:13px}.hud-chip-btn.ghost{opacity:.8}.hud-chip-btn:hover{background:rgba(255,255,255,.12)}.hud-chip,.hud-chip-btn{white-space:nowrap;flex:none}.mobile-hint{border:1px solid var(--cardBorder);z-index:2;background:rgba(255,255,255,.06);border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.signal{background:var(--card);border:1px solid var(--cardBorder);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;will-change:transform;border-radius:12px;height:76px;padding:10px;position:absolute;box-shadow:0 8px 18px rgba(0,0,0,.35)}.signal-header{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.signal-type{letter-spacing:.2px}.signal-dot{border-radius:999px;width:8px;height:8px;display:inline-block}.signal-title{margin-top:6px;font-size:13px;font-weight:600}.signal-sub{color:var(--faint);margin-top:2px;font-size:11px}.zones{z-index:1;grid-template-columns:1fr 1fr;gap:1px;height:150px;display:grid;position:absolute;top:auto;bottom:0;left:0;right:0}.zone{border-top:1px solid var(--cardBorder);background:rgba(255,255,255,.03);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.zone .zone-label{font-weight:700}.zone .zone-hint{color:var(--muted);font-size:12px}.zone.act{background:linear-gradient(rgba(125,255,179,.06),rgba(125,255,179,.02))}.zone.ignore{background:linear-gradient(rgba(179,136,255,.06),rgba(179,136,255,.02))}.overlay{z-index:4;background:rgba(0,0,0,.35);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.overlay-card{border:1px solid var(--cardBorder);background:rgba(10,10,10,.8);border-radius:16px;width:min(720px,100% - 32px);padding:22px;box-shadow:0 20px 40px rgba(0,0,0,.5)}.overlay-title{margin-bottom:8px;font-size:20px}.overlay-text{color:var(--muted);margin:6px 0;font-size:14px}.overlay-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.overlay-metric{background:var(--chip);border:1px solid var(--chipBorder);border-radius:10px;padding:8px 10px;font-size:13px}.overlay-actions{gap:10px;margin-top:14px;display:flex}.btn{background:var(--chip);border:1px solid var(--chipBorder);border-radius:10px;padding:10px 14px;font-size:14px}.btn.primary{background:rgba(255,221,153,.15);border-color:rgba(255,221,153,.35)}.btn:hover{background:rgba(255,255,255,.12)}.signal-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.toast{z-index:5;background:rgba(10,10,10,.85);border:1px solid rgba(255,255,255,.14);border-radius:14px;width:min(860px,100% - 24px);padding:10px 12px;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px rgba(0,0,0,.45)}.toast.ok{border-color:rgba(125,255,179,.35)}.toast.bad{border-color:rgba(255,107,107,.35)}.toast-text{color:rgba(255,255,255,.88);font-size:12px;line-height:1.4}.toast-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}@media (max-width:768px){.game-surface{min-height:560px}.zones{height:140px}:root{--zonesH:140px;--overlayTopPad:56px;--overlayBottomPad:14px}.game-shell{padding:18px 8px}.zones{height:var(--zonesH);padding-bottom:env(safe-area-inset-bottom)}.overlay{padding-top:var(--overlayTopPad);padding-left:10px;padding-right:10px;padding-bottom:calc(var(--zonesH) + env(safe-area-inset-bottom) + var(--overlayBottomPad));-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.overlay-card{width:100%;max-width:520px;max-height:calc(100% - var(--overlayTopPad) - var(--zonesH) - env(safe-area-inset-bottom) - var(--overlayBottomPad));overflow:auto}.overlay-actions{flex-wrap:wrap}.btn{justify-content:center;width:100%}}