@font-face{font-family:Archivo;src:url('assets/ArchivoNarrow.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--ink:#080f1d;--line:#a9c6d322;--muted:#90a8b9;--white:#eff5f4;--amber:#ffbf69;--cyan:#a1e8f2}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,sans-serif;overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}#app{height:100svh;height:100dvh;min-height:320px;display:grid;grid-template-rows:66px minmax(0,1fr) 66px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);z-index:5;background:#080f1d}.brand{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:.12em;text-decoration:none;color:var(--white)}.brand-symbol{display:grid;place-items:center;border:1px solid #90a8b94d;width:25px;height:27px;font-size:19px;transform:skew(-9deg)}.divider{color:#506477;margin:0 6px}.brand-game{color:var(--muted);font-weight:400}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{min-width:44px;min-height:44px;color:var(--muted);font-size:21px}.top-actions #sound{font-size:10px;letter-spacing:.08em}.top-actions #sound span{color:var(--white);margin-left:7px}.arena{position:relative;min-height:0;isolation:isolate;background:#050c16;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 34px 35px;background:linear-gradient(#06111de8,transparent);pointer-events:none;opacity:0;transition:opacity .2s}.micro{display:block;font-size:9px;font-weight:700;letter-spacing:.17em;color:var(--muted)}.score-block strong{display:block;font:600 32px Archivo,'Arial Narrow',sans-serif;letter-spacing:.045em}.score-block small,.hull-block small{font-size:9px;color:var(--muted);letter-spacing:.08em}.mission-block{text-align:center}.mission-block strong{display:block;font:600 17px Archivo,sans-serif;letter-spacing:.08em;margin-top:7px}.hull-block{text-align:right}.hull-block strong{display:block;margin:8px 0;color:var(--amber);font-size:15px;letter-spacing:3px}.title-screen{position:absolute;inset:0;display:flex;align-items:center;padding:30px 8%;background:linear-gradient(90deg,#050d1cba 5%,#07111c20 75%)}.title-copy{position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.23em;color:var(--amber);display:flex;align-items:center;gap:10px}.eyebrow>span{width:5px;height:5px;background:var(--amber);box-shadow:0 0 15px var(--amber)}h1{font-family:Archivo,'Arial Narrow',Impact,sans-serif;font-weight:800;font-stretch:condensed;line-height:.85;font-size:clamp(70px,10.3vw,152px);letter-spacing:-.025em;margin:25px 0 22px}h1>span{display:block;color:var(--amber);font-size:.9em;letter-spacing:-.06em;margin-top:10px}.tagline{font:500 clamp(21px,2.2vw,32px)/1.15 Archivo,sans-serif;margin:0 0 14px}.intro{font-size:12px;line-height:1.6;color:#a8bcca;margin:0 0 24px}.launch-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.primary{min-height:52px;min-width:228px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 20px;background:var(--amber);color:#16130e;font-size:10px;font-weight:800;letter-spacing:.12em;transition:background .15s,transform .15s}.primary:hover{background:#ffdaa5;transform:translateY(-2px)}.primary span{font-size:20px}.secondary{border-bottom:1px solid #9cafbb55;min-height:38px;padding:7px 0;font-size:9px;letter-spacing:.13em}.title-bottom{display:flex;gap:25px;margin-top:32px;color:#9db2c3;font-size:8px;letter-spacing:.15em}.title-bottom span:first-child{color:var(--white)}.hero-ship{position:absolute;right:9%;top:28%;width:33%;max-width:430px;transform:rotate(-12deg);animation:hovercraft 6s ease-in-out infinite;pointer-events:none}.hero-ship img{display:block;width:100%;filter:drop-shadow(0 35px 25px #0009);position:relative}.ship-halo{position:absolute;inset:35% 0 -3%;background:radial-gradient(ellipse,#81d9fb26,transparent 64%);transform:rotate(12deg)}.ship-caption{transform:rotate(12deg);display:flex;flex-direction:column;gap:10px;align-items:flex-end;color:#bed4df;font-size:8px;letter-spacing:.18em}.ship-caption i{height:1px;width:100px;background:#b4d7e955}.ship-caption small{color:#7296ae;font-size:7px}.announcement{position:absolute;top:42%;left:0;right:0;pointer-events:none;text-align:center;font:600 20px Archivo,sans-serif;letter-spacing:.15em;text-shadow:0 2px 15px #000}.combat-strip{position:absolute;left:30px;right:30px;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:18px;opacity:0;pointer-events:none}.chain{display:flex;flex-direction:column;gap:7px}.chain small{font-size:9px;color:#aac0cd}.chain-pips,#chain-pips{display:flex;gap:5px}#chain-pips i{display:block;width:23px;height:3px;background:#9fb6c130}#chain-pips i.active{background:var(--chain-color,var(--amber));box-shadow:0 0 10px var(--chain-color)}.ability{pointer-events:auto;min-height:48px;min-width:140px;padding:8px 12px;background:#07111ee8;border-left:2px solid #637b8b;position:relative;text-align:left}.ability.ready{border-color:var(--amber);background:#241b0fed;opacity:1}.ability strong{display:block;font:600 12px Archivo,sans-serif;letter-spacing:.09em;margin-top:7px}.ability kbd{font:inherit;float:right;margin-left:15px}.charge-track{position:absolute;height:2px;bottom:0;left:0;right:0;background:#9ab7c31a}.charge-track i{height:100%;display:block;background:var(--cyan)}.control-bar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-top:1px solid var(--line);gap:24px;background:#080f1d}.desktop-guide{display:flex;gap:22px;font-size:8px;letter-spacing:.1em;color:#8da4b6}.desktop-guide span{display:flex;align-items:center;gap:5px}kbd{border:1px solid #8299a63b;border-radius:3px;padding:4px 5px;font:8px Arial,sans-serif;color:#c3d3db}.text-button{font-size:8px;letter-spacing:.13em;min-height:44px;color:#abbeca}.text-button span{margin-left:10px}.footer-note{font-size:8px;letter-spacing:.18em;color:#648092}.steer-pad,.fire-button{display:none}.overlay{position:absolute;inset:0;z-index:6;background:#06101ded;backdrop-filter:blur(14px);display:grid;place-items:center;overflow:auto;padding:20px}.overlay-content{width:min(390px,100%)}h2{font:700 clamp(38px,6vw,68px)/1 Archivo,sans-serif;letter-spacing:-.015em;margin:15px 0}.overlay-content>p:not(.eyebrow){color:#a7bdcc;font-size:12px;line-height:1.8}.overlay-content .primary{width:100%;margin:20px 0}.settings{border-top:1px solid var(--line);margin-top:20px}.settings label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.settings small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.settings input{width:20px;height:20px;accent-color:var(--amber)}.help{font-size:10px!important;line-height:2.5!important}.title-copy{animation:arrive .8s ease both}#app:not([data-mode="title"]) .title-screen{display:none}#app:not([data-mode="title"]) .hud,#app:not([data-mode="title"]) .combat-strip{opacity:1}#app[data-mode="title"] #pause{visibility:hidden}#app:not([data-mode="title"]) .footer-note{display:none}#app[data-mode="title"] .desktop-guide{display:none}#app[data-mode="paused"] .combat-strip{pointer-events:none}@keyframes hovercraft{50%{transform:translateY(-12px) rotate(-10deg)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.arena{margin:0 auto;width:min(100%,1600px)}.combat-strip{bottom:12px;background:linear-gradient(transparent,#06101d88);padding:10px 0 0}}
@media(pointer:coarse){.desktop-guide{display:none}.steer-pad{touch-action:none;display:flex;align-items:center;justify-content:space-between;flex:1;align-self:stretch;max-width:65%;font-size:29px;color:#a8c0d0;user-select:none}.steer-pad>div{display:flex;align-items:center;flex-direction:column;gap:8px;width:80%}.steer-pad i{width:42px;height:3px;background:#9bc3d0;box-shadow:0 0 16px #76d7f455}.steer-pad small{font-size:8px;letter-spacing:.15em;color:#7d98ab}.fire-button{touch-action:none;display:block;border:1px solid #ffbf6955;background:#2c2218;color:var(--amber);height:52px;min-width:90px;font:700 15px Archivo,sans-serif;letter-spacing:.12em}.control-bar .footer-note{display:none}.control-bar .text-button{display:none}.ability kbd{display:none}#app[data-mode="title"] .steer-pad,#app[data-mode="title"] .fire-button{display:none}#app[data-mode="title"] .control-bar .text-button{display:block}#app[data-mode="title"] .footer-note{display:block}}
@media(max-width:650px){#app{grid-template-rows:52px minmax(0,1fr) 78px}.topbar{padding:0 15px}.brand{font-size:9px;gap:8px}.brand-symbol{width:20px;height:22px;font-size:16px}.brand-game,.divider{display:none}.top-actions{gap:3px}.top-actions #sound{font-size:8px}.title-screen{padding:28px 7%;align-items:flex-start}.title-copy{padding-top:8%}.eyebrow{font-size:8px;letter-spacing:.15em}h1{font-size:clamp(69px,21vw,118px);margin-top:23px;margin-bottom:22px}.tagline{font-size:25px}.intro{font-size:11px;max-width:210px;margin-bottom:22px}.title-bottom{margin-top:22px;font-size:7px;gap:16px}.hero-ship{width:47%;right:-5%;top:44%;opacity:.85}.ship-caption{display:none}.launch-actions{position:relative;z-index:2}.primary{min-height:52px;min-width:222px}.hud{padding:16px 15px 30px}.score-block strong{font-size:25px}.score-block small,.hull-block small{font-size:7px}.mission-block strong{font-size:13px}.micro{font-size:8px}.hull-block strong{font-size:12px;letter-spacing:1px}.combat-strip{left:12px;right:12px;bottom:9px;gap:8px}.chain{flex:1}.chain small{font-size:7px;max-width:90px}.ability{min-width:97px;padding:8px;min-height:48px}.ability strong{font-size:10px}.ability .micro{font-size:7px}#chain-pips i{width:16px}.control-bar{padding:0 17px;gap:15px}.desktop-guide{gap:10px}.desktop-guide span{font-size:7px}.desktop-guide span:nth-child(n+3){display:none}.control-bar .text-button{font-size:7px}.footer-note{font-size:7px}.overlay{padding:20px}.overlay-content .eyebrow{margin-top:5px}.settings label{padding:10px 0}}
@media(max-height:560px){#app{grid-template-rows:44px minmax(0,1fr) 48px}.topbar{padding:0 20px}.title-screen{padding:16px 7%;align-items:center}.title-copy{padding:0;display:grid;grid-template-columns:auto auto;column-gap:40px;align-items:start}.title-copy .eyebrow{grid-column:1 / 3}h1{font-size:69px;margin:15px 0;grid-row:2 / 5}.tagline{font-size:22px;margin:15px 0 8px}.intro{font-size:10px;margin:0 0 9px}.title-bottom{display:none}.primary{min-height:44px}.hero-ship{right:4%;top:15%;width:25%;opacity:.65}.hud{padding-top:9px}.score-block strong{font-size:24px}.combat-strip{bottom:5px}.chain small{display:none}.ability{min-height:42px}.fire-button{height:40px}.overlay-content{padding:8px 0}.overlay{place-items:start center}.steer-pad>div{gap:4px}.hud .micro{font-size:7px}.secondary{min-height:28px;font-size:8px}.ship-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#app[data-reduced="true"] *{animation:none!important;transition:none!important}.ability:disabled{opacity:1;color:#8ea5b5;background:#07111eef}.ability:disabled .micro{color:#7f99ac}.ability{min-width:170px}.ability strong{white-space:nowrap;font-size:11px}@media(max-width:650px){.ability{min-width:98px}.ability strong{font-size:9px;white-space:normal}.ability .micro{letter-spacing:.08em}}