#loading-screen{background:radial-gradient(ellipse at 50% 78%,#0d1524,#04060d 55%,#000005)}#blocker{background:#04060db8}#reticle{position:fixed;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none;z-index:4}#reticle svg{width:100%;height:100%;overflow:visible;fill:none;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85))}#reticle .reticle-ring,#reticle .reticle-ticks{stroke:rgba(var(--ui-accent-rgb),.9);stroke-width:2;stroke-linecap:round;transition:opacity .08s ease-out}#reticle .reticle-dot{fill:rgba(var(--ui-accent-rgb),.9)}#reticle .reticle-diamond,#reticle .reticle-corners{stroke:#ffc27a;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .08s ease-out}#reticle .reticle-diamond{fill:#ff9a5c29}#reticle.locked .reticle-ring,#reticle.locked .reticle-ticks{opacity:0}#reticle.locked .reticle-diamond,#reticle.locked .reticle-corners{opacity:1}#reticle.locked .reticle-dot{fill:#ffd9a0}.lock-bracket{position:fixed;top:0;left:0;width:54px;height:54px;pointer-events:none;z-index:4}.lock-bracket svg{width:100%;height:100%;fill:none;stroke:#ffc27a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85))}.lock-bracket.hidden{display:none}@media(max-width:600px){#reticle{width:60px;height:60px}}#game-canvas{cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:none}#instructions .subtitle{max-width:30ch;margin-left:auto;margin-right:auto;line-height:1.45}#instructions button.click-prompt{display:block;margin-left:auto;margin-right:auto;padding:.25rem .75rem;background:none;border:0;border-radius:8px;font:inherit;font-size:1.25rem;letter-spacing:inherit;cursor:pointer}#instructions button.briefing-menu-btn{display:block;margin:.35rem auto 0;padding:.2rem .6rem;background:none;border:0;border-radius:6px;font:inherit;font-size:.92rem;letter-spacing:inherit;color:inherit;opacity:.78;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:opacity .2s ease}#instructions button.briefing-menu-btn:hover{opacity:1}.welcome-hints{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem .75rem;align-items:baseline;width:max-content;max-width:min(90vw,40rem);margin:.6rem auto 0;text-align:left}.welcome-hints .controls-hint{display:contents}.welcome-hints .controls-hint span{margin:0;justify-self:stretch;text-align:center}@media(max-width:560px){.welcome-hints{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.welcome-hints .controls-hint span{justify-self:center}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#throttle-zone{position:absolute;left:0;bottom:0;width:180px;height:240px;pointer-events:auto;z-index:3;touch-action:none}.throttle-track{position:absolute;bottom:40px;left:30px;width:58px;height:170px;border-radius:29px;background:rgba(var(--ui-joystick-rgb),.18);border:2px solid rgba(var(--ui-joystick-rgb),.6);box-shadow:0 0 0 2px #00000047;pointer-events:none}.throttle-fill{position:absolute;left:4px;right:4px;bottom:50%;height:0;border-radius:25px;background:rgba(var(--ui-joystick-rgb),.5);transition:height .06s ease-out,bottom .06s ease-out}.throttle-detent{position:absolute;left:8px;right:8px;bottom:50%;height:2px;transform:translateY(1px);background:#ffffffa6;border-radius:1px}.throttle-thumb{position:absolute;left:50%;bottom:50%;width:46px;height:46px;margin-left:-23px;margin-bottom:-23px;border-radius:50%;background:rgba(var(--ui-joystick-rgb),.8);border:1px solid rgba(0,0,0,.35);transition:bottom .06s ease-out}.throttle-label{position:absolute;left:50%;transform:translate(-50%);font-size:.7rem;line-height:1;color:#ffffff80}.throttle-label-up{top:6px}.throttle-label-down{bottom:6px}.is-touch-device #throttle-zone{pointer-events:auto}@supports (padding: max(0px)){.is-touch-device #throttle-zone{width:calc(180px + env(safe-area-inset-left));height:calc(240px + env(safe-area-inset-bottom))}.is-touch-device .throttle-track{bottom:max(40px,calc(40px + env(safe-area-inset-bottom)));left:max(30px,calc(30px + env(safe-area-inset-left)))}}@media(max-height:480px){.throttle-track{height:120px;bottom:24px}#throttle-zone{height:170px}}@media(min-width:1500px){#throttle-zone{left:calc(50% - 350px)}}.speedometer{--speedo-zero: 20%;--speedo-rev-scale: 400%;--speedo-ramp: #3d8bfd 0%, #21c7d6 20%, #36cc7c 45%, #e6c341 72%, #ff9a3c 100%;position:fixed;left:22px;bottom:224px;display:flex;align-items:center;gap:9px;padding:5px 9px;border-radius:8px;background:#060a129e;pointer-events:none}body:not(.is-touch-device) .speedometer{bottom:24px}@media(max-height:480px){.speedometer{bottom:152px}}.speedo-track{position:relative;width:200px;height:10px;border-radius:5px;overflow:hidden;background:#ffffff1a}.speedo-arm{position:absolute;top:0;bottom:0}.speedo-arm-fwd{left:var(--speedo-zero);right:0;background:linear-gradient(to right,var(--speedo-ramp));clip-path:inset(0 100% 0 0)}.speedo-arm-rev{left:0;width:var(--speedo-zero);background:linear-gradient(to left,var(--speedo-ramp));background-size:var(--speedo-rev-scale) 100%;background-position:right center;background-repeat:no-repeat;clip-path:inset(0 0 0 100%)}.speedo-ghost{opacity:.3;clip-path:inset(0 100% 0 100%)}.speedo-demand{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;left:var(--speedo-zero);background:#ffffffb8}.speedo-zero{position:absolute;top:0;bottom:0;left:var(--speedo-zero);width:1px;margin-left:-.5px;background:#ffffff6b}.speedo-zero.at-rest{background:#3d8bfd;box-shadow:0 0 6px #3d8bfde6}.throttle-readout{min-width:78px;font-size:.85rem;font-variant-numeric:tabular-nums;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.9)}@media(max-width:420px){.speedo-track{width:132px}.throttle-readout{min-width:0;font-size:.78rem}}.objective-panel{position:fixed;top:20px;left:20px;display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:12px;background:#060a12b8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px);pointer-events:none;z-index:4}.objective-row{display:flex;align-items:center;gap:8px;font-size:.9rem;line-height:1.2;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.9)}.objective-count{font-variant-numeric:tabular-nums;font-weight:600;min-width:1.4ch;text-align:right}.objective-label{font-size:.78rem;opacity:.72}.objective-mark{width:11px;height:11px;flex:none}.mark-friendly{border:2px solid #7fd4ff;border-radius:50%}.mark-hostile{background:#ff7a52;transform:rotate(45deg)}.lives-row{margin-top:2px;padding-top:4px;border-top:1px solid rgba(255,255,255,.12)}.lives-pips{display:inline-flex;gap:5px}.life-pip{width:9px;height:9px;border:2px solid #9be7ff;border-radius:50%;background:#9be7ff}.life-pip.spent{background:transparent;border-color:#ffffff7a;transform:scale(.72)}.hull-pips{display:inline-flex;gap:4px}.hull-pip{width:14px;height:6px;border:1px solid #ff9f7a;border-radius:2px;background:#ff9f7a}.hull-pip.spent{background:transparent;border-color:#ffffff85;transform:scaleX(.72)}.hull-row.hidden{display:none}.elapsed-time{position:fixed;top:22px;right:206px;padding:2px 7px;border-radius:6px;background:#060a129e;font-size:.85rem;font-variant-numeric:tabular-nums;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;z-index:4}.alert-banner{position:fixed;top:84px;left:50%;transform:translate(-50%);max-width:min(86vw,32ch);padding:8px 16px;border-radius:999px;text-align:center;font-size:.9rem;color:#fffffff2;background:#ff7a523d;border:1px solid rgba(255,122,82,.65);backdrop-filter:blur(4px);pointer-events:none;z-index:4}.alert-banner.hidden{display:none}.alert-banner:not(.hidden)~.perimeter-notice:not(.hidden){top:136px}.hostile-pips,.nav-markers{position:fixed;inset:0;pointer-events:none;z-index:3}.hostile-pip{position:absolute;top:0;left:0;width:9px;height:9px;background:#ff7a52e6;border:1px solid rgba(0,0,0,.55);transform:translate(-50%,-50%) rotate(45deg);will-change:transform}.hostile-pip.nearest{width:12px;height:12px;background:#ff9a5cf2;box-shadow:0 0 0 2px #060a128c,0 0 0 4px #ff9a5cbf}.hostile-range{position:fixed;top:0;left:0;z-index:3;padding:1px 5px;border-radius:5px;background:#060a129e;font-size:.66rem;line-height:1.25;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#ffd6c4f2;text-shadow:0 1px 3px rgba(0,0,0,.95);white-space:nowrap;pointer-events:none;will-change:transform}.hostile-pip.hidden,.hostile-range.hidden,.nav-marker.hidden,.edge-chevron.hidden{display:none}.nav-marker{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}.nav-ring{width:16px;height:16px;border:2px solid rgba(127,212,255,.85);border-radius:50%;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}.nav-label,.nav-distance{padding:1px 5px;border-radius:5px;background:#060a129e;font-size:.66rem;line-height:1.25;letter-spacing:.04em;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.95);white-space:nowrap}.nav-distance{font-variant-numeric:tabular-nums;opacity:.86}.replay-inset{position:fixed;right:18px;top:50%;width:min(30vmin,260px);height:calc(min(30vmin,260px)*.62);transform:translateY(-50%);border:1px solid rgba(255,154,92,.55);border-radius:6px;box-shadow:0 0 0 1px #00000080,0 0 14px #0000008c;pointer-events:none;z-index:3}.replay-inset.hidden{display:none}.replay-caption{position:absolute;left:0;bottom:0;max-width:100%;padding:2px 6px;border-radius:0 5px;background:#060a12b8;font-size:.66rem;line-height:1.25;letter-spacing:.04em;color:#ffd6c4f2;text-shadow:0 1px 3px rgba(0,0,0,.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.replaying #reticle,body.replaying .lock-bracket{opacity:0}body.finale-won:before,body.finale-lost:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;animation:finale-wash-in 1s ease-out forwards}body.finale-won:before{background:radial-gradient(120% 90% at 50% 55%,#0000 42%,#40280a80),radial-gradient(90% 70% at 50% 100%,#ffba602e,#0000 70%)}body.finale-lost:before{background:radial-gradient(120% 90% at 50% 55%,#0000 34%,#3406049e),radial-gradient(90% 70% at 50% 100%,#be281429,#0000 70%)}@keyframes finale-wash-in{0%{opacity:0}to{opacity:1}}body.finale-won #reticle,body.finale-lost #reticle,body.finale-won .lock-bracket,body.finale-lost .lock-bracket,body.finale-won #speedometer,body.finale-lost #speedometer,body.finale-won #throttle-readout,body.finale-lost #throttle-readout,body.finale-won #touch-controls,body.finale-lost #touch-controls{opacity:0;transition:opacity .4s ease-out;pointer-events:none}.edge-chevron{position:absolute;top:0;left:0;width:26px;height:26px;pointer-events:none;z-index:4;will-change:transform}.edge-chevron svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}.chevron-alert svg{stroke:#ff9a5c}.chevron-hostile svg{stroke:#ff7a529e;stroke-width:2}@media(max-width:600px){.objective-panel{top:14px;left:14px;padding:6px 10px}.objective-row{font-size:.82rem}.elapsed-time{top:96px;right:auto;left:16px;font-size:.78rem}}@media(max-height:500px)and (orientation:landscape){.objective-panel{top:12px;left:12px;gap:2px;padding:5px 9px}.objective-row{font-size:.76rem}.lives-row{margin-top:0;padding-top:3px}.elapsed-time{top:14px;left:auto;right:206px}.alert-banner{top:56px;padding:6px 14px;font-size:.82rem}.alert-banner:not(.hidden)~.perimeter-notice:not(.hidden){top:100px}}@media(min-width:1500px){.objective-panel,.elapsed-time{left:calc(50% - 700px)}.elapsed-time{right:auto;top:128px}}.perimeter-notice{position:fixed;top:84px;left:50%;transform:translate(-50%);max-width:min(86vw,34ch);padding:8px 16px;border-radius:999px;text-align:center;font-size:.9rem;color:#ffffffeb;background:rgba(var(--ui-accent-rgb),.22);border:1px solid rgba(var(--ui-accent-rgb),.5);backdrop-filter:blur(4px);pointer-events:none;transition:opacity .35s ease}.perimeter-notice.hidden{display:none}body.hull-hit:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 50%,#ff5a3c00 55%,#ff5a3c52);animation:hull-hit-fade .45s ease-out forwards}@keyframes hull-hit-fade{0%{opacity:1}to{opacity:0}}.pause-btn{top:20px;left:auto;right:82px}.settings-check{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:.92rem;cursor:pointer}.settings-check input[type=checkbox]{width:20px;height:20px;accent-color:rgb(var(--ui-accent-rgb));cursor:pointer;flex:none}.settings-check input[type=checkbox]:focus-visible{outline:2px solid rgb(var(--ui-accent-rgb));outline-offset:2px}#instructions button.click-prompt:focus-visible,#instructions button.briefing-menu-btn:focus-visible,.menu-btn:focus-visible,.card-settings>summary:focus-visible,.modal-close:focus-visible{outline:2px solid rgb(var(--ui-accent-rgb));outline-offset:3px}.settings-hint{margin:10px 0 0;font-size:.8rem;line-height:1.4;opacity:.72}#pause-modal,#end-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center}#pause-modal.hidden,#end-modal.hidden{display:none}#pause-modal .modal-backdrop,#end-modal .modal-backdrop{position:absolute;inset:0;background:#060a129e;backdrop-filter:blur(3px)}.end-stats{display:flex;justify-content:center;gap:24px;margin:22px 0 6px;padding:0;flex-wrap:wrap}.end-stat{text-align:center}.end-stat dt{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.62}.end-stat dd{margin:4px 0 0;font-size:1.5rem;font-variant-numeric:tabular-nums;color:rgb(var(--ui-accent-rgb))}.end-best{margin:14px 0 10px;font-size:.86rem;opacity:.78;min-height:1.2em}#end-modal .modal-backdrop{pointer-events:none}.card-settings{margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,.14);text-align:left}.card-settings>summary{display:flex;align-items:center;gap:8px;padding:4px 2px;border-radius:6px;font-size:.92rem;font-weight:600;cursor:pointer;list-style:none}.card-settings>summary::-webkit-details-marker{display:none}.card-settings>summary:before{content:"";width:0;height:0;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s ease}.card-settings[open]>summary:before{transform:rotate(90deg)}.card-settings-body{padding:4px 2px 2px}.card-settings-body .settings-label{margin-top:12px;font-size:.82rem;color:var(--gallery-ink)}.card-settings-body .settings-label input[type=range]{background:#0000002e}.card-settings-body .settings-value{color:var(--gallery-ink)}.card-home{margin:12px 0 0;font-size:.8rem;text-align:center}.card-home a{color:var(--gallery-muted);text-decoration:underline;text-underline-offset:3px}.card-home a:hover{color:inherit}.dedication{margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,.14);font-size:.86rem;line-height:1.5;opacity:.85}.credits{margin:14px 0 18px;font-size:.76rem;line-height:1.5;color:var(--gallery-muted)}.credits a{color:inherit;text-decoration:underline}@media(prefers-reduced-motion:reduce){#loading-screen .loader-progress,.throttle-fill,.throttle-thumb,.perimeter-notice,#instructions button.briefing-menu-btn,.card-settings>summary:before,#reticle .reticle-ring,#reticle .reticle-ticks,#reticle .reticle-diamond,#reticle .reticle-corners{transition:none}body.hull-hit:after{animation:none;opacity:.7}body.finale-won:before,body.finale-lost:before{animation:none;opacity:1}}