:root{--void:#05060b;--ink:#e9ecff;--dim:#6f7a99;--cyan:#35f0ff;--magenta:#ff3fb4;--amber:#ffc23a;--lime:#b8ff3a;--font:"JetBrains Mono", "Courier New", ui-monospace, monospace}html,body{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#stage{background:var(--void);position:fixed;inset:0}canvas{outline:none;display:block;position:absolute;inset:0}#hud{pointer-events:none;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;inset:0}.corner{--corner-pad-y:16px;--corner-pad-x:18px;padding:var(--corner-pad-y) var(--corner-pad-x);line-height:1.6;position:absolute}.tl{top:0;left:0}.tr{text-align:right;top:0;right:0}.bl{bottom:0;left:0}.br{text-align:right;bottom:0;right:0}.lbl{color:var(--dim)}.val{color:var(--ink);letter-spacing:.08em;font-size:18px}.val.cyan{color:var(--cyan)}.val.amber{color:var(--amber)}.val.lime{color:var(--lime)}.val.magenta{color:var(--magenta)}.amber{color:var(--amber)}#hud-matter{letter-spacing:0;font-size:16px}#overlay{padding-bottom:14vh;pointer-events:none;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding-inline:16px;display:flex;position:absolute;inset:0}#overlay[hidden]{display:none}#overlay .big{letter-spacing:.3em;text-transform:uppercase;color:var(--ink);font-size:14px}#overlay .prompt{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:12px}#overlay .sub{letter-spacing:.12em;color:var(--dim);text-transform:uppercase;text-wrap:balance;max-width:60ch;font-size:12px;line-height:1.7}#overlay .sub b{color:var(--ink);font-weight:400}#overlay .launch{pointer-events:auto;color:var(--cyan);border:1px solid var(--cyan);font:400 15px var(--font);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;cursor:pointer;background:#35f0ff14;margin-top:8px;padding:14px 30px;animation:2.6s ease-in-out infinite launch-breathe}#overlay .launch:hover,#overlay .launch:focus-visible{background:#35f0ff2e;animation:none;box-shadow:0 0 24px #35f0ff66,inset 0 0 20px #35f0ff29}#overlay .launch:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#overlay .launch:active{background:#35f0ff4d}@keyframes launch-breathe{0%,to{box-shadow:0 0 #35f0ff00,inset 0 0 #35f0ff00}50%{box-shadow:0 0 20px #35f0ff4d,inset 0 0 18px #35f0ff1f}}#bomb-button{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));pointer-events:auto;color:var(--amber);font:700 13px var(--font);letter-spacing:.2em;text-transform:uppercase;background:#05060b99;border:1px solid #ffc23a80;border-radius:999px;padding:12px 20px;display:none;position:absolute;transform:translate(-50%)}@media (pointer:coarse){#bomb-button{display:block}}#bomb-button:active{background:#ffc23a40}#bomb-button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (max-width:520px){.corner{--corner-pad-y:10px;--corner-pad-x:12px}.val{font-size:15px}#hud{font-size:10px}#overlay{padding-bottom:12vh}}@media (prefers-reduced-motion:reduce){#overlay .launch{animation:none}}#sound-toggle{pointer-events:auto;color:var(--cyan);font:400 11px var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#05060b99;border:1px solid #35f0ff59;margin-top:7px;padding:7px 11px}#sound-toggle[data-muted=true]{color:var(--dim);border-color:#6f7a9966}#sound-toggle:hover,#sound-toggle:focus-visible{border-color:var(--cyan);color:var(--cyan);background:#35f0ff1f}#sound-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (pointer:coarse){#sound-toggle{min-width:44px;min-height:44px;padding:12px 14px}}.bl,.br{padding-bottom:calc(var(--corner-pad-y) + env(safe-area-inset-bottom,0px))}#level-select{pointer-events:auto;align-items:center;gap:14px;margin-bottom:4px;display:flex}#level-select[hidden]{display:none}#level-select button{color:var(--cyan);font:400 13px var(--font);cursor:pointer;background:#05060b99;border:1px solid #35f0ff59;padding:8px 11px;line-height:1}#level-select button:hover,#level-select button:focus-visible{border-color:var(--cyan);background:#35f0ff1f}.level-face{min-width:27ch}.level-name{letter-spacing:.24em;text-transform:uppercase;color:var(--ink);font-size:13px}.level-blurb{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:3px;font-size:11px}@media (max-width:520px){.level-face{min-width:20ch}.level-blurb{display:none}}#arsenal{top:calc(16px + env(safe-area-inset-top,0px));pointer-events:auto;grid-template-columns:154px 154px 100px;gap:6px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#arsenal[hidden]{display:none}#arsenal button{border:1px solid #354951;border-bottom:2px solid var(--cyan);min-width:0;min-height:48px;color:var(--cyan);font:400 11px var(--font);text-align:left;cursor:pointer;touch-action:manipulation;background:#05060be0;padding:7px 9px}#arsenal .arsenal-label{color:#a6afc5;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}#arsenal .arsenal-name{line-height:1.3;display:block}#arsenal #secondary-fire{color:var(--amber);border-bottom-color:var(--amber)}#arsenal button:hover{background:#142329}#arsenal button:active{background:#244249}#arsenal button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#arsenal button:disabled{color:#a6afc5;cursor:default;border-bottom-color:#6f7a99}@media (max-width:850px){#arsenal{top:calc(108px + env(safe-area-inset-top,0px));width:min(420px, calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));grid-template-columns:minmax(0,1fr) minmax(0,1fr) 88px}}@media (max-height:500px) and (min-width:600px){#arsenal{top:calc(12px + env(safe-area-inset-top,0px));grid-template-columns:1fr 1fr 80px;width:330px}}.difficulty-control{color:#a3b5bc;align-items:center;gap:12px;margin:12px 0;font-size:11px;display:flex}.difficulty-control[hidden],.pickup-help[hidden]{display:none}.difficulty-control select{color:#a7f8ed;font:inherit;background:#101a21;border:1px solid #35525a;padding:8px}.pickup-help{color:#829ba3;max-width:360px;font-size:10px;line-height:1.6}#hud-hull{font-size:clamp(14px,2vw,22px)}.title-only{display:none}.menu-content{flex-direction:column;align-items:center;gap:10px;max-width:100%;display:flex}#overlay[data-screen=title]{box-sizing:border-box;text-align:left;background:linear-gradient(90deg,#06090f 0%,#06090ff5 29%,#06090fc9 44%,#06090f15 73%),linear-gradient(#06090f 0%,#0000 20% 76%,#06090f 100%);justify-content:center;align-items:flex-start;padding:90px max(40px,6vw) 80px}#overlay[data-screen=title] .title-only{display:block}#overlay[data-screen=title] .menu-content{align-items:stretch;gap:0;width:420px}.title-masthead{top:max(28px, env(safe-area-inset-top));letter-spacing:.2em;font-size:12px;position:absolute;left:max(40px,6vw)}.brand-mark{color:var(--cyan);vertical-align:middle;margin-right:10px;font-size:24px}.edition{color:#8893a6;letter-spacing:.15em;margin-left:24px;font-size:10px}.eyebrow,.selection-label,.preview-label,.title-footer{letter-spacing:.16em;font-size:10px}.eyebrow{color:var(--cyan);margin-bottom:20px}.title-heading h1{font-family:var(--font);letter-spacing:.015em;margin:0;font-size:clamp(64px,6.6vw,96px);font-weight:700;line-height:.98}.title-heading h1>span{color:var(--cyan);display:block}.title-period{color:var(--ink)}.title-description{color:#e1e6ee;letter-spacing:.015em;margin:23px 0 16px;font-size:21px;line-height:1.45}#overlay[data-screen=title] .big{color:#9ba7b9;letter-spacing:.015em;text-transform:none;font-size:11px;line-height:1.7}#overlay[data-screen=title] .sub{letter-spacing:0;text-transform:none;color:#a3aec1;order:5;max-width:none;margin-top:24px;font-size:11px}.control-row{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.control-row>span{align-items:center;gap:8px;display:flex}kbd{font:10px var(--font);color:#d1d9e5;background:#111721;border:1px solid #38414e;border-radius:3px;padding:2px 5px}.touch-controls{display:none}.more-controls{pointer-events:auto;position:relative}.more-controls summary{cursor:pointer;color:#9ba7b9;align-items:center;width:-moz-fit-content;width:fit-content;min-height:44px;display:flex}.more-controls summary:after{content:"+";color:var(--cyan);margin-left:12px}.more-controls[open] summary:after{content:"−"}.more-controls p{box-sizing:border-box;color:#c4cedb;z-index:2;background:#101722;border:1px solid #3b5264;width:100%;margin:0;padding:18px;line-height:1.9;position:absolute;bottom:40px;left:0}.more-controls summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.selection-label{color:#a9b4c4;border-top:1px solid #29333f;margin-top:28px;padding-top:18px}.selection-label span{float:right;color:#7e8a9b;font-size:9px}#overlay[data-screen=title] #level-select{gap:12px;width:100%;margin:12px 0 16px}#level-select button{min-width:44px;min-height:44px}#level-select button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#level-select button:active{background:#244a52}#overlay[data-screen=title] .level-face{text-align:center;flex:1;min-width:0}#overlay[data-screen=title] .level-name{letter-spacing:.14em;font-size:12px;line-height:1.5}#overlay[data-screen=title] .level-blurb{letter-spacing:.02em;text-transform:none;text-wrap:balance;min-height:30px;margin-top:4px;font-size:10px;line-height:1.5;display:block}#overlay[data-screen=title] .launch{border:1px solid #537780;border-left:3px solid var(--cyan);min-height:60px;color:var(--ink);text-align:left;letter-spacing:.24em;background:linear-gradient(110deg,#153039cc,#0b151de6 70%);margin:0;padding:16px 24px;font-weight:700;transition:border-color .18s,background .18s,box-shadow .18s;animation:none;position:relative;box-shadow:inset 0 1px #a9fbff12,0 6px 24px #0005}#overlay[data-screen=title] .launch:after{content:"»";width:44px;color:var(--cyan);letter-spacing:0;text-indent:0;border-left:1px solid #537780;place-items:center;font-size:25px;display:grid;position:absolute;top:8px;bottom:8px;right:8px}#overlay[data-screen=title] .launch:hover,#overlay[data-screen=title] .launch:focus-visible{border-color:var(--cyan);background:linear-gradient(110deg,#224b55,#101f2b);box-shadow:inset 0 0 24px #35f0ff0c,0 0 24px #35f0ff1c}#overlay[data-screen=title] .launch:active{background:#224853;transform:translateY(1px)}#overlay[data-screen=title] .prompt{text-align:center;letter-spacing:.035em;color:#97a4b8;margin-top:12px;font-size:9px}.preview-label{color:#adbace;position:absolute;top:24%;left:58%}.preview-label>span:not(.signal-dot){color:#52657b;margin:0 12px}.signal-dot{background:var(--cyan);vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #35f0ff}#overlay[data-screen=title] .title-footer{bottom:max(28px, env(safe-area-inset-bottom));color:#8593a7;border-top:1px solid #24313c;justify-content:space-between;padding-top:18px;display:flex;position:absolute;left:max(40px,6vw);right:max(40px,6vw)}.title-footer i{color:var(--cyan);margin:0 12px;font-style:normal}#stage:has(#overlay[data-screen=title]) #hud .tl>:not(:last-child){display:none}#stage:has(#overlay[data-screen=title]) #hud .tr{display:none}#stage:has(#overlay[data-screen=title]) #hud .bl{display:none}#stage:has(#overlay[data-screen=title]) #hud .br>:not(#sound-toggle){display:none}#stage:has(#overlay[data-screen=title]) #bomb-button{display:none}#stage:has(#overlay[data-screen=title]) #hud .tl{z-index:2;padding:0;font-size:10px;top:27px;left:auto;right:190px}#stage:has(#overlay[data-screen=title]) #hud .br{z-index:2;padding:0;top:13px;bottom:auto;right:max(28px,5vw)}#stage:has(#overlay[data-screen=title]) #sound-toggle{min-width:80px;min-height:44px}#stage:has(#overlay[data-screen=title]) #game-canvas{transform:translate(24%,10%)scale(.8);-webkit-mask-image:linear-gradient(#0000 17%,#000 36% 78%,#0000 100%);mask-image:linear-gradient(#0000 17%,#000 36% 78%,#0000 100%)}@media (max-width:1050px){.edition{display:none}#overlay[data-screen=title]{padding-left:40px}.title-masthead{left:40px}.preview-label{font-size:9px;left:65%}.preview-label>span:not(.signal-dot){margin:0 5px}#overlay[data-screen=title] .menu-content{width:360px}}@media (max-width:700px){#overlay[data-screen=title]{padding:100px max(24px, env(safe-area-inset-right)) 90px max(24px, env(safe-area-inset-left));pointer-events:auto;touch-action:pan-y;background:linear-gradient(90deg,#06090ff5,#06090fc9),linear-gradient(#0000,#06090f);justify-content:center;overflow-y:auto}#overlay[data-screen=title] .menu-content{width:100%;max-width:420px;margin:auto}.title-masthead{top:max(22px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));font-size:10px}.brand-mark{font-size:20px}.eyebrow{margin-bottom:16px;font-size:9px}.title-heading h1{font-size:clamp(56px,14vw,78px)}.title-description{margin-top:20px;font-size:19px}#overlay[data-screen=title] .preview-label{display:none}#overlay[data-screen=title] .title-footer{left:24px;right:24px;bottom:max(22px, env(safe-area-inset-bottom));font-size:9px}.title-footer>span:last-child{display:none}#stage:has(#overlay[data-screen=title]) #hud .tl{display:none}#stage:has(#overlay[data-screen=title]) #hud .br{top:max(9px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right))}#stage:has(#overlay[data-screen=title]) #game-canvas{transform:none;-webkit-mask-image:linear-gradient(#0000 10%,#000 40% 75%,#0000);mask-image:linear-gradient(#0000 10%,#000 40% 75%,#0000)}}@media (pointer:coarse){.desktop-controls{display:none}.touch-controls{display:flex}}@media (max-height:780px) and (min-width:701px){#overlay[data-screen=title]{padding-top:76px;padding-bottom:56px}.title-heading h1{font-size:64px}.title-description{margin:14px 0 8px;font-size:17px}.eyebrow{margin-bottom:12px}.selection-label{margin-top:16px;padding-top:12px}#overlay[data-screen=title] .sub{margin-top:16px}}@media (max-height:660px){#overlay[data-screen=title]{pointer-events:auto;touch-action:pan-y;justify-content:flex-start;overflow-y:auto}#overlay[data-screen=title] .menu-content{margin-top:0;margin-bottom:0}#overlay[data-screen=title] .title-footer{flex-shrink:0;margin-top:24px;position:static}}@media (max-width:700px) and (max-height:780px){#overlay[data-screen=title]{justify-content:flex-start}#overlay[data-screen=title] .menu-content{margin-top:0;margin-bottom:0}#overlay[data-screen=title] .title-footer{flex-shrink:0;margin-top:24px;position:static}}#storm-surface{color:#95adbd;pointer-events:auto;cursor:crosshair;width:57%;height:75%;font-family:var(--font);touch-action:none;background:0 0;border:0;padding:0;position:absolute;top:12%;left:43%}#storm-surface:focus-visible{outline-offset:-24px;outline:1px dashed #35f0ff80}#title-storm{width:100%;height:100%}.storm-caption{letter-spacing:.17em;text-align:left;font-size:9px;position:absolute;bottom:0;left:12%;right:8%}.storm-caption>span{float:right;color:#6f8999;letter-spacing:.06em;font-size:8px}#overlay[data-screen=title] .menu-content{position:relative}#stage:has(#overlay[data-screen=title]) #game-canvas{opacity:.16}@media (max-width:1050px){#storm-surface{width:46%;left:54%}.storm-caption{text-align:center}.storm-caption>span{float:none;margin-top:10px;display:block}}@media (max-width:700px),(max-height:660px){#overlay[data-screen=title] #storm-surface{display:none}}@media (prefers-reduced-motion:reduce){#overlay[data-screen=title] .launch{transition:none}}