:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8d1bd;background:#030711;font-family:Arial Narrow,Arial,sans-serif}*{box-sizing:border-box}html,body{cursor:crosshair;background:#030711;width:100%;height:100%;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block}#actions button,#restart{cursor:pointer}#hud{pointer-events:none;letter-spacing:.12em;text-shadow:0 0 12px #000;position:fixed;inset:0}header{color:#8fb6ca;align-items:baseline;gap:28px;font-size:12px;display:flex;position:absolute;top:24px;left:30px;right:30px}header strong{color:#f0c88f;letter-spacing:.2em;font-size:20px}header #timer{color:#f0c88f;margin-left:auto;font-size:20px}header .sound-toggle{color:#8fb6ca;font:inherit;letter-spacing:.12em;cursor:pointer;pointer-events:auto;background:#08131ecc;border:1px solid #52758a;margin-left:auto;padding:5px 8px;font-size:9px}header #musicToggle{margin-left:0}header .sound-toggle[aria-pressed=true]{color:#bbf3ff;border-color:#8edcf0;box-shadow:0 0 12px #58d4ff44}header .sound-toggle:focus-visible{outline-offset:2px;outline:2px solid #f0c88f}#markers{position:absolute;inset:0}.objective{color:#f0c88f}.threat{color:#ff7466}.marker{--size:20px;--arm:6px;--line:1.5px;width:var(--size);height:var(--size);opacity:.82;background:linear-gradient(currentColor, currentColor) left top / var(--arm) var(--line) no-repeat, linear-gradient(currentColor, currentColor) left top / var(--line) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) right top / var(--arm) var(--line) no-repeat, linear-gradient(currentColor, currentColor) right top / var(--line) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) left bottom / var(--arm) var(--line) no-repeat, linear-gradient(currentColor, currentColor) left bottom / var(--line) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) right bottom / var(--arm) var(--line) no-repeat, linear-gradient(currentColor, currentColor) right bottom / var(--line) var(--arm) no-repeat;font-size:0;position:absolute;transform:translate(-50%,-50%)}.marker[data-role=carrier]{--size:30px;--arm:8px}.marker[data-role=recovery]{--size:16px;--arm:5px;border-radius:50%}.marker.selected{--size:34px;--arm:10px;--line:2px;opacity:1;filter:drop-shadow(0 0 4px)}.marker.attacking{animation:.45s steps(2,end) infinite markerPulse}@keyframes markerPulse{50%{opacity:.35}}#reticle{border:1.5px solid #f0c88fcc;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #0008}#reticle i{background:#f0c88f;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle.in-solution{border-color:#7dff9a;box-shadow:0 0 10px #7dff9a88}#leadReticle{border:1.5px solid #bbf3ff;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 6px #58d4ff88}#leadReticle[hidden]{display:none}#leadReticle i{background:#bbf3ff;position:absolute;inset:5px}#leadReticle.in-solution{border-color:#7dff9a;box-shadow:0 0 12px #7dff9a}#leadReticle.in-solution i{background:#7dff9a}#leadReticle.out-of-range{opacity:.5;border-style:dashed}#leadReticle.out-of-range i{display:none}#targetReadout{color:#ff7466;white-space:nowrap;background:linear-gradient(90deg,#06121dd9,#06121d00);border-left:2px solid;align-items:center;gap:10px;padding:5px 10px 5px 8px;font-size:11px;display:flex;position:absolute;top:62px;left:30px}#targetReadout[data-role=carrier]{color:#f0c88f}#targetReadout[data-role=none]{color:#8fb6ca}#targetReadout .readout-label{color:#8fb6ca;font-size:9px}#targetReadout b{color:currentColor;font-weight:700}#targetRange{color:#d8d1bd}#targetReadout .readout-hull{background:#ffffff1f;width:64px;height:4px}#targetHull{background:currentColor;width:100%;height:100%;transition:width .15s;display:block}#targetSolution{color:#7dff9a;font-size:9px;font-weight:700}#targetSolution[hidden]{display:none}#hostileBolts{z-index:2;pointer-events:none;position:absolute;inset:0}.hostile-bolt-indicator{background:linear-gradient(90deg,#0000,#ff4b42 45%,#fff0d0);border-radius:50%;width:28px;height:5px;position:absolute;box-shadow:0 0 9px 2px #ff3c38}#threatWarning{color:#ffd4cc;text-align:center;letter-spacing:.18em;background:#3a0d13e8;border:1px solid #ff7466;min-width:280px;padding:8px 16px 10px;font-size:12px;animation:.45s steps(2,end) infinite threatPulse;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff3b3155}#threatWarning[hidden]{display:none}#threatWarning i{transform-origin:0;background:#ff7466;height:2px;margin-top:6px;display:block}@keyframes threatPulse{50%{background-color:#65141be8}}#threatArrow{z-index:4;color:#ffd4cc;letter-spacing:.1em;white-space:nowrap;flex-direction:column;align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}#threatArrow[hidden]{display:none}#threatArrow i{filter:drop-shadow(0 0 5px #ff3c38);width:0;height:0;transform:rotate(var(--arrow-angle));border-bottom:14px solid #ff7466;border-left:8px solid #0000;border-right:8px solid #0000}#threatArrow span{background:#300b11dd;border:1px solid #a93d3d;padding:2px 4px}#threatArrow[data-edge=left]{flex-direction:row}#threatArrow[data-edge=right]{flex-direction:row-reverse}#killConfirm{z-index:4;color:#bbf3ff;letter-spacing:.2em;white-space:nowrap;opacity:0;pointer-events:none;background:#061521e8;border:1px solid #8edcf0;padding:8px 14px;font-size:11px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #58d4ff66}#killConfirm[data-role=carrier]{color:#ffe2aa;border-color:#f0c88f;box-shadow:0 0 22px #ffb95d88}#killConfirm[hidden]{display:none}#killConfirm.active{animation:.9s ease-out forwards killConfirm}@keyframes killConfirm{0%{opacity:0}14%{opacity:1}72%{opacity:1}to{opacity:0}}#hitConfirm{z-index:4;color:#bbf3ff;white-space:nowrap;pointer-events:none;background:#061521d9;border-left:2px solid #bbf3ff;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;top:50%;left:calc(50% + 38px)}#hitConfirm[hidden]{display:none}#damageFlash{z-index:5;opacity:0;pointer-events:none;border:1px solid #0000;position:absolute;inset:0;box-shadow:inset 0 0 72px 18px #ff302d}#damageFlash.active{animation:.42s ease-out damageFlash}@keyframes damageFlash{0%{opacity:.82;border-color:#ff7064}to{opacity:0;border-color:#0000}}#status,#score{flex-direction:column;gap:8px;font-size:11px;display:flex;position:absolute;bottom:28px}#status{left:30px}#score{text-align:right;right:30px}b{color:#fff0c8;font-weight:500}#message{color:#83a9bb;white-space:nowrap;font-size:10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#restart{pointer-events:auto;color:#f0c88f;letter-spacing:.14em;background:#08131e;border:1px solid #f0c88f;padding:12px 22px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}#boostMeter{color:#8fb6ca;letter-spacing:.1em;white-space:nowrap;grid-template-columns:84px 88px 38px;align-items:center;gap:6px;font-size:9px;display:grid}#boostBar{appearance:none;background:#07131c;border:1px solid #52758a;width:88px;height:9px;margin:0}#boostBar::-webkit-progress-bar{background:#07131c}#boostBar::-webkit-progress-value{background:linear-gradient(90deg,#49a99c,#91e2b5);box-shadow:0 0 7px #58d4ff66}#boostBar::-moz-progress-bar{background:linear-gradient(90deg,#49a99c,#91e2b5)}#boostMeter[data-boosting=true] #boostBar::-webkit-progress-value{background:linear-gradient(90deg,#c47f3b,#ffd380)}#boostMeter[data-boosting=true] #boostBar::-moz-progress-bar{background:linear-gradient(90deg,#c47f3b,#ffd380)}#boostMeter[data-depleted=true] #boostBar::-webkit-progress-value{background:#ff7466}#boostMeter[data-depleted=true] #boostBar::-moz-progress-bar{background:#ff7466}#scanner{clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%);background:linear-gradient(#030e18b8,#03071159);border:1px solid #4fa5b580;width:270px;height:192px;padding:8px;position:absolute;bottom:92px;right:22px}#scannerCanvas{opacity:.92;width:254px;height:159px;display:block}.scanner-label{color:#9bd3d8;letter-spacing:.16em;font-size:9px}.scanner-label span{color:#f0c88f}.scanner-legend{color:#7897a3;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:5px;font-size:7px;display:flex}.scanner-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.friendly{background:#75e29a}.hostile{background:#ff6864}.locked{background:#ffe27d}#actions{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}#actions button{color:#d8d1bd;font:inherit;letter-spacing:.1em;background:#08131ecc;border:1px solid #52758a;padding:7px 10px;font-size:10px}#actions button:hover,#actions button:focus-visible{color:#f0c88f;border-color:#f0c88f}@media (width<=600px){header{grid-template-columns:auto auto 1fr auto;align-items:center;gap:4px 10px;display:grid;top:12px;left:12px;right:12px}header strong{grid-area:1/1;font-size:17px}header #objective{text-align:right;grid-area:1/2/auto/5;font-size:10px}header #musicToggle{grid-area:2/1;margin-left:0}header #soundToggle{grid-area:2/2;margin-left:0}header #musicToggle,header #soundToggle{justify-self:start}header #timer{grid-area:2/4;margin-left:0}#targetReadout{gap:7px;font-size:10px;top:68px;left:12px}#targetReadout .readout-hull{width:44px}#threatWarning{width:calc(100% - 24px);min-width:0;font-size:10px;top:100px}#scanner{bottom:194px;right:12px}#actions{white-space:nowrap;bottom:130px}#status,#score{bottom:44px}#status{left:12px}#score{right:12px}#message{white-space:normal;text-align:center;width:calc(100% - 24px);font-size:9px;line-height:1.2;bottom:6px}}.start-screen{z-index:10;background:radial-gradient(at 50% 48%,#0000 12%,#02050c47 58%,#02050cc2 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-screen[hidden]{display:none}.launch-card{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#04111ce0,#040912b8);border:1px solid #8edcf073;width:min(560px,100%);padding:clamp(28px,6vw,58px);box-shadow:0 0 50px #186c8829,inset 0 0 32px #1e779114}.launch-eyebrow,.launch-hint{color:#8fb6ca;letter-spacing:.22em;font-size:9px}.launch-eyebrow{margin:0 0 18px}.launch-card h1{color:#f0c88f;letter-spacing:.16em;white-space:nowrap;text-shadow:0 0 24px #f0c88f47;margin:0;font-size:clamp(30px,5vw,48px);font-weight:500}.launch-mission{color:#d8d1bd;letter-spacing:.16em;margin:20px 0 8px;font-size:11px}.launch-copy{color:#86a4b0;letter-spacing:.06em;margin:0;font-size:12px}#startMission{color:#ffe2aa;min-width:208px;font:inherit;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#172331,#09131d);border:1px solid #f0c88f;margin:32px 0 12px;padding:14px 24px;font-size:11px;font-weight:700;box-shadow:0 0 20px #f0c88f1f}#startMission:hover,#startMission:focus-visible{color:#fff4d6;background:#263544;box-shadow:0 0 24px #f0c88f4d}#startMission:focus-visible{outline-offset:4px;outline:2px solid #bbf3ff}.launch-hint{margin:0;font-size:8px}@media (width<=600px){.start-screen{padding:16px}.launch-card{padding:30px 18px}.launch-mission{font-size:9px;line-height:1.5}.launch-copy{font-size:11px}}