:root{color:#f8f2e4;font-synthesis:none;--muted:#adbacd;--coral:#ff9a87;--cyan:#79dfdb;--gold:#f6d878;background:#111d32;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:450}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#26354e;border:1px solid #526179;border-radius:14px;min-height:54px;padding:10px 23px;font-weight:700}button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.42;cursor:default;filter:none}button.active,button:active{filter:brightness(1.18);transform:translateY(2px)}[hidden]{display:none!important}#app{flex-direction:column;gap:12px;max-width:1800px;min-height:100dvh;margin:auto;padding:16px 25px 10px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{background:var(--gold);color:#142139;border-radius:17px;place-items:center;width:52px;height:52px;font-size:26px;font-weight:850;display:grid;transform:rotate(-6deg)}.eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:750}h1{letter-spacing:-1px;margin:3px 0 0;font-size:25px}h1 span{letter-spacing:0;color:var(--muted);margin-left:10px;font-size:17px;font-weight:450}.header-actions{align-items:center;gap:10px;display:flex}.header-actions button{min-height:48px;padding:8px 20px;font-size:14px}.mode{color:var(--muted);margin-right:8px;font-size:12px}.exit{background:#513c40;border-color:#a47c74}.mission{justify-content:space-between;align-items:center;gap:15px;padding:4px 0 0;display:flex}.mission-kicker{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:800}h2{letter-spacing:-1.1px;margin:1px 0 3px;font-size:clamp(24px,2.4vw,36px)}.mission p{color:var(--muted);margin:0;font-size:14px}.scoreboard{white-space:nowrap;align-items:center;gap:15px;display:flex}.scoreboard strong{font-size:38px;line-height:1}.scoreboard small{color:var(--muted);margin-left:5px;font-size:12px;font-weight:500}#shots{color:var(--muted);font-size:12px}.tower-progress{gap:5px;display:flex}.tower-progress span{color:#acbbcf;border:1px solid #65758c;border-radius:7px 7px 4px 4px;place-items:center;width:30px;height:35px;font-size:13px;font-weight:750;display:grid}.tower-progress span.hit{background:var(--gold);border-color:var(--gold);color:#1a2941}.arena{background:#182840;border:1px solid #3c4d68;border-radius:24px;flex:1;height:calc(100dvh - 325px);min-height:350px;max-height:900px;position:relative;overflow:hidden;box-shadow:inset 0 0 65px #101c3040}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.arena-label{letter-spacing:1.5px;text-transform:uppercase;color:#acbfd1;pointer-events:none;font-size:10px;position:absolute;top:15px;left:20px}.live-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.piece-readout{pointer-events:none;gap:8px;display:flex;position:absolute;top:12px;right:16px}.piece-chip{background:#152239e6;border:1px solid;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:650}.piece-chip.coral{color:var(--coral)}.piece-chip.cyan{color:var(--cyan)}.piece-chip.waiting{opacity:.6;border-style:dashed}.banner{background:var(--gold);color:#142139;text-align:center;pointer-events:none;border-radius:16px;max-width:75%;padding:12px 25px;font-size:20px;font-weight:800;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0004}.loading{color:#d4dfeb;text-align:center;background:#142139dd;place-items:center;padding:30px;font-size:18px;display:grid;position:absolute;inset:0}.control-deck{align-items:center;gap:20px;display:flex}.main-actions{flex-shrink:0;gap:10px;display:flex}.main-actions button{text-align:left;border:0;align-items:center;gap:14px;min-width:170px;min-height:76px;display:flex}.main-actions b{font-size:21px;display:block}.main-actions small{opacity:.8;margin-top:2px;font-size:11px;font-weight:550;display:block}.button-symbol{font-size:34px;line-height:1}.spin{background:var(--cyan);color:#122e39}.launch{background:var(--coral);color:#3d222a}.feedback{flex:1;min-width:0}.feedback p{margin:0 0 4px;font-size:16px;font-weight:700}.feedback>span{color:var(--muted);font-size:12px}.round-actions{gap:8px;display:flex}.round-actions button{padding:10px 16px;font-size:13px}.desktop-tools{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0;font-size:11px;display:flex}.desktop-tools button{min-height:34px;padding:4px 11px;font-size:11px}.explanation{color:var(--muted);font-size:11px}.explanation summary{cursor:pointer;width:max-content;padding:4px 0}.explanation p{max-width:900px;margin:5px 0 10px;line-height:1.6}body[data-paused=true] .arena{filter:saturate(.5)}@media (min-width:1500px){#app{gap:16px;padding:22px 35px 14px}.topbar{padding-bottom:4px}.arena{height:calc(100dvh - 345px)}.mission p{font-size:16px}.control-deck{gap:30px}.main-actions button{min-width:200px;min-height:86px}.feedback p{font-size:18px}}@media (max-width:1050px){#app{gap:10px;padding:13px 15px 10px}.mode{display:none}.control-deck{flex-wrap:wrap;gap:11px}.feedback{min-width:220px}.main-actions button{min-width:145px;min-height:68px;padding:9px 17px}.main-actions b{font-size:18px}.round-actions{margin-left:auto}.arena{height:calc(100dvh - 340px);min-height:340px}.scoreboard{gap:8px}.scoreboard strong{font-size:30px}.tower-progress span{width:24px;height:29px}.eyebrow{letter-spacing:1px;font-size:8px}}@media (max-width:640px){#app{gap:12px;padding:12px 10px}.brand-icon{border-radius:12px;width:39px;height:39px;font-size:20px}.brand{gap:8px}.eyebrow{letter-spacing:.6px;font-size:6.5px}h1{font-size:20px}h1 span{margin:0;font-size:12px;display:block}.header-actions{gap:5px}.header-actions button{min-height:44px;padding:8px 12px;font-size:12px}.mission{align-items:flex-start}.mission-kicker{font-size:8px}h2{max-width:230px;margin:4px 0 7px;font-size:24px;line-height:1.1}.mission p{max-width:230px;font-size:11px;line-height:1.5}.scoreboard{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:110px}.scoreboard strong{font-size:26px}.scoreboard small{font-size:10px}.tower-progress{order:1}.scoreboard #shots{font-size:10px}.arena{border-radius:18px;flex:none;height:360px;min-height:360px}.arena-label{letter-spacing:.7px;font-size:8px;top:13px;left:12px}.piece-readout{justify-content:center;inset:auto 9px 10px}.piece-chip{padding:5px 8px;font-size:9px}.control-deck{gap:11px}.main-actions{width:100%}.main-actions button{flex:1;justify-content:center;min-width:0;min-height:74px}.feedback{min-width:100%;padding:2px 3px}.feedback p{font-size:14px}.feedback>span{font-size:11px}.round-actions{width:100%}.round-actions button{flex:1;min-height:48px}.banner{max-width:90%;padding:10px 17px;font-size:15px}.desktop-tools span{width:100%;line-height:1.5}}@media (min-width:1200px){#app{grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:265px minmax(0,1fr) auto;align-items:stretch;height:100dvh;min-height:650px;display:grid}.topbar{display:contents}.brand{grid-area:1/1}.brand h1 span{margin:2px 0 0;font-size:14px;display:block}.brand .eyebrow{letter-spacing:.8px;font-size:7px}.brand h1{font-size:24px}.header-actions{grid-area:1/3;justify-content:flex-end}.header-actions .mode{display:none}.mission{grid-area:1/2;gap:14px;min-width:0;padding:0 12px}.mission h2{white-space:nowrap;font-size:25px}.mission p{max-width:340px;font-size:11px}.mission-kicker{font-size:8px}.mission .scoreboard{gap:8px}.mission .scoreboard strong{font-size:28px}.mission .scoreboard small{margin:3px 0 0;font-size:10px;display:block}.mission #shots{display:none}.mission .tower-progress span{width:23px;height:30px}.arena{grid-area:2/1/auto/-1;height:auto;min-height:0;max-height:none}.control-deck{grid-area:3/1/auto/-1}.desktop-tools{grid-area:4/1/auto/-1}.explanation{grid-area:5/1/auto/-1;align-self:end}.explanation[open]{max-height:80px;overflow:auto}}:root{color:#eef6ff;--muted:#adbed6;--coral:#ff8097;--cyan:#55f4ff;--lime:#c4ff62;--violet:#b59aff;--gold:var(--lime);--panel:#121c2e;background:#080c17}body{color:#eef6ff;background:radial-gradient(at 12% 0,#11334966,#0000 48%),radial-gradient(at 90% 95%,#2a19495c,#0000 46%),#080c17}#app,.brand,.mission>div,.scoreboard,.utility-footer{min-width:0}#app{width:100%}button{color:#eff8ff;letter-spacing:.01em;background:linear-gradient(175deg,#2b3a51,#142034 80%);border-color:#526b89;box-shadow:inset 0 1px #f0f7ff1f,0 3px #03060e}button:hover{filter:brightness(1.1);border-color:#92afcb}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button.active,button:active{filter:brightness(1.08);box-shadow:inset 0 2px 5px #0005,0 0 16px #55f4ff2b}button:disabled{opacity:.45;box-shadow:none}.brand-icon{color:#071523;background:linear-gradient(145deg,#b7ffff,var(--cyan) 56%,#22afdb);border:1px solid #a7fbff;border-radius:14px;transform:rotate(-5deg);box-shadow:0 0 22px #55f4ff30,inset 0 1px #fff9}h1{color:#f2f8ff}h1 span{color:#c2cfe0}.eyebrow{color:#a9bad0}.mission-kicker{color:var(--lime)}.mission h2{color:#f4f8ff}.header-actions button{min-height:50px}.exit{color:#ffe4ea;background:linear-gradient(170deg,#52263c,#291b30);border-color:#bd6784;box-shadow:inset 0 1px #ffb6cf26,0 3px #03060e}.tower-legend{flex-wrap:wrap;gap:5px;margin:7px 0 0;padding:0;font-size:10px;font-weight:700;line-height:1.1;list-style:none;display:flex}.tower-legend li{color:#d9e4f6;white-space:nowrap;background:#111b2d;border:1px solid #52617a;border-radius:5px;align-items:center;gap:5px;min-height:19px;padding:3px 7px;display:inline-flex}.tower-legend i{background:currentColor;border:1px solid;border-radius:1px;width:7px;height:9px;display:block}.tower-coral i{color:var(--coral)}.tower-lime i{color:var(--lime)}.tower-violet i{color:var(--violet)}.tower-progress span{color:#e5efff;background:linear-gradient(#233049,#111b2a);border-width:1px 1px 3px;position:relative}.tower-progress span:first-child{border-color:var(--coral)}.tower-progress span:nth-child(2){border-color:var(--lime)}.tower-progress span:nth-child(3){border-color:var(--violet)}.tower-progress span.hit{background:var(--lime);color:#14210b;border-color:#e4ffb0;box-shadow:0 0 14px #c4ff6233}.scoreboard strong{color:var(--lime);text-shadow:0 0 18px #c4ff6222}.arena{background:#0c1524;border-color:#39718a;border-radius:20px;box-shadow:0 0 0 3px #070c15,inset 0 0 0 1px #83f8ff22,0 0 30px #2bbed412}.arena:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #8af7ff55,inset 1px 0 #55f4ff33,inset 0 -1px #b59aff44}.arena-label{border-left:2px solid var(--cyan);color:#c8faff;letter-spacing:1.8px;z-index:1;background:#081321e6;border-radius:0 6px 6px 0;padding:7px 10px;font-weight:750}.live-dot{background:var(--cyan);box-shadow:0 0 9px #55f4ff99}.piece-readout{z-index:1}.piece-chip{background:#091321ed;border-radius:8px;font-weight:750;box-shadow:inset 0 1px #ffffff0b}.piece-chip.coral{box-shadow:0 0 12px #ff809710}.piece-chip.cyan{box-shadow:0 0 12px #55f4ff10}.banner{background:linear-gradient(135deg,#e2ffa5,var(--lime));color:#17200a;z-index:3;border:1px solid #eeffca;box-shadow:0 5px 30px #0008,0 0 30px #c4ff6230}.loading{color:#d9f6ff;z-index:4;background:#0c1425ee}.control-deck{background:linear-gradient(175deg,#26334a,#111a2c 55%,#0b1422);border:1px solid #425673;border-radius:20px;padding:12px;position:relative;box-shadow:inset 0 1px #d9ebff24,0 6px 18px #0004}.control-deck:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#55f4ffbb,#b59aff77,#0000);height:1px;position:absolute;top:-1px;left:20px;right:20px}.main-actions .spin{color:#08202a;background:linear-gradient(160deg,#acffff,var(--cyan) 55%,#35c0e5);border:1px solid #b6ffff;box-shadow:inset 0 2px #ffffff80,0 4px #116175,0 0 20px #55f4ff20}.main-actions .launch{color:#311320;background:linear-gradient(160deg,#ffc0c6,var(--coral) 58%,#e96890);border:1px solid #ffc5d2;box-shadow:inset 0 2px #ffffff70,0 4px #863449,0 0 20px #ff80971f}.main-actions .spin.active{background:linear-gradient(160deg,#e5ffd1,#b7fff6 68%,var(--cyan));box-shadow:inset 0 2px 5px #12607944,0 1px #116175,0 0 28px #55f4ff44}.main-actions small{opacity:1;color:inherit}.button-symbol{text-shadow:0 1px #fff5}.feedback{border-left:2px solid #55f4ff55;padding:6px 12px}.feedback p{color:#eff8ff}.feedback>span{line-height:1.4}.round-actions button{border-color:#687194}.desktop-tools strong{color:var(--lime)}.utility-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;font-size:12px;display:flex}.audio-panel{color:#c9d9ee;background:linear-gradient(175deg,#1b273c,#101827);border:1px solid #42516e;border-radius:12px;width:360px;max-width:100%;box-shadow:inset 0 1px #eff6ff0d}.audio-panel>summary{cursor:pointer;color:#e6f8ff;min-height:44px;padding:10px 13px;font-weight:750;line-height:1.6}.audio-panel>summary>small{color:var(--muted);margin-left:10px;font-size:10px;font-weight:500}.audio-panel[open]{border-color:#688694}.audio-body{padding:0 13px 12px}.audio-sliders{grid-template-columns:1fr 1fr;gap:16px;display:grid}.audio-sliders label{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:0;font-size:12px;font-weight:650;display:grid}.audio-sliders output{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:11px}.audio-sliders input{width:100%;min-width:0;height:42px;accent-color:var(--cyan);cursor:pointer;grid-column:1/-1;margin:0}.audio-sliders label:last-child input{accent-color:var(--coral)}.audio-sliders label:last-child output{color:#ffc1ce}.audio-actions{align-items:center;gap:12px;display:flex}.audio-actions button{white-space:nowrap;color:#c9ffff;border-color:#559b9e;min-height:44px;padding:8px 13px;font-size:12px}.audio-actions button[aria-pressed=false]{color:#b8c5d9;border-color:#526079}.audio-actions p{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.utility-footer .explanation{flex:1;align-self:flex-start;min-width:180px;padding:0 5px}.utility-footer .explanation summary{color:#bacbe1;align-items:center;max-width:100%;min-height:44px;padding:7px 0;font-size:11px;display:flex}.utility-footer .explanation p{color:var(--muted);font-size:11px}@media (min-width:1200px){.utility-footer{grid-area:5/1/auto/-1}.utility-footer .explanation[open]{max-height:175px}.tower-legend{margin-top:5px;font-size:9px}.tower-legend li{min-height:18px;padding:2px 6px}}@media (min-width:1500px){.header-actions button{min-height:54px}.tower-legend{font-size:10px}.tower-legend li{min-height:20px}.control-deck{padding:13px 16px}.audio-panel{width:400px}.audio-sliders label{font-size:13px}.audio-actions button{min-height:48px;font-size:13px}}@media (max-width:1050px){.control-deck{gap:12px;padding:11px}.feedback{padding-left:10px}.tower-legend{font-size:9px}.utility-footer{gap:9px}}@media (max-width:640px){.topbar{flex-wrap:wrap;row-gap:9px}.brand{flex:175px;min-width:0}.header-actions{margin-left:auto}.header-actions button{min-height:46px}.tower-legend{gap:4px;margin-top:7px;font-size:8px}.tower-legend li{min-height:18px;padding:3px 5px}.tower-legend i{width:5px;height:7px}.arena{border-radius:18px}.arena-label{letter-spacing:1px;padding:6px 8px;font-size:8px;top:10px;left:10px}.control-deck{border-radius:17px;padding:11px}.main-actions{gap:9px}.main-actions button{gap:10px;padding:10px 12px}.feedback{border-top:1px solid #47637c;border-left:0;padding:10px 2px 0}.utility-footer{display:block}.audio-panel{width:100%;margin-bottom:6px}.utility-footer .explanation{min-width:0;padding:0 4px}.audio-sliders{gap:14px}.audio-actions p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button.active,button:active{transform:none}}