:root{--ink:#eaf5ff;--muted:#9baecc;--aqua:#57e5db;--bg:#09142b;--panel:#111f39}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1b3158,transparent 55%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC",sans-serif}header{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:15px;border-bottom:1px solid #30405b}a{color:var(--aqua);text-decoration:none}header span{font-size:11px;letter-spacing:2px;color:var(--muted)}button,select,input{font:inherit}button{min-height:46px;border:1px solid #435779;background:#172a48;color:var(--ink);border-radius:12px;padding:10px 18px;cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--aqua)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffcd77;outline-offset:4px}.primary{background:var(--aqua);color:#092f3d;border:0;font-weight:800;box-shadow:0 5px 22px #57e5db20}.primary:hover{background:#9cfaf1}main{max-width:940px;margin:auto;padding:35px 24px}.eyebrow{letter-spacing:3px;font-size:12px;color:var(--aqua)}h1{font-size:clamp(38px,7vw,62px);margin:16px 0 10px;font-weight:900;letter-spacing:-2px}h1 span{color:var(--aqua);margin-left:12px}p{line-height:1.8}.lead{color:#b3c5df}.hero{height:190px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#253d65,transparent 65%);border-radius:28px}.heroShip{position:absolute;font-size:92px;left:44%;top:25px;transform:rotate(-45deg);filter:drop-shadow(0 0 25px #48bdff)}.planet{position:absolute;right:12%;top:15px;font-size:75px;opacity:.7}.orbit{position:absolute;width:80%;height:100px;border:1px solid #385781;border-radius:50%;left:10%;top:60px;transform:rotate(-10deg)}.heroWords{position:absolute;left:8%;bottom:24px;display:flex;gap:10px}.heroWords span{background:#132744d9;padding:7px 12px;border:1px solid #446184;border-radius:10px;font:14px monospace}.setup{display:grid;grid-template-columns:1.4fr 1fr auto;gap:14px;align-items:end;padding:24px;background:#111f39;border:1px solid #2d4263;border-radius:20px}.setup label{font-size:13px;color:#bac9dd}.setup select{display:block;width:100%;margin-top:8px;background:#0c172b;color:white;border:1px solid #405573;border-radius:10px;padding:12px;min-height:46px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:14px;margin-top:12px}.how b{display:block;color:var(--aqua)}.muted{font-size:12px;color:var(--muted)}.hud{display:flex;gap:12px;align-items:center;background:var(--panel);padding:14px 20px;border-radius:16px}.hud div{flex:1}.hud small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.hud b{font-size:22px}.hud #shields{color:#ff9dbe;font-size:19px}.mission{position:relative;text-align:center;padding:18px 10px 12px;min-height:150px}.mission span{font-size:11px;color:var(--aqua);letter-spacing:1px}.mission h2{font-size:26px;margin:7px 0 12px}.mission button{min-height:38px;padding:6px 14px;font-size:13px}.time{height:3px;background:#243653;margin-top:14px}.time i{display:block;height:100%;background:var(--aqua);width:100%}#timerText{display:block;margin-top:4px}#arena{position:relative;height:330px;border:1px solid #385471;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at center bottom,#1b3860,#080f22);outline:none;touch-action:manipulation}canvas{position:absolute;inset:0;width:100%;height:100%}#targets{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 12px;align-items:start;pointer-events:none}.target{position:relative;margin-top:35px;height:95px;min-width:0;pointer-events:auto;background:linear-gradient(145deg,#273757,#17203e);border:2px solid #6176a3;border-radius:24px 24px 15px 15px;box-shadow:0 6px 0 #0b1026,0 0 18px #6685ea20;color:white;font-weight:700;padding:12px 5px;overflow-wrap:anywhere;font-size:clamp(14px,2vw,22px);transform:translateY(var(--fall,0px));transition:border-color .15s}.target:before{content:'◆';display:block;color:#879bcb;font-size:18px;margin-bottom:3px}.target.selected{border-color:var(--aqua);box-shadow:0 0 20px #57e5db40}.target.hit{background:#11605a;border-color:#8effda}.target.miss{background:#733d4a;border-color:#ffa0af}#ship{position:absolute;bottom:15px;width:60px;height:72px;left:50%;transform:translateX(-50%);transition:left .15s}#ship svg{width:100%;height:100%;filter:drop-shadow(0 0 10px #4ce8ef)}#blast{position:absolute;left:50%;bottom:80px;width:5px;height:210px;background:#d5ffff;box-shadow:0 0 15px 7px #3ac9ff;border-radius:50%;display:none}#blast.on{display:block;animation:laser .3s forwards}@keyframes laser{from{opacity:1;transform:scaleY(.2)}to{opacity:0;transform:scaleY(1)}}#status{position:absolute;left:5%;right:5%;top:155px;text-align:center;font-size:18px;font-weight:700;line-height:1.7;pointer-events:none;text-shadow:0 2px 5px #000}.controls{display:flex;gap:12px;justify-content:center;margin:15px 0}.controls #fire{min-width:180px}.wide{display:block;width:100%;margin:15px 0}#checkpoint,#pausePanel,#result{padding:28px;border-radius:20px;border:1px solid #3c5274;background:#12223e;text-align:center;margin-top:20px}#checkpoint input{display:block;width:min(100%,500px);margin:15px auto;padding:15px;border-radius:12px;border:2px solid #7195ae;background:#071426;color:white;font-size:22px}#checkpoint h2{margin:15px 0}#spellStatus{min-height:30px}#spellForm button{margin:4px}#result h2{font-size:30px}#result .big{font-size:52px;color:var(--aqua);font-weight:900}#result .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.reviewWords{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:20px 0}.reviewWords button{font-size:14px}.controlHint{color:var(--muted);font-size:12px}footer{text-align:center;padding:20px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){header{padding:15px;gap:10px}header span{display:none}header button{font-size:12px;padding:8px 12px;min-height:36px}main{padding:24px 14px}.setup{grid-template-columns:1fr;padding:18px}.how{grid-template-columns:1fr;gap:0}.how p{margin:8px 0}.hero{height:160px}.heroShip{font-size:75px}.planet{font-size:55px}.heroWords{left:4%;font-size:11px;gap:5px}.heroWords span{font-size:11px;padding:6px 8px}.hud{padding:12px;gap:6px}.hud b{font-size:18px}.hud #shields{font-size:15px}.hud button{padding:8px 12px}.mission{min-height:145px}.mission h2{font-size:22px}#arena{height:290px}#targets{gap:7px;padding:0 7px}.target{height:95px;border-radius:18px;padding:8px 3px}#ship{width:50px;height:60px}#status{top:155px;font-size:16px}#blast{height:170px;bottom:70px}.controls #fire{min-width:150px}#checkpoint,#pausePanel,#result{padding:22px 14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.bigScore{font-size:56px;color:var(--aqua);font-weight:900}.bigScore small{font-size:14px}.review{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.review small{display:block;color:#bdcde2}.target.dim{opacity:.4}.target:disabled{opacity:1}.target.dim:disabled{opacity:.35}