:root{color-scheme:dark;--bg:#0a171f;--panel:#11232b;--lime:#c6f875;--text:#eef4e9;--muted:#8da3a5;--line:#ffffff13;--cyan:#61d5d1}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}#app{height:100vh;height:100dvh;min-height:620px;padding:0 max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 25%,#17303280,transparent 65%)}.topbar{flex:none;width:100%;max-width:940px;height:65px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;background:var(--lime);color:#204032;border-radius:12px;width:36px;height:36px;font-size:28px}.brand strong{font-size:13px;letter-spacing:.1em}.edition{color:var(--lime);font-size:10px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.08em}.top-actions{display:flex;gap:5px}.icon-button{height:34px;width:34px;border:1px solid var(--line);background:#14272e;border-radius:10px;font-size:18px;display:grid;place-items:center}.icon-button[aria-pressed=true]{color:var(--lime)}.game-shell{width:100%;max-width:880px;margin:auto;display:grid;grid-template-columns:minmax(0,410px) minmax(240px,300px);justify-content:center;gap:64px;flex:1;min-height:0;padding-top:12px}.game-column{display:flex;flex-direction:column;min-height:0;gap:8px}.mode-options{display:flex;background:#06121b;border:1px solid var(--line);border-radius:11px;padding:3px;gap:3px;flex:none}.mode-options button{border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;flex:1;padding:7px 2px;border-radius:7px;white-space:nowrap}.mode-options button.active{color:#143227;background:var(--lime)}.scoreboard{display:flex;align-items:center;gap:18px;flex:none;min-height:42px;padding:0 3px}.scoreboard>div{display:flex;flex-direction:column;gap:1px}.scoreboard span{font-size:8px;font-weight:750;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.scoreboard i{font:inherit;font-size:7px;color:#b2c3b5;letter-spacing:0}.scoreboard strong{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.scoreboard .main-score{margin-right:auto}.main-score strong{color:var(--lime);font-size:29px}.scoreboard .icon-button{width:29px;height:32px;font-size:21px;margin-left:-12px}.mission{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px 10px;background:#182c30;border:1px solid #c6f8751c;border-radius:9px;overflow:hidden}.mission>div:first-child{display:flex;align-items:center;gap:9px}.mission span{color:var(--lime);font-size:9px;font-weight:750;white-space:nowrap}.mission strong{font-size:11px;font-weight:600}.mission-track{position:absolute;bottom:0;left:0;height:3px;background:#c6f87513;width:100%}.mission-track i{display:block;width:0;height:100%;background:var(--lime);transition:width .25s}.arena-slot{flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;container-type:size}.arena{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;border:1px solid #b3e9cc30;background:radial-gradient(ellipse at 45% 20%,#1a3a40,transparent 70%),linear-gradient(#112a32,#10232d);box-shadow:0 10px 32px #0003,inset 0 0 0 5px #07182060;height:100%;aspect-ratio:2/3;max-width:100%}.arena:after{content:"";pointer-events:none;position:absolute;inset:5px;border:1px solid #80b6a518;border-radius:12px}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.arena-top,.arena-bottom{position:absolute;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:8px;font-weight:750;letter-spacing:.1em;color:#82a2a4}.arena-top{top:13px}.arena-top span:last-child{color:#c6f875aa;font-size:7px}.arena-bottom{bottom:10px;letter-spacing:.01em}.arena-bottom button{pointer-events:auto;border:1px solid #b5d9cc25;border-radius:8px;background:#0a1b25c9;font-size:9px;padding:7px 10px;color:#cae6d2}.aim-hint{pointer-events:none;position:absolute;top:67%;left:5%;width:90%;text-align:center;transition:opacity .18s}.aim-hint b{font-size:12px;display:block;color:#e0efcc}.aim-hint span{display:block;font-size:9px;line-height:1.6;margin-top:6px;color:#9fbbbb}.aim-hint em{display:block;color:var(--lime);font-size:19px;font-style:normal;margin-top:4px}.aim-hint.hidden{opacity:0}.toast{position:absolute;top:40px;left:50%;max-width:94%;width:max-content;transform:translate(-50%,-4px);padding:8px 12px;border:1px solid #c6f87555;background:#0a202aec;border-radius:10px;font-size:10px;text-align:center;font-weight:700;color:var(--lime);opacity:0;transition:opacity .16s,transform .16s;pointer-events:none;z-index:3}.toast.show{opacity:1;transform:translate(-50%,0)}.energy-row{display:flex;align-items:center;gap:8px;font-size:8px;white-space:nowrap;color:var(--muted);flex:none}.energy-row>span:first-child{letter-spacing:.05em}.energy-row b{color:var(--lime);font-variant-numeric:tabular-nums}.energy-track{height:4px;flex:1;min-width:25px;background:#273f42;border-radius:4px;overflow:hidden}.energy-track i{display:block;height:100%;width:100%;background:var(--lime);transition:width .12s}#powerStatus{font-size:8px;color:#a8b9b9}.power-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:none}.power-options button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #91b4ac25;border-radius:10px;background:#172d33;padding:7px 9px;min-height:43px;position:relative}.power-options button>b{font-size:24px;line-height:1;color:var(--lime);width:19px;text-align:center}.power-options button span{font-size:10px;font-weight:700;white-space:nowrap}.power-options small{display:block;font-size:8px;color:var(--muted);font-weight:500;margin-top:2px}.power-options kbd{display:none}.power-options button.active{border-color:var(--lime);background:#2a4435}.power-options button.active small{color:var(--lime)}.ball-picker{flex:none;border-top:1px solid var(--line);padding-top:7px}.picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:6px}.picker-heading>span{font-size:11px;color:#d8eacc;font-weight:700}.quantity-picker{display:flex;align-items:center;gap:7px}.quantity-picker>span{font-size:7px;color:var(--muted);letter-spacing:.05em}#quantityOptions{display:flex;gap:3px}#quantityOptions button{min-width:32px;height:27px;padding:0 6px;font-size:11px;font-weight:750;border:1px solid #ffffff1c;background:#172a31;border-radius:7px}#quantityOptions button.active{color:#162e24;background:var(--lime);border-color:var(--lime)}.ball-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.ball-option{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 1px 5px;border:1px solid var(--line);border-radius:10px;background:#14272e}.ball-option.active{border-color:#c6f87590;background:#284035}.ball-option img{width:23px;height:23px;display:block}.ball-option small{font-size:8px;color:#b5c9c5;white-space:nowrap}.ball-option.active small{color:var(--lime)}.side-panel{align-self:center;padding-bottom:30px}.eyebrow{font-size:8px;font-weight:750;letter-spacing:.14em;color:var(--lime)}.side-panel h2{font-size:40px;line-height:1.08;letter-spacing:-.05em;font-weight:750;margin:16px 0}.side-panel h2 span{color:var(--lime)}.side-panel>p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:25px;max-width:260px}.guide-item{display:flex;gap:14px;margin-bottom:18px}.guide-item>b{font-size:11px;font-weight:500;color:var(--lime);padding-top:1px}.guide-item strong{font-size:12px}.guide-item p{font-size:11px;line-height:1.55;color:var(--muted);margin:5px 0 0}.legend{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:16px;color:#acc2be;font-size:9px}.legend span{display:flex;align-items:center;gap:4px}.legend i{display:block;width:10px;height:10px}.target-dot{border:2px solid var(--cyan);border-radius:50%}.crystal-dot{background:var(--lime);transform:rotate(45deg);width:7px!important;height:7px!important}.star-dot{font-style:normal;color:#ffcb73}.physics-note{border:1px solid #c6f8751b;border-radius:12px;background:#c6f87506;padding:13px;margin-top:22px}.physics-note>span{color:var(--lime);font-size:8px;letter-spacing:.08em}.physics-note p{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 0}.settings-link{border:0;background:none;padding:15px 0;color:#d5e8d0;font-size:11px}.offline-note{display:flex;gap:6px;align-items:center;color:#6b888b;font-size:9px}.offline-note i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.overlay{position:absolute;z-index:5;inset:0;background:#081821ee;display:grid;place-items:center;padding:20px;text-align:center}.overlay-card>span{font-size:9px;color:var(--lime);letter-spacing:.15em;font-weight:750}.overlay h1{font-size:28px;letter-spacing:-.05em;margin:13px 0}.overlay p{color:#a5bdbc;font-size:12px;line-height:1.6;white-space:pre-line}.overlay button{display:block;width:100%;border:0;border-radius:10px;padding:12px;margin-top:15px;background:var(--lime);color:#153425;font-weight:750;font-size:12px}.overlay button.secondary{background:none;border:1px solid var(--line);color:#b2c8c3;margin-top:8px}dialog{width:min(92vw,490px);max-height:88dvh;overflow:auto;color:var(--text);background:#122731;border:1px solid #c6f8754d;border-radius:18px;padding:22px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#040d16cc}.dialog-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.dialog-heading h2{font-size:22px;letter-spacing:-.04em;margin:7px 0 13px}.dialog-heading button{flex:none}dialog p{font-size:12px;color:#b3c7c5;line-height:1.65}dialog p b{color:#e1efd4}.setting{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:12px}.setting small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.setting input{accent-color:var(--lime)}.setting input[type=range]{width:115px}.fine-print{font-size:10px!important;color:#829c9d!important}.urgent{color:#ffbe81!important}
@supports(width:1cqw){.arena{width:min(100cqw,66.6667cqh);height:auto;max-height:100%;flex:none}}
@media(max-width:760px){.topbar{height:52px;max-width:440px}.game-shell{display:flex;max-width:440px;padding-top:7px;gap:0}.game-column{width:100%;gap:6px}.side-panel{display:none}.brand strong{font-size:11px}.edition{font-size:8px}.brand small{font-size:8px}.logo{width:30px;height:30px;font-size:24px;border-radius:9px}.top-actions .icon-button{width:31px;height:31px}.scoreboard{gap:18px;min-height:39px}.scoreboard strong{font-size:21px}.main-score strong{font-size:27px}.mode-options button{padding:6px 2px}.mission{padding-block:6px 9px}.ball-option{padding:5px 1px 4px}.ball-picker{padding-top:5px}.power-options button{padding:5px 8px;gap:6px;min-height:39px}.power-options button>b{font-size:21px}.arena{border-radius:14px}.aim-hint b{font-size:11px}.aim-hint span{font-size:8px}.aim-hint em{font-size:15px;margin-top:1px}.arena-top,.arena-bottom{left:10px;right:10px}}
@media(max-height:730px){.game-column{gap:5px}.topbar{height:47px}.game-shell{padding-top:5px}.mission{padding-block:5px 8px}.mode-options button{padding:5px 2px}.scoreboard{min-height:35px}.main-score strong{font-size:25px}.scoreboard strong{font-size:20px}.ball-option img{width:21px;height:21px}.power-options button{min-height:36px;padding-block:4px}.ball-option{padding-block:4px}.arena-slot{min-height:245px}.side-panel h2{font-size:34px}.guide-item{margin-bottom:13px}.side-panel>p{margin-bottom:20px}.physics-note{margin-top:15px}}
@media(max-width:350px){#app{padding-inline:8px}.edition{display:none}.scoreboard{gap:15px}.power-options button{gap:4px;padding-inline:5px}.power-options button span{font-size:9px}.power-options small{font-size:7px}.power-options button>b{width:16px}.quantity-picker>span{font-size:6px}.arena-top span:last-child{font-size:6px}.mission strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}:fullscreen{background:var(--bg)}

.scene-options{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;flex:none}.scene-options button{border:1px solid var(--line);background:#152830;border-radius:7px;padding:5px 1px;color:#91acac;font-size:9px;white-space:nowrap}.scene-options button.active{border-color:var(--lime);color:var(--lime);background:#c6f8750b}.scene-options button span{margin-right:3px}#app{min-height:650px}
@media(max-height:730px){.scene-options button{padding-block:4px;font-size:8px}.arena-slot{min-height:235px}#app{min-height:610px}}
/* Keep the instructions above the launch point, including shorter phones. */
.arena{container-type:inline-size}.aim-hint{top:62%}.aim-hint em{display:none}
@container(max-width:240px){.aim-hint{top:61%}.aim-hint b{font-size:9px}.aim-hint span{font-size:7px;line-height:1.5;margin-top:4px}.arena-top{font-size:6px}.arena-top span:last-child{font-size:6px}}