:root{font-family:"Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;color:#edfaff;background:#061426;color-scheme:dark;--cyan:#8aeeff;--muted:#a1bfd0;--gold:#ffcf7f}*{box-sizing:border-box}body{margin:0;background:#071525 url('assets/space/cockpit.png') center/cover fixed;min-height:100dvh}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#02132388,#02132322);pointer-events:none}button,select{font:inherit}button{cursor:pointer;color:inherit;background:#0e2b42;border:1px solid #69c8e570;padding:12px 20px;border-radius:9px;font-weight:700;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.2)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:#b0d6e5;text-decoration:none}[hidden]{display:none!important}button,select{ -webkit-tap-highlight-color:transparent}.setup{position:relative;max-width:1420px;margin:auto;padding:30px 5%}.setup nav{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.setup nav a{letter-spacing:0}.setup-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;min-height:calc(100dvh - 120px)}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan)}h1{font-size:clamp(46px,5vw,80px);font-style:italic;letter-spacing:5px;line-height:1.05;color:#ffdc89;text-shadow:0 4px 0 #6a543855,0 0 40px #fcd76830;margin:25px 0}h1 span{display:block;color:#dcf8ff;margin-left:55px}.intro-copy{font-size:25px;line-height:1.7;font-weight:600;letter-spacing:2px}.intro-line{width:65px;height:3px;background:var(--cyan);margin:28px 0}.howto{font-size:14px;line-height:2.8;color:#b8cfd9}.howto b{color:var(--cyan);font-size:11px;letter-spacing:1px;margin-right:15px}.local-label{font-size:12px;color:#c5e8f4}.mission-panel{padding:30px;background:linear-gradient(140deg,#102c43ef,#051224ed);border:1px solid #659cb477;box-shadow:0 22px 90px #0007,inset 0 1px 0 #a9e8ff22;border-radius:20px;backdrop-filter:blur(15px)}.panel-heading span{color:#7aabc0;letter-spacing:2px;font-size:10px}.panel-heading h2{font-size:25px;margin:8px 0 24px}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-size:13px;color:#d4ecf6;margin-bottom:12px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.course-grid button{text-align:left;padding:11px 12px;background:#102739;border-color:#345368;font-size:14px}.course-grid small{display:block;font-size:10px;color:#8ea9ba;margin-top:4px;letter-spacing:1px}.course-grid button[aria-pressed=true]{border-color:#9aeaf7;background:linear-gradient(120deg,#1c6177,#18394f);box-shadow:inset 0 0 15px #55d3ed18}.course-grid button[aria-pressed=true] small{color:#b6f7ff}.settings{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:12px}.settings label{font-size:12px;color:#b8cfdc}.settings select{margin-top:8px;display:block;width:100%;border:1px solid #335166;background:#081d30;color:#e8f7ff;border-radius:7px;padding:11px 6px;font-size:12px}.route-hint{font-size:11px;color:#a3bdcc;line-height:1.8;min-height:40px}.launch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #41607166;padding-top:20px}.launch{border-color:#ffe1a2;color:#352615;background:linear-gradient(135deg,#ffe4a6,#f3ad4c);box-shadow:0 4px 0 #82522d;font-size:17px}.launch span{margin-left:20px}#loadStatus{font-size:11px;max-width:200px;color:#8fe1d0}body[data-view=game]{background-size:100% 100%;background-attachment:fixed}body[data-view=game]:before{background:linear-gradient(#02102044,transparent 50%,#02122244)}#game{position:relative;height:100dvh;min-height:740px;display:flex;flex-direction:column}.hud{height:88px;flex-shrink:0;margin:0 4%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #77d8ec44;background:linear-gradient(#031426cc,#06152633);padding:10px 20px}.brand{font-size:31px;font-style:italic;font-weight:950;letter-spacing:2px;color:var(--gold)}.brand span{color:#d5f6ff}.brand small{display:block;font-size:8px;font-style:normal;color:#a0d8e9;letter-spacing:3px;margin-top:2px}.mission-badge{border-left:1px solid #7ab4c355;padding-left:25px}.mission-badge span{display:block;font-size:15px;font-weight:800}.mission-badge small{font-size:11px;color:var(--cyan)}.metrics{margin-left:auto;display:flex;gap:35px}.metrics small{display:block;color:#a8c7d3;font-size:10px;letter-spacing:1px}.metrics b{font-size:28px;font-variant-numeric:tabular-nums}.metrics>div:first-child b{color:#fce5b8}.icon-btn{border-radius:50%;height:43px;width:43px;padding:0}.window{position:relative;flex:1;min-height:280px;margin:0 7%}.sector-line{position:absolute;top:15px;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#aecbd7}.sector-line span:first-child{color:#a5efff}#arena,#effects{position:absolute;inset:35px 0 20px}#effects{pointer-events:none;overflow:hidden;z-index:5}.asteroid{position:absolute;padding:0;border:0;background:none;width:clamp(130px,16vw,255px);aspect-ratio:1;left:var(--x);top:var(--y);transform:translate(-50%,-50%) scale(var(--scale,1));transition:filter .2s;filter:drop-shadow(0 12px 10px #0007);z-index:1;touch-action:manipulation}.asteroid:active:not(:disabled){transform:translate(-50%,-50%) scale(var(--scale,1))}.rock-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.word-art{position:absolute;left:22%;top:21%;width:56%;height:56%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009);pointer-events:none}.target-reticle{position:absolute;inset:-6%;border:1px solid #badcf855;border-radius:50%;transition:.2s;pointer-events:none}.asteroid.selected{z-index:2;filter:drop-shadow(0 0 13px #42e5f577)}.asteroid.selected .target-reticle{border:2px solid #82f1ff;box-shadow:0 0 0 6px #66dbef11,0 0 24px #4ff1ff40}.target-reticle:before,.target-reticle:after{content:'';position:absolute;left:47%;top:-6px;width:6%;height:12px;background:#9af4ff;opacity:0}.target-reticle:after{top:auto;bottom:-6px}.selected .target-reticle:before,.selected .target-reticle:after{opacity:1}.target-tag{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;white-space:nowrap;color:#c9eaf7;background:#071e37bb;padding:4px 10px;border-radius:4px}.selected .target-tag{color:#91f6ff}.approach{position:absolute;bottom:-36px;left:16%;width:68%;height:3px;border-radius:3px;background:#294158;overflow:hidden}.approach i{display:block;height:100%;background:#79e4f3}.danger .approach i{background:#ffa967}.danger .target-tag{color:#ffc781}#message{position:absolute;bottom:3px;left:0;width:100%;min-height:25px;text-align:center;color:#ffdf99;font-size:17px;font-weight:bold;text-shadow:0 2px 6px #000}.deck{height:37vh;min-height:290px;max-height:425px;position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) 180px;align-items:center;gap:18px;margin:0 6%;padding-top:15px}.left-console{padding-left:10px}.mini-label{font-size:9px;letter-spacing:2px;color:#a1c4d4}.target-label{font-size:24px;color:#b6f4ff;margin:8px 0;font-weight:800}.left-console p{font-size:11px;color:#99b9cd;line-height:1.8}.pulse{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px;background:linear-gradient(140deg,#143d59cc,#0b2139ee);border:1px solid #75b5d477}.pulse-icon{font-size:33px;color:#a2eaff}.pulse small{display:block;font-size:9px;color:#acd4e4;margin-top:4px}.pulse:disabled{opacity:.6}.dial-console{align-self:stretch;position:relative;min-width:0;display:flex;align-items:end;justify-content:center}.dial-top{position:absolute;top:0;left:0;right:0;text-align:center;color:#a4cfdf;font-size:8px;letter-spacing:3px}.dial-top b{display:inline-block;margin-left:15px;color:#c9f7ff;letter-spacing:1px}#dial{width:100%;height:100%;max-height:350px;overflow:visible;touch-action:none;user-select:none}.dial-body{fill:url(#arcFill);stroke:#65d4e477;stroke-width:1.3}.inner-body{stroke:#d8b67477;fill:#0c2842dc}.arc-line{fill:none;stroke:#8cefff;stroke-width:2;filter:drop-shadow(0 0 4px #43cbff)}.dial-key{cursor:pointer;outline:none;transition:transform .22s ease}.dial-key circle{fill:#12364d;stroke:#719db766;stroke-width:1}.dial-key text{fill:#dcf7ff;font-size:23px;font-weight:700;dominant-baseline:central;text-anchor:middle;pointer-events:none}.dial-key.lower circle{fill:#233a48;stroke:#b1a28566}.dial-key.lower text{fill:#ffe2a9}.dial-key:hover circle,.dial-key:focus circle{stroke:#fff;stroke-width:3;fill:#256176}.dial-key.active circle{fill:#9ceeff;stroke:#d5ffff;stroke-width:2;filter:drop-shadow(0 0 9px #51d5ef77)}.dial-key.active text{fill:#08243c}.dial-key.lower.active circle{fill:#ffdb92;stroke:#fff1c5}.dial-key.lower.active text{fill:#553d20}.pointer{fill:#a5f7ff;filter:drop-shadow(0 0 6px #57f3ff)}.axis{stroke:#8af5ff66;stroke-dasharray:3 5;pointer-events:none}.answer-console{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:linear-gradient(#0c2743ee,#071831ee);border:1px solid #719ebd77;border-radius:14px;padding:8px 10px;box-shadow:0 0 30px #42b9e514}.answer-control label{display:block;text-align:center;font-size:10px;color:#a1cfdf}.answer-control>div{display:flex;align-items:center}.answer-control button{padding:0 9px;border:0;background:transparent;font-size:26px;font-weight:400}.answer-control output{font-size:32px;width:35px;text-align:center;font-weight:800;color:#b5f3ff}.answer-control:last-child output{color:#ffdc9a}.link-symbol{color:#6c96ac}.fire-console{text-align:center}.fire-ring{padding:10px;border:1px solid #dfa66f99;border-radius:50%;box-shadow:0 0 0 5px #081c31,0 0 0 6px #59718d;display:inline-block;background:#16324b}.fire-ring button{height:125px;width:125px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffe7a5,#f8ad4a 55%,#dd7131);border:3px solid #ffe5b0;color:#4a2f13;font-size:29px;box-shadow:inset 0 0 0 5px #fff2c329,0 0 25px #f8b95244;text-shadow:0 1px 0 #fff5bf}.fire-ring small{display:block;font-size:8px;letter-spacing:3px;margin-top:5px}.fire-console>span{display:block;font-size:9px;letter-spacing:2px;color:#a8c1d5;margin-top:16px}.game-footer{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin:0 6%;font-size:10px;color:#8ca9bc}.game-footer button{font-size:10px;padding:6px 10px;border-color:#476277;background:#0b2136aa;margin-left:5px}dialog{width:min(520px,90vw);padding:35px;border:1px solid #85d7ea;border-radius:20px;background:linear-gradient(135deg,#14334d,#051429);color:#e2f7ff;text-align:center;box-shadow:0 0 80px #2de0fd22}dialog::backdrop{background:#010a17cc;backdrop-filter:blur(7px)}dialog h2{font-size:29px}dialog button{margin:5px}#report{color:#bad3e3;line-height:1.8;margin:20px 0;max-height:38vh;overflow:auto}#report strong{font-size:45px;color:#ffdb90}.fragment{position:absolute;width:9px;height:7px;background:#b8cddd;clip-path:polygon(0 20%,80% 0,100% 80%,20% 100%);animation:fragment .8s ease-out forwards;box-shadow:0 0 9px #ffe0a3}.fragment:nth-child(3n){background:#ffd686;width:4px;height:4px}.impact-ring{position:absolute;width:20px;height:20px;border:3px solid #ffdf99;border-radius:50%;animation:burst .6s ease-out forwards;box-shadow:0 0 30px #ffbb41}.laser{position:absolute;bottom:0;left:50%;width:3px;transform-origin:bottom center;background:#f2ffff;box-shadow:0 0 10px 3px #62dfff;animation:beam .3s forwards}.pulse-wave{position:absolute;inset:0;border:4px solid #89f7ff;border-radius:50%;animation:wave .7s ease-out forwards}.miss-flash{animation:miss .4s}.wrong-flash{animation:wrong .4s}@keyframes fragment{to{transform:translate(var(--dx),var(--dy)) rotate(var(--turn));opacity:0}}@keyframes burst{to{transform:translate(-50%,-50%) scale(9);opacity:0}}@keyframes beam{0%,100%{opacity:0}15%,65%{opacity:1}}@keyframes wave{from{transform:scale(.1);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes miss{50%{box-shadow:inset 0 0 70px #d9823c55}}@keyframes wrong{50%{filter:drop-shadow(0 0 20px #eaa647)}}@media(min-width:1600px){.deck{grid-template-columns:230px 1fr 220px;margin-inline:9%}#dial{max-height:410px}.answer-console{bottom:7%;padding:14px 20px}}@media(max-width:1050px){.setup-layout{gap:25px;grid-template-columns:.6fr 1fr}.mission-panel{padding:22px}.deck{margin:0 4%;grid-template-columns:150px 1fr 140px;gap:5px}.fire-ring button{width:100px;height:100px;font-size:26px}.answer-console{padding:5px;bottom:7%}.answer-control output{font-size:27px;width:27px}.answer-control button{padding:0 6px}.hud{gap:18px}.metrics{gap:20px}.target-label{font-size:20px}.left-console{padding:0}.asteroid{width:190px}}@media(max-width:720px){.setup{padding:20px}.setup-layout{display:block}.intro{padding:25px 0}.intro h1{font-size:45px;margin:10px 0}.intro h1 span{display:inline;margin-left:0}.intro-copy,.intro-line,.howto,.local-label{display:none}.setup nav span{display:none}.mission-panel{padding:20px}.settings{gap:7px}.settings select{font-size:11px}.launch-row{align-items:stretch;flex-direction:column}#loadStatus{max-width:none}.hud{height:78px;margin:0 3%;padding:10px 5px;gap:12px}.brand{font-size:21px;letter-spacing:0}.brand small{font-size:6px;letter-spacing:1px}.mission-badge{padding-left:10px}.mission-badge span{font-size:12px}.metrics{gap:14px}.metrics b{font-size:21px}.metrics small{font-size:8px}.miss-metric{display:none}.icon-btn{width:32px;height:32px}#game{min-height:840px;height:100dvh}body[data-view=game]{background-size:auto 100%;background-position:center}.window{margin:0 5%;min-height:330px;flex:1}.sector-line{font-size:9px;letter-spacing:0;top:8px}.asteroid{width:140px}.target-tag{font-size:8px;letter-spacing:.5px}.deck{height:370px;min-height:370px;display:grid;grid-template-columns:1fr 1fr;align-items:end;margin:0 5%;padding-top:230px}.dial-console{position:absolute;top:0;left:0;right:0;height:235px}.dial-top{top:0;font-size:7px}#dial{height:230px}.answer-console{bottom:5px;padding:3px 8px}.answer-control output{font-size:25px}.answer-control button{padding:0 8px}.left-console{align-self:end;width:170px;padding-bottom:10px}.mini-label,.left-console p{display:none}.target-label{font-size:15px;margin:0 0 8px}.pulse{padding:7px 10px}.pulse-icon{font-size:25px}.fire-console{align-self:end;justify-self:end;margin-bottom:10px}.fire-ring{padding:6px}.fire-ring button{width:95px;height:95px;font-size:25px}.fire-console>span{display:none}.game-footer{margin:0 5%;height:45px;font-size:9px}.game-footer>span{max-width:48%}#message{font-size:13px;bottom:0}.settings label{font-size:11px}.course-grid{gap:6px}.course-grid button{font-size:12px;padding:10px}.mission-panel h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Reference-matched cockpit: bright beveled HUD and physical console. */
body[data-view=game]:before{background:none}.hud{background:none;border:0;margin:0 2%;height:105px;gap:20px;padding:5px 0}.brand{width:295px;height:100px;background:url('assets/space/title.png') left center/contain no-repeat;font-size:0;flex-shrink:0}.brand span,.brand small{display:none}.mission-badge{background:linear-gradient(160deg,#164c82,#09224d);border:2px solid #57d6ff;border-radius:14px;padding:9px 28px;box-shadow:inset 0 0 9px #67d9ff66,0 0 12px #2ebbf588;text-align:center;min-width:130px}.mission-badge span{font-size:23px}.mission-badge small{font-size:12px}.metrics{gap:12px}.metrics>div{padding:8px 20px;min-width:100px;text-align:center;border:1px solid #68caed;background:linear-gradient(140deg,#164b7bdc,#061938ed);border-radius:14px;box-shadow:inset 0 2px 3px #91e6ff55}.metrics small{font-size:11px;color:#c2e9f8}.metrics b{font-size:30px}.icon-btn{border:3px solid #8cedff;box-shadow:0 0 15px #2adcff66;width:52px;height:52px;font-size:25px;background:#08234be6}.window{margin:0 9%;min-height:260px}.sector-line{top:4px;text-shadow:0 2px 4px #06214b}.deck{height:38vh;max-height:none;min-height:300px;margin:0 3%;grid-template-columns:220px minmax(0,1fr) 220px;padding-top:6px;gap:14px}.left-console{padding:14px 20px;background:linear-gradient(135deg,#123a67ec,#0b204bea);border:2px solid #578abc;border-radius:15px;box-shadow:inset 0 2px 0 #8bbbe777,0 6px 0 #081a33}.target-label{font-size:23px}.pulse{border:2px solid #8adfff;border-radius:12px;box-shadow:inset 0 0 14px #32baf550,0 3px 0 #031629;background:linear-gradient(145deg,#174979,#081b3b)}.pulse-icon{font-size:38px;color:#b7f8ff;text-shadow:0 0 12px #30d9ff}.dial-console{filter:drop-shadow(0 6px 3px #05163299)}.dial-top{top:-4px;font-size:9px;background:#09244de6;border:1px solid #528dc1;border-radius:8px;padding:4px;width:max-content;margin:auto;left:50%;right:auto;transform:translateX(-50%)}.dial-body{stroke:#80bbdc;stroke-width:4}.inner-body{fill:#153555ee;stroke:#72a9cc}.dial-key circle{fill:#214f7c;stroke:#91bbdd;stroke-width:2}.dial-key text{fill:white;font-size:25px;text-shadow:0 1px 2px #06172a}.dial-key.lower circle{fill:#284977;stroke:#b4a9ce}.dial-key.lower text{fill:#ffe7b7}.dial-key.active circle{fill:#a8efff;stroke:white;stroke-width:4}.dial-key.lower.active circle{fill:#ffe09c;stroke:#fff1cf}.answer-console{background:linear-gradient(#244d7f,#11294d);border:2px solid #83bade;border-radius:14px;bottom:2%;box-shadow:0 5px 0 #05132b,inset 0 2px 0 #9abedf66}.answer-control output{background:#c9ecff;border-radius:4px;color:#08224b;width:42px}.answer-control:last-child output{background:#ffe3ae;color:#513c27}.answer-control label{font-size:12px;margin-bottom:4px}.fire-ring{border:0;box-shadow:none;background:none;padding:0;width:220px;height:220px}.fire-ring button{background:transparent url('assets/space/fire-button.png') center/contain no-repeat;border:0;box-shadow:none;width:100%;height:100%;font-size:0;color:transparent;text-shadow:none;border-radius:50%}.fire-ring small{display:none}.fire-console>span{margin-top:0;color:#d4ebfa;font-weight:bold;text-shadow:0 2px 2px #05203e}.asteroid{width:clamp(165px,17vw,290px)}.target-reticle{border:0;border-radius:0;box-shadow:none!important;inset:-3%;background:linear-gradient(#82f6ff,#82f6ff) left top/28px 5px no-repeat,linear-gradient(#82f6ff,#82f6ff) left top/5px 28px no-repeat,linear-gradient(#82f6ff,#82f6ff) right top/28px 5px no-repeat,linear-gradient(#82f6ff,#82f6ff) right top/5px 28px no-repeat,linear-gradient(#82f6ff,#82f6ff) left bottom/28px 5px no-repeat,linear-gradient(#82f6ff,#82f6ff) left bottom/5px 28px no-repeat,linear-gradient(#82f6ff,#82f6ff) right bottom/28px 5px no-repeat,linear-gradient(#82f6ff,#82f6ff) right bottom/5px 28px no-repeat;opacity:0}.asteroid.selected .target-reticle{border:0;opacity:1;filter:drop-shadow(0 0 7px #30ddff)}.target-reticle:before,.target-reticle:after{display:none}.target-tag{font-size:12px;background:#09345de8;border:1px solid #55cff4;border-radius:7px;bottom:-29px;padding:4px 13px}.word-art{left:20%;top:19%;width:60%;height:60%}.game-footer{margin:0 3%;height:36px;color:#c4e1f4;text-shadow:0 2px 3px #021327}.game-footer button{background:#103355dd;border-color:#7ca2c4}.approach{height:5px;bottom:-39px}.intro h1{height:140px;background:url('assets/space/title.png') left center/contain no-repeat;font-size:0;margin:20px 0}.intro h1 span{display:none}@media(max-width:1100px){.brand{width:235px;height:85px}.hud{gap:12px}.mission-badge{padding:8px 16px;min-width:100px}.metrics>div{padding:8px 12px;min-width:78px}.deck{grid-template-columns:180px 1fr 180px;gap:8px}.left-console{padding:10px}.fire-ring{width:175px;height:175px}.asteroid{width:200px}.answer-console{padding:6px}.dial-top{font-size:7px}.answer-control output{width:32px}}@media(max-width:720px){.brand{width:130px;height:60px}.hud{height:88px;margin:0 3%;gap:8px}.mission-badge{min-width:62px;padding:7px}.mission-badge span{font-size:14px}.mission-badge small{font-size:9px}.metrics{gap:6px}.metrics>div{min-width:50px;padding:7px}.metrics b{font-size:20px}.metrics small{font-size:8px}.icon-btn{width:33px;height:33px;font-size:17px;flex-shrink:0}.window{margin:0 4%}.asteroid{width:135px}.target-tag{font-size:9px;padding:3px 7px}.deck{height:375px;min-height:375px;padding-top:230px;grid-template-columns:1fr 1fr;margin:0 4%;gap:10px}.left-console{width:172px;padding:8px 10px}.target-label{font-size:14px}.pulse{padding:4px 7px;font-size:12px;gap:8px}.pulse-icon{font-size:28px}.fire-ring{width:142px;height:142px}.fire-console{margin-bottom:0}.dial-console{height:235px}.dial-top{top:0}.answer-console{bottom:1px;padding:3px 6px}.answer-control label{font-size:9px}.answer-control output{width:30px;font-size:23px}.answer-control button{font-size:22px}.sector-line{font-size:9px}.intro h1{height:95px;margin:5px 0}.setup-layout .intro{padding:10px 0}.game-footer{font-size:9px}}
.series-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.series-tabs button{padding:16px;font-size:17px;background:#102a45}.series-tabs button[aria-pressed=true]{background:linear-gradient(#22779b,#164b70);border:2px solid #83ebff;box-shadow:0 0 15px #4ddaff33}.range-heading{font-size:13px;font-weight:500;color:#cee9f6;margin:0 0 12px}.course-grid button{padding:17px 14px;text-align:center}.course-grid small{font-size:13px}.settings{grid-template-columns:1fr 1fr}.health-metric{min-width:165px!important}.metrics #health{color:#ff677d;font-size:27px;letter-spacing:3px;text-shadow:0 2px 0 #8f1530,0 0 12px #ff2d6955}.dial-key .sector-tile{fill:#dfc29a;stroke:#fff0d6;stroke-width:1.6}.dial-key:nth-child(3n) .sector-tile{fill:#dceafa}.dial-key:nth-child(3n + 1) .sector-tile{fill:#f6dfb6}.dial-key.lower .sector-tile{fill:#e6cca8}.dial-key.lower:nth-child(even) .sector-tile{fill:#fff1d9}.dial-key text,.dial-key.lower text{fill:#67421d;font-weight:800;text-shadow:none}.dial-key.active .sector-tile{fill:#b8efff;stroke:#39e3ff;stroke-width:4}.dial-key.lower.active .sector-tile{fill:#ffdf87;stroke:#fff0b6;stroke-width:4}#dial{overflow:visible;touch-action:none}.dial-key{transition:transform .18s ease}#heartPickup{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);z-index:8;background:linear-gradient(#174e7d,#0b2446);border:2px solid #ffbac7;border-radius:20px;box-shadow:0 0 22px #ff658177;padding:7px 20px}#heartPickup span{display:block;font-size:52px;color:#ff5277;text-shadow:0 3px 0 #9f1840,0 -2px 0 #ffdae0}#heartPickup small{display:block;color:white;font-size:12px}.window{position:relative}@media(max-width:720px){.health-metric{min-width:95px!important}.metrics #health{font-size:17px;letter-spacing:0}.hud{flex-wrap:wrap;height:120px}.health-metric small{display:none}.course-grid button{padding:14px 8px}.series-tabs button{font-size:14px;padding:13px}.dial-key text{font-size:24px}}
#dial .dial-key{transition:none;cursor:grab}#dial:active .dial-key{cursor:grabbing}#dial .dial-key .sector-tile{fill:url(#metalTile);stroke:#8baec5;stroke-width:1.2}#dial .dial-key.lower .sector-tile{fill:#28465f;stroke:#79a2ba}#dial .dial-key:nth-child(even) .sector-tile{fill:#314e6a}#dial .dial-key text{fill:#e3f9ff;font-weight:800;paint-order:stroke;stroke:#0b253d;stroke-width:.7}#dial .dial-key.active .sector-tile{fill:#326b84;stroke:#a9f4ff;stroke-width:2}#dial .dial-key.active text{fill:#fff}.alignment-frame{fill:#6bebff12;stroke:#77efff;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 0 5px #18c9ff);pointer-events:none}.wheel-bezel{fill:none;stroke:#80adca;stroke-width:9;pointer-events:none}.wheel-caps{fill:#132c48;stroke:#507b9d;stroke-width:3;pointer-events:none}#dial .pointer{fill:#9df7ff;filter:drop-shadow(0 0 4px #0df)}#dial .axis{display:none}
/* Polished gold instrument assembly */
.brand{background-size:100% auto;background-position:center top;height:78px;clip-path:inset(0 0 14% 0)}.intro h1{background-position:left top;clip-path:inset(0 0 20% 0)}
#pause{font-size:0;width:52px;height:52px;position:relative;border:2px solid #9feeff;background:radial-gradient(circle at 35% 25%,#25527d,#0b1e3d 75%);box-shadow:0 0 0 5px #102944aa,0 0 16px #37caff55,inset 0 2px 2px #a8efff44}#pause:before,#pause:after{content:'';position:absolute;top:15px;width:6px;height:20px;border-radius:2px;background:#e9fbff;box-shadow:0 0 5px #79eaff}#pause:before{left:16px}#pause:after{right:16px}
.left-console{background:linear-gradient(135deg,#163951e8,#071b32e8);border:1px solid #4f819e;border-radius:22px 8px 22px 8px;padding:16px;box-shadow:inset 0 2px 0 #91c7df55,0 6px 14px #020d23aa}.left-console .mini-label{color:#8dc9e0;letter-spacing:2px;font-size:9px}.left-console .target-label{font-size:21px;margin:8px 0 12px}.left-console p{display:none}.pulse{width:100%;padding:14px 10px;border:1px solid #81e4ff;border-radius:14px;background:radial-gradient(ellipse at top,#206084,#0c2744 80%);box-shadow:inset 0 1px 2px #c2f8ff66,0 3px 0 #061528;gap:10px}.pulse small{font-size:10px;margin-top:5px}.pulse-icon{font-size:33px}.pulse:disabled{opacity:.6}
#dial .dial-key .sector-tile,#dial .dial-key.lower .sector-tile{fill:url(#goldTile);stroke:#b58836;stroke-width:1}#dial .dial-key:nth-child(even) .sector-tile{fill:url(#goldTileAlt)}#dial .dial-key text{fill:#62400e;stroke:#fff1bd;stroke-width:.35}#dial .dial-key.active .sector-tile{fill:#ffe59b;stroke:#ffd981;stroke-width:1.5}#dial .dial-key.active text{fill:#3c2b12}.wheel-bezel{stroke:#d5b773;stroke-width:7;filter:drop-shadow(0 2px 2px #08162e)}.alignment-frame{stroke:#a9f6ff;stroke-width:3;fill:#b3faff0b;filter:drop-shadow(0 0 4px #19c7ee)}#dial .pointer{display:none}.wheel-caps{fill:#183650;stroke:#8eacb9;stroke-width:2}.answer-console{border:1px solid #81a7bd;background:linear-gradient(#254960,#102d45);box-shadow:inset 0 1px 0 #a4c9d64d,0 4px 8px #061427aa;border-radius:12px}.dial-top{border-color:#60869a;background:#142e48}.dial-console{filter:drop-shadow(0 4px 4px #04132b)}
@media(max-width:1100px){.brand{height:66px}}@media(max-width:720px){.brand{height:37px}#pause{width:33px;height:33px}#pause:before,#pause:after{top:8px;width:4px;height:13px}#pause:before{left:9px}#pause:after{right:9px}}
#heartPickup{width:92px;height:100px;padding:0;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 13px #ffc93199);animation:starFloat 1.8s ease-in-out infinite}#heartPickup span{font-size:76px;line-height:78px;color:#ffdf63;text-shadow:0 -2px 0 #fff3af,0 3px 0 #b87817,0 0 15px #ffbc3b}#heartPickup small{font-weight:800;color:#fff5c7;text-shadow:0 2px 4px #06162c;background:#102847cc;border:1px solid #dbb557;border-radius:9px;padding:3px 5px;font-size:11px}#heartPickup:hover{filter:drop-shadow(0 0 20px #fff094);cursor:pointer}@keyframes starFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}@media(prefers-reduced-motion:reduce){#heartPickup{animation:none}}
/* Integrate the controls into the cockpit rather than floating cards. */
.brand{height:82px;clip-path:none;background-size:295px auto;background-position:left top;align-self:flex-start;margin-top:3px}.left-console{background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 12px;align-self:center}.left-console .mini-label{display:none}.left-console .target-label{font-size:16px;color:#9edbea;text-align:center;letter-spacing:2px;margin:0 0 12px}.pulse{min-height:96px;border:2px solid #5dbedc;border-radius:20px;background:linear-gradient(155deg,#1b4664,#0c223d 70%);box-shadow:0 0 0 5px #0b2035,0 0 0 7px #466982,inset 0 2px 3px #b5edff55,0 8px 14px #05132588;justify-content:center}.pulse:disabled{opacity:.7}.wheel-bezel{stroke:#183c58;stroke-width:10;filter:none}.wheel-caps{stroke:none;fill:#102d47}.dial-body{stroke:none!important}.arc-line{display:none}.dial-console{filter:drop-shadow(0 4px 5px #04132b)}#dial{clip-path:inset(-20px 0 3px 0)}
@media(max-width:1100px){.brand{height:65px;background-size:235px auto}}@media(max-width:720px){.brand{height:36px;background-size:130px auto}.left-console{padding:8px}.pulse{min-height:68px}.left-console .target-label{font-size:12px;margin-bottom:8px}}
.brand{height:74px}@media(max-width:1100px){.brand{height:59px}}@media(max-width:720px){.brand{height:33px}}
.brand,.intro h1{background-image:url('assets/space/title-clean.png');background-size:contain;background-position:center;clip-path:none}.brand{height:94px;width:295px;margin-top:0;align-self:center}.intro h1{height:160px}.link-symbol{display:none}.answer-console{gap:24px}.hull-impact{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#ffab4544 60%,#fa442d88);box-shadow:inset 0 0 100px #ff923f;animation:hull-flare .65s ease-out forwards}.miss-flash{animation:cockpit-hit .42s ease-out!important}@keyframes hull-flare{0%{opacity:.8}25%{opacity:.4}100%{opacity:0}}@keyframes cockpit-hit{0%,100%{transform:translate(0)}15%{transform:translate(-6px,3px)}35%{transform:translate(5px,-3px)}55%{transform:translate(-3px,2px)}75%{transform:translate(2px,-1px)}}@media(max-width:1100px){.brand{width:235px;height:80px}}@media(max-width:720px){.brand{width:130px;height:48px}.intro h1{height:100px}.answer-console{gap:14px}}@media(prefers-reduced-motion:reduce){.miss-flash{animation:none!important}.hull-impact{animation:none;opacity:.2}}
/* Minimal game HUD and matching energy weapon. */
#message{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.target-tag,#targetLabel,.left-console .mini-label,.left-console p{display:none!important}.approach{bottom:-15px}.brand{width:355px;height:112px;flex-shrink:0;background-size:contain}.left-console{display:flex;justify-content:center;align-items:center;padding:0}.pulse{position:relative;width:180px;height:180px;min-height:0;border:0;border-radius:50%;padding:0;background:transparent url('assets/space/pulse-button.png') center/contain no-repeat;box-shadow:none}.pulse>span{display:none}.pulse:disabled{opacity:.62;filter:saturate(.55)}.pulse:not(:disabled){filter:drop-shadow(0 0 14px #4adfff77)}.pulse:after{content:'';position:absolute;bottom:-10px;left:25%;width:50%;height:5px;border-radius:4px;background:linear-gradient(to right,#72eeff var(--charge,0%),#244560 var(--charge,0%));box-shadow:0 0 0 1px #7296b355}.pulse:hover:not(:disabled){filter:brightness(1.15) drop-shadow(0 0 18px #42dfff)}@media(max-width:1100px){.brand{width:275px;height:94px}.pulse{width:160px;height:160px}}@media(max-width:720px){.brand{width:155px;height:56px}.pulse{width:118px;height:118px}.left-console{width:145px}}
.mission-panel>.settings{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #41657d66}.mission-panel .series-tabs{margin-bottom:20px}#bookSelection .range-heading{margin-top:0}
/* HUD cleanup: keep curriculum under the logo, align weapons on the deck. */
.hud{position:relative}.brand{align-self:flex-start;height:94px}.mission-badge{position:absolute;left:0;top:88px;width:355px;min-width:0;padding:0;background:none;border:0;box-shadow:none;display:flex;justify-content:center;align-items:center;gap:9px}.mission-badge span{font-size:13px;color:#d9eff9;letter-spacing:1px}.mission-badge small{font-size:11px;color:#94cbdf;border-left:1px solid #6c9caf77;padding-left:9px}.sector-line,.dial-top,.game-footer>span{display:none!important}.left-console{align-self:center;justify-self:center;transform:translateY(0);width:220px;height:240px;display:flex;align-items:center;justify-content:center}.pulse{width:205px;height:205px}.pulse:after{bottom:0;left:30%;width:40%;height:4px}.fire-console{align-self:center}.game-footer{justify-content:flex-end}.hud .metrics{margin-left:auto}@media(max-width:1100px){.brand{height:82px}.mission-badge{top:78px;width:275px}.left-console{width:180px;height:205px}.pulse{width:175px;height:175px}}@media(max-width:720px){.brand{height:48px}.mission-badge{top:53px;width:155px}.mission-badge span{font-size:11px}.mission-badge small{font-size:10px}.left-console{width:145px;height:145px;align-self:end}.pulse{width:130px;height:130px}.fire-console{align-self:end}}

/* Slightly enlarge the logo and curriculum caption. */
.brand{transform:scale(1.15);transform-origin:50% 0}.mission-badge{top:102px}.mission-badge span{font-size:15px}.mission-badge small{font-size:12px}@media(max-width:1100px){.mission-badge{top:90px}}@media(max-width:720px){.mission-badge{top:60px}.mission-badge span{font-size:12px}.mission-badge small{font-size:11px}}
