:root{color:#edf6ff;font-synthesis:none;--muted:#a7bdcc;--cyan:#69f5f0;--coral:#ff7893;--lime:#c4f75e;--violet:#be94ff;background:#080e18;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 0 0,#10353877,#0000 50%),radial-gradient(at 100% 100%,#2b1a4677,#0000 48%),#080e18;margin:0}button,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:#eef9ff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(170deg,#2b3d4d,#142231);border:1px solid #536e7d;border-radius:12px;min-height:54px;padding:11px 22px;font-weight:750;box-shadow:inset 0 1px #ffffff20,0 3px #02070d}button:hover{filter:brightness(1.12)}button:active,button.active{transform:translateY(2px);box-shadow:inset 0 2px 5px #0004,0 1px #02070d}button:disabled{opacity:.4;cursor:default;filter:none}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}#app{flex-direction:column;gap:12px;min-width:0;max-width:1900px;min-height:100dvh;margin:auto;padding:16px 26px 12px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#082722;letter-spacing:-2px;background:linear-gradient(135deg,#c6ffe0,#65e8d8);border:1px solid #b9ffed;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:23px;font-weight:900;display:grid;box-shadow:0 0 24px #65f7da26}.eyebrow{letter-spacing:1.4px;color:var(--muted);font-size:8px;font-weight:750}h1{letter-spacing:-1px;margin:3px 0 0;font-size:24px;line-height:1.1}h1 span{letter-spacing:-.4px;color:#b6d2d7;margin-left:8px;font-size:18px;font-weight:450}.header-actions{flex:none;align-items:center;gap:9px;display:flex}.header-actions button{min-height:48px;padding:9px 20px;font-size:14px}.mode{color:var(--muted);margin-right:10px;font-size:11px}.header-actions .exit{color:#ffe2ec;background:linear-gradient(170deg,#4c293c,#281c30);border-color:#b46b82}.mission{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.mission-copy{min-width:0}.section-label{letter-spacing:2.2px;color:var(--lime);font-size:9px;font-weight:800}h2{letter-spacing:-1.3px;margin:3px 0 5px;font-size:clamp(25px,2.6vw,38px);line-height:1.12}.mission p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.scoreboard{flex:none;align-items:center;gap:24px;display:flex}.score-main{align-items:center;gap:12px;display:flex}.score-main strong{color:var(--lime);font-variant-numeric:tabular-nums;font-size:36px;line-height:1}.score-main strong small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:550;display:block}.mini-balls{gap:5px;display:flex}.mini-balls i{background:var(--coral);color:#292137;border:2px solid #fff5;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-style:normal;font-weight:850;display:grid;box-shadow:inset -3px -4px #0002}.mini-balls i:nth-child(2){background:var(--lime)}.mini-balls i:nth-child(3){background:var(--violet)}.round-stats{color:var(--muted);border-left:1px solid #496373;gap:5px;min-width:85px;padding-left:19px;font-size:11px;display:grid}.round-stats b{color:#e5eff9;font-variant-numeric:tabular-nums;font-weight:750}.arena{background:#080e18;border:1px solid #436f74;border-radius:22px;flex:1;height:calc(100dvh - 340px);min-height:340px;max-height:1000px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #040a11,inset 0 0 0 1px #a6f7dc20,0 10px 35px #0004}.arena:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #97ffed55,inset 0 -1px #a58af42b}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.arena-label{color:#c7f8eb;letter-spacing:1.9px;pointer-events:none;font-size:9px;font-weight:800;position:absolute;top:15px;left:18px}.arena-label>span{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 10px #69f5f080}.arena-label small{color:#749696;letter-spacing:1px;margin-left:12px;font-size:8px;font-weight:500}.table-caption{text-align:center;letter-spacing:2.7px;color:#67878c;pointer-events:none;font-size:8px;position:absolute;bottom:14px;left:0;right:0}.loading{color:#d5fff4;text-align:center;z-index:3;background:#09121df2;place-items:center;padding:30px;font-size:18px;display:grid;position:absolute;inset:0}.control-deck{background:linear-gradient(175deg,#253b42,#111d2a 60%,#0d1722);border:1px solid #425e6b;border-radius:19px;align-items:center;gap:22px;padding:12px;display:flex;box-shadow:inset 0 1px #c7f6e728,0 5px 16px #0004}.shoot{color:#073137;background:linear-gradient(160deg,#c0ffe3,#6df2de 60%,#48c4cb);border-color:#c1fff0;justify-content:center;align-items:center;gap:14px;min-width:175px;min-height:78px;display:flex;box-shadow:inset 0 2px #ffffff80,0 4px #166768,0 0 24px #69f5f01a}.shoot>span:first-child{font-size:32px;line-height:1}.shoot b{text-align:left;font-size:23px;display:block}.shoot small{margin-top:3px;font-size:10px;font-weight:650;display:block}.power-control{flex:0 250px;min-width:140px;display:block}.power-control>span:first-child{justify-content:space-between;gap:10px;font-size:12px;font-weight:750;display:flex}.power-control output{color:var(--lime);font-variant-numeric:tabular-nums}.power-control input{width:100%;min-width:0;height:36px;accent-color:var(--lime);cursor:pointer;margin:0;display:block}.power-scale{color:#8fa8b6;letter-spacing:1px;justify-content:space-between;font-size:9px;display:flex}.power-scale small{font-size:8px}.feedback{border-left:1px solid #5d928055;flex:1;min-width:0;padding-left:20px}.feedback p{color:#e5f9f3;margin:0 0 4px;font-size:15px;font-weight:750;line-height:1.4}.feedback>span{color:var(--muted);font-size:11px;line-height:1.45;display:block}.feedback .piece-status{color:#8de6d8;margin-top:4px;font-size:10px}.reset{white-space:nowrap;flex:none;font-size:13px}.utility-footer{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;font-size:11px;display:flex}.audio-panel{color:#c5d7e5;background:linear-gradient(170deg,#1a2b39,#101b28);border:1px solid #3e5668;border-radius:11px;flex:none;width:350px;max-width:100%}.audio-panel summary{color:#d9f7ef;cursor:pointer;min-height:42px;padding:10px 13px;font-weight:750}.audio-panel summary small{color:var(--muted);margin-left:10px;font-size:10px;font-weight:450}.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;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:38px;accent-color:var(--cyan);cursor:pointer;grid-column:1/-1;margin:0}.audio-sliders label:last-child output{color:#ffb7c7}.audio-sliders label:last-child input{accent-color:var(--coral)}.audio-actions{align-items:center;gap:12px;display:flex}.audio-actions button{color:#caffed;white-space:nowrap;border-color:#639d96;min-height:44px;padding:8px 12px;font-size:12px}.audio-actions button[aria-pressed=false]{color:#aabccd;border-color:#53687c}.audio-actions p{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.explanation{color:var(--muted);min-width:0;max-width:640px}.explanation summary{cursor:pointer;color:#adc6cf;min-height:42px;padding:11px 0;line-height:1.6}.explanation p{margin:2px 0 8px;line-height:1.6}body[data-paused=true] .arena{filter:saturate(.6)}@media (min-width:1200px){#app{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:300px minmax(0,1fr) auto;gap:14px;height:100dvh;min-height:660px;display:grid}.topbar{display:contents}.brand{grid-area:1/1}.brand h1{font-size:23px}.brand h1 span{margin:3px 0 0;font-size:14px;display:block}.brand .eyebrow{letter-spacing:1px;font-size:7px}.header-actions{grid-area:1/3;justify-content:flex-end}.header-actions .mode{display:none}.mission{grid-area:1/2;gap:15px;padding:0 15px}.mission h2{white-space:nowrap;font-size:25px}.mission p{max-width:330px;font-size:11px}.section-label{font-size:8px}.scoreboard{gap:12px}.score-main{gap:9px}.score-main strong{font-size:28px}.mini-balls i{width:22px;height:22px;font-size:9px}.mini-balls{gap:3px}.round-stats{min-width:70px;padding-left:11px;font-size:10px}.arena{grid-area:2/1/auto/-1;height:auto;min-height:0;max-height:none}.control-deck{grid-area:3/1/auto/-1}.utility-footer{grid-area:4/1/auto/-1}.explanation[open]{max-height:125px;overflow:auto}}@media (min-width:1600px){#app{grid-template-columns:330px minmax(0,1fr) auto;gap:16px;padding:22px 34px 14px}.mission h2{font-size:30px}.mission p{font-size:13px}.control-deck{gap:28px;padding:14px 17px}.shoot{min-width:200px;min-height:86px}.shoot b{font-size:25px}.shoot small{font-size:11px}.power-control{flex-basis:300px}.power-control>span:first-child{font-size:14px}.power-control input{height:42px}.feedback p{font-size:18px}.feedback>span{font-size:13px}.feedback .piece-status{font-size:11px}.header-actions button,.reset{min-height:58px;font-size:16px}.arena-label{font-size:11px;top:18px;left:22px}.audio-panel{width:390px}}@media (max-width:1050px){#app{gap:11px;padding:13px 15px 10px}.mode{display:none}.scoreboard{gap:14px}.round-stats{padding-left:12px}.control-deck{flex-wrap:wrap;gap:13px}.power-control{flex:1;min-width:180px}.shoot{min-width:150px;min-height:70px}.feedback{border:0;flex-basis:calc(100% - 145px);padding-left:4px}.reset{margin-left:auto}.arena{height:calc(100dvh - 370px);min-height:330px}.mission p{font-size:12px}}@media (max-width:640px){#app{gap:12px;padding:12px 10px}.topbar{flex-wrap:wrap;align-items:center;gap:9px}.brand{flex:190px;gap:8px}.brand-mark{width:37px;height:37px;font-size:18px}.eyebrow{letter-spacing:.65px;font-size:6px}h1{font-size:21px}h1 span{margin-left:4px;font-size:14px}.header-actions{gap:6px;margin-left:auto}.header-actions button{min-height:45px;padding:8px 12px;font-size:12px}.mission{align-items:flex-start;gap:10px}.section-label{letter-spacing:1.5px;font-size:7px}.mission h2{max-width:230px;margin:4px 0 7px;font-size:25px;line-height:1.08}.mission p{max-width:225px;font-size:11px}.scoreboard{max-width:110px;padding-top:3px;display:block}.score-main{text-align:right;display:block}.mini-balls{justify-content:flex-end;margin-bottom:6px}.mini-balls i{width:20px;height:20px;font-size:9px}.score-main strong{font-size:27px}.score-main strong small{font-size:9px}.round-stats{white-space:nowrap;border:0;justify-content:flex-end;gap:7px;padding:7px 0 0;font-size:8px;display:flex}.arena{border-radius:17px;flex:none;height:340px;min-height:340px}.arena-label{letter-spacing:1.3px;font-size:7px;top:12px;left:12px}.arena-label small{margin-left:8px;font-size:6px}.table-caption{letter-spacing:1.8px;font-size:6px;bottom:12px}.control-deck{border-radius:16px;gap:12px;padding:11px}.shoot{flex:0 42%;gap:9px;min-width:125px;min-height:72px;padding:10px 13px}.shoot b{font-size:22px}.shoot small{font-size:8px}.shoot>span:first-child{font-size:27px}.power-control{flex:1;min-width:0}.power-control>span:first-child{font-size:11px}.power-control input{height:42px}.power-scale small{font-size:7px}.feedback{border-top:1px solid #405c66;flex-basis:100%;padding:10px 2px 0}.feedback p{font-size:14px}.feedback>span{font-size:11px}.feedback .piece-status{font-size:10px}.reset{width:100%;min-height:48px}.utility-footer{display:block}.audio-panel{width:100%;margin-bottom:5px}.explanation{padding:0 4px}.explanation summary{font-size:11px}.audio-sliders{gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active,button.active{transform:none}}.lobby-setup{flex:none;min-width:0}.setup-hint{color:#91aab9;margin:6px 0 0;font-size:9px;line-height:1.4}.match-deck{background:linear-gradient(175deg,#192d35,#0d1b29);border:1px solid #36545d;border-radius:13px;align-items:center;gap:22px;min-width:0;padding:10px 13px;display:flex}.lobby-controls{flex:none;align-items:end;gap:10px;display:flex}.lobby-controls label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);gap:4px;min-width:0;font-size:8px;font-weight:750;display:grid}.lobby-controls select{color:#edf9f6;width:205px;max-width:100%;min-height:44px;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;touch-action:manipulation;background:#0d202b;border:1px solid #5e7b82;border-radius:8px;padding:8px 31px 8px 11px;font-size:12px;font-weight:650}.lobby-controls select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.lobby-controls select:disabled{opacity:.5}.lobby-controls #players{width:135px}.lobby-controls button{color:#e0ffb3;white-space:nowrap;border-color:#7c9d75;min-height:44px;padding:8px 17px;font-size:12px}.match-state{border-left:1px solid #395f63;flex:1;min-width:0;padding-left:19px}.match-labels{flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:12px;line-height:1.4;display:flex}.match-labels strong{color:var(--lime);font-weight:800}.match-labels>span{color:#def7ed}.match-state p{color:var(--muted);max-width:850px;margin:4px 0 0;font-size:10px;line-height:1.45}@media (min-width:1200px){#app{grid-template-rows:auto auto minmax(0,1fr) auto auto}.match-deck{grid-area:2/1/auto/-1}.arena{grid-row:3}.control-deck{grid-row:4}.utility-footer{grid-row:5}}@media (min-width:1600px){.match-deck{gap:28px;padding:11px 16px}.lobby-controls label{font-size:9px}.lobby-controls select{width:240px;min-height:50px;font-size:15px}.lobby-controls #players{width:160px}.lobby-controls button{min-height:50px;padding:9px 22px;font-size:15px}.match-labels{font-size:16px}.match-state p{font-size:12px}}@media (max-width:1050px){.match-deck{flex-wrap:wrap;align-items:flex-start;gap:12px}.lobby-setup,.lobby-controls,.lobby-controls label:first-child{flex:1}.lobby-controls select{width:100%}.lobby-controls #players{width:135px}.match-state{border-top:1px solid #395f63;border-left:0;flex-basis:100%;padding:9px 0 0}.arena{height:calc(100dvh - 490px)}}@media (max-width:640px){.match-deck{gap:10px;padding:11px}.lobby-setup{width:100%}.lobby-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9px;width:100%;min-width:0;display:grid}.lobby-controls select,.lobby-controls #players{width:100%;min-width:0;min-height:45px;padding-left:9px;padding-right:22px;font-size:12px}.lobby-controls button{grid-column:1/-1;min-height:45px}.match-labels{gap:4px 12px;font-size:12px}.match-state p{font-size:10px}.round-stats{flex-wrap:wrap}.arena{height:340px}}