:root{color:#f6f8ff;font-synthesis:none;--cyan:#59f7ff;--pink:#ff3cac;--red:#ff5364;--green:#55e58a;--lime:#a7ff4f;--panel:#080c1fb8;background:#050611;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:radial-gradient(circle at 18% 0,#59f7ff1f,#0000 30%),radial-gradient(circle at 82% 100%,#ff3cac1a,#0000 34%),#050611;min-width:320px;min-height:480px}button{font:inherit}.app-shell{height:100%;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;display:grid}.topbar,.footer-line{justify-content:space-between;align-items:center;min-height:34px;padding-inline:4px;display:flex}.brand{letter-spacing:.18em;text-shadow:0 0 18px #59f7ff8c;align-items:center;gap:10px;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:clamp(1rem,2.6vw,1.45rem);font-weight:700;display:flex}.brand-mark{border:2px solid var(--cyan);width:18px;height:18px;box-shadow:0 0 14px var(--cyan), inset 0 0 8px #59f7ffa6;transform:rotate(45deg)}.mission{color:#8991b5;letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Roboto Condensed,sans-serif;font-size:clamp(.72rem,1.5vw,.9rem)}.mission strong{color:var(--cyan)}.status-chip{color:#8c95b8;letter-spacing:.16em;align-items:center;gap:7px;font-size:.68rem;display:flex}.status-dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%}.command-deck{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c1fbd;border:1px solid #6d84ff3d;border-radius:15px;grid-template-columns:auto minmax(280px,1fr) auto auto;align-items:center;gap:20px;min-height:88px;padding:12px 16px;display:grid;box-shadow:0 12px 35px #0000003d}.level-readout{border-right:1px solid #96a4e02e;grid-template-columns:auto auto;align-items:end;column-gap:9px;min-width:76px;padding-right:20px;display:grid}.level-readout .eyebrow{grid-column:1/-1}.level-readout>strong{color:var(--cyan);font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:2rem;line-height:.9}.balance-panel{min-width:0}.balance-poles{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:8px;display:flex}.balance-pole{color:#f2f5ff;letter-spacing:.07em;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.circle-pole{justify-content:flex-start}.pole-label{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.pole-label .shape-key{width:10px;height:10px}.balance-zero{color:#fff;font-size:.9rem;font-weight:800}.balance-track{background:linear-gradient(90deg, var(--red) 0%, #25233b 50%, var(--green) 100%);border:1px solid #a0ade633;border-radius:999px;height:12px;position:relative;box-shadow:inset 0 2px 7px #0000009e}.balance-midline,.balance-target-marker,.balance-indicator{position:absolute;top:50%;transform:translate(-50%,-50%)}.balance-midline{background:#ffffff57;width:1px;height:18px;left:50%}.balance-target-marker{background:var(--lime);width:2px;height:22px;box-shadow:0 0 9px var(--lime)}.balance-best-marker{background:var(--lime);width:11px;height:11px;box-shadow:0 0 9px var(--lime);border:2px solid #fff;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.balance-indicator{background:var(--cyan);width:16px;height:16px;box-shadow:0 0 12px var(--cyan);border:3px solid #fff;border-radius:50%;transition:left .12s linear,background .12s linear,box-shadow .12s linear;left:50%}.balance-track[data-direction=circle] .balance-indicator{background:var(--pink);box-shadow:0 0 12px var(--pink)}.balance-track[data-direction=even] .balance-indicator{background:#fff;box-shadow:0 0 10px #fffc}.balance-readouts{height:36px;position:relative}.balance-readout{justify-items:center;gap:2px;min-width:64px;transition:left .12s linear;display:grid;position:absolute;top:4px;transform:translate(-50%)}.balance-readout small{color:#b8c1df;letter-spacing:.08em;white-space:nowrap;font-size:.7rem;font-weight:700}.balance-readout strong{color:#fff;font-size:.9rem;line-height:1}.limit-readout strong{color:var(--lime)}.round-stats{align-items:center;gap:12px;display:flex}.round-stats>div{align-items:center;gap:7px;display:flex}.round-stats .boom-stat{gap:2px;display:grid}.round-stats strong{color:var(--cyan);font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:2rem;line-height:.9}.game-frame{isolation:isolate;background:#070916;border:1px solid #6d84ff52;border-radius:clamp(14px,2vw,24px);min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073,inset 0 0 0 1px #ffffff09,0 0 42px #324bc81f}.game-frame:before{z-index:2;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 55px #000000b8}#game-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.eyebrow{color:#7881a6;letter-spacing:.2em;font-size:.7rem;font-weight:700}.shape-key{border:2px solid;width:11px;height:11px}.square-key{border-color:var(--cyan);box-shadow:0 0 8px var(--cyan)}.circle-key{border-color:var(--pink);box-shadow:0 0 8px var(--pink);border-radius:50%}.controls{gap:7px;display:flex}.controls button{color:#d9e1ff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1fcc;border:1px solid #8c9feb4d;border-radius:11px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 24px #0000004d}.controls button:hover,.controls button:focus-visible{border-color:var(--cyan);color:#fff;outline:none;box-shadow:0 0 16px #59f7ff47}.controls button[aria-pressed=true]{color:var(--pink);border-color:#ff3cac94}.hint{z-index:3;color:#d1dbffb3;letter-spacing:.12em;text-align:center;white-space:nowrap;pointer-events:none;margin:0;font-size:clamp(.55rem,1.35vw,.7rem);transition:opacity .6s;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.hint span{color:var(--pink)}.hint.dismissed{opacity:0}.pause-overlay{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04061394;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.pause-overlay[hidden]{display:none}.pause-overlay strong{letter-spacing:.12em;text-shadow:0 0 32px #59f7ff70;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:clamp(2.8rem,10vw,6.4rem)}#overlay-detail{color:#9ca5c7;font-size:.72rem}.pause-overlay button{border:1px solid var(--lime);color:#071014;background:var(--lime);letter-spacing:.1em;cursor:pointer;border-radius:9px;margin-top:12px;padding:12px 18px;font-weight:800;box-shadow:0 0 24px #a7ff4f61}.pause-overlay button[hidden]{display:none}.footer-line{color:#565f81;letter-spacing:.15em;min-height:20px;font-size:.58rem}@media (max-width:680px){.app-shell{padding:max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));gap:6px}.mission,.footer-line span:last-child{display:none}.command-deck{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;padding:11px}.level-readout{grid-area:1/1;padding-right:10px}.level-readout>strong{font-size:1.55rem}.balance-panel{grid-area:2/1/auto/-1}.balance-poles{min-height:38px}.balance-pole{letter-spacing:.04em;font-size:.68rem}.pole-label{gap:5px}.balance-readout{min-width:58px}.balance-readout small{font-size:.62rem}.controls button{width:38px;height:38px}.controls{grid-area:1/3;justify-self:end}.round-stats{grid-area:1/2;justify-self:center;gap:0}.hint{white-space:normal;text-align:left;max-width:calc(100% - 24px);bottom:14px;left:12px;transform:none}}@media (max-height:560px) and (min-width:681px){.topbar{min-height:26px}.footer-line{display:none}.command-deck{grid-template-columns:auto minmax(220px,1fr) auto auto;min-height:58px;padding-block:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}