@font-face{font-family:LocalGrotesk;src:local("Arial Black");font-weight:900;font-display:swap}
:root{color-scheme:dark;--ink:#0a0c10;--paper:#f1f2e9;--muted:#858b96;--lime:#d9f76b;--orange:#ff6b3c;--line:#2a2f37;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}button:active{transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.shell{width:min(1440px,100%);margin:auto;padding:0 46px}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1.2px;line-height:1}.wordmark svg{width:36px;height:36px;color:var(--lime)}.soft{font-weight:400}.wordmark small{display:block;font:9px var(--mono);letter-spacing:4.4px;margin-top:8px}.header-note{font:10px var(--mono);letter-spacing:1.1px;color:var(--muted);margin-left:auto;margin-right:25px}.header-note span{color:#c0c4cb}.sandbox{font:10px var(--mono);letter-spacing:1.1px;border:1px solid var(--line);padding:11px 13px;white-space:nowrap}.sandbox i,.small-dot,.status-light{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:8px}.arena{position:relative;isolation:isolate;overflow:hidden;background:#080d17;border:1px solid var(--line);height:clamp(590px,calc(100svh - 218px),790px);min-height:590px}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.grain{pointer-events:none;position:absolute;inset:0;z-index:1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.arena:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 140px #03070b70;pointer-events:none;z-index:1}.corner{position:absolute;width:13px;height:13px;border-color:#737d8b;border-style:solid;z-index:5;pointer-events:none}.tl{left:-1px;top:-1px;border-width:2px 0 0 2px}.tr{right:-1px;top:-1px;border-width:2px 2px 0 0}.bl{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.br{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.arena-top{position:absolute;z-index:4;top:26px;left:30px;right:26px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.idle-status{font:9px var(--mono);letter-spacing:1.2px;color:#b5bdc8;display:flex;align-items:center;line-height:34px}.separator{color:#56616d;margin:0 12px}.utilities{display:flex;gap:7px;pointer-events:auto}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #66737f55;background:#0c1119a8;color:#c7cbd2;font:18px var(--mono);transition:background .15s,border-color .15s}.icon-button:hover{background:#29323a;border-color:#bac3c8}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-icon path:first-child{fill:currentColor;stroke:none}.menu{position:absolute;z-index:3;left:6%;top:20%;pointer-events:none}.menu>*{pointer-events:auto}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:#c5cbd2;line-height:1.6}.tiny-cross{color:var(--orange);font-size:19px;vertical-align:middle;margin-right:9px}.menu h1{font-family:LocalGrotesk,"Arial Black",Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(70px,8.7vw,134px);line-height:.86;letter-spacing:-7px;margin:23px 0 25px;transform:scaleX(1.04);transform-origin:left;color:#f5f5ed}.menu h1>span{color:var(--lime)}.title-dot{color:var(--orange)}.intro{color:#b5bdc8;font-size:15px;line-height:1.6;margin-bottom:26px;letter-spacing:.1px}.primary-button{background:var(--orange);border:1px solid var(--orange);color:#11110e;min-height:54px;min-width:226px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;font-weight:800;letter-spacing:1px;transition:background .15s,border-color .15s}.primary-button:hover{background:var(--lime);border-color:var(--lime)}.primary-button span{font-size:24px;font-weight:400;line-height:1}.menu-hint{margin-top:17px;font:8px var(--mono);color:#8f99a5;letter-spacing:.6px;line-height:22px}.menu-hint b{margin:0 9px;color:#5e6a79}kbd{display:inline-block;min-width:17px;padding:2px 4px;border:1px solid #48515c;border-bottom:2px solid #48515c;border-radius:2px;font:9px var(--mono);line-height:12px;text-align:center;color:#c7ccd2;margin-right:3px}.idle-side{position:absolute;right:30px;top:130px;bottom:110px;display:flex;flex-direction:column;align-items:center;gap:22px;font:8px var(--mono);letter-spacing:1.6px;writing-mode:vertical-rl;color:#85909d;z-index:2}.idle-side div{width:1px;flex:1;background:#6b7c8c44;max-height:100px}.ship-caption{position:absolute;left:67%;bottom:20%;display:flex;gap:12px;font:9px var(--mono);letter-spacing:1.2px;color:#bbc8cd;z-index:2}.ship-caption small{font-size:7px;letter-spacing:1px;display:block;color:#6f8491;margin-top:7px}.caption-line{width:50px;border-top:1px solid #6b7c8c;margin-top:5px;position:relative}.caption-line:before{content:"";position:absolute;top:-3px;width:5px;height:5px;border:1px solid #8da1ad;border-radius:50%}.arena-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;z-index:2;font:9px var(--mono);letter-spacing:1.1px;color:#8996a4}.arena-bottom strong{font-size:12px;letter-spacing:1px;color:var(--paper);margin-left:14px;font-weight:400}.footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.7px;color:#78818f}.footer p{margin:0}.footer p span{color:#c5c9ce}.instructions{font-size:8px;line-height:20px}.instructions b{font-weight:400;font-size:8px;color:#b1b9c5;margin-left:5px}.footer-divider{color:#434c58;margin:0 14px}.edition{color:#c3c9d1;font-size:9px}.device-note{font:9px var(--mono);color:#545e6d;text-align:center;margin:0 0 20px;letter-spacing:.2px}.touch-hint{display:none}.hud{display:flex;gap:65px;align-items:flex-start;pointer-events:none}.label{display:block;font:8px var(--mono);letter-spacing:1.3px;color:#9ca9b7;margin-bottom:7px}.hud strong{font:25px var(--mono);font-weight:500;letter-spacing:1px}.hud-score{position:relative}.combo{color:var(--lime);font:14px var(--mono);margin-left:12px}.hud-time strong{color:var(--lime)}.hud-time strong span{font-size:15px;color:#819052}.shield-pips{display:flex;gap:5px;padding-top:5px}.shield-pips i{width:19px;height:12px;display:block;transform:skewX(-20deg);background:var(--lime);box-shadow:0 0 15px #d9f76b22}.shield-pips i.empty{background:#3b464b;box-shadow:none}.game-bottom{position:absolute;bottom:25px;left:30px;right:30px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font:10px var(--mono);letter-spacing:1px;color:#c3cbd3}.dash-button{position:relative;pointer-events:auto;overflow:hidden;border:1px solid #7f8f6666;background:#141d21b5;padding:13px 14px;color:var(--lime);font:9px var(--mono);letter-spacing:1px;display:flex;gap:18px;align-items:center}.dash-button kbd{font-size:8px;color:var(--lime);border-color:#87976366}.dash-button>span:first-child,.dash-button kbd{position:relative;z-index:1}.dash-fill{position:absolute;inset:0;background:#d9f76b16;transform-origin:left;pointer-events:none}.dash-button:disabled{color:#7c8793}.dash-button:disabled kbd{color:#7c8793}.toast{position:absolute;top:115px;left:50%;transform:translateX(-50%) translateY(-8px);z-index:4;opacity:0;transition:opacity .2s,transform .2s;text-align:center;font:11px var(--mono);font-weight:bold;letter-spacing:3px;color:var(--lime);white-space:nowrap;pointer-events:none;text-shadow:0 2px 10px #000}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.screen{position:absolute;inset:0;z-index:6;background:#071018d9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.screen-card{max-width:550px;width:100%;display:flex;flex-direction:column;align-items:center}.screen h2,dialog h2{font-family:LocalGrotesk,"Arial Black",Arial,sans-serif;font-style:italic;font-size:clamp(48px,6vw,80px);line-height:.92;letter-spacing:-3px;margin:22px 0}.screen h2 em,dialog h2 em{font-style:inherit;color:var(--lime)}.screen-card>p{font-size:14px;color:#9ba7b6}.screen .primary-button{margin-top:15px}.text-button{border:0;background:none;color:#b5bec9;letter-spacing:1.5px;font:9px var(--mono);padding:18px 20px}.text-button:hover{color:var(--lime)}.result-stats{display:flex;gap:40px;margin:20px 0 12px;text-align:left}.result-stats strong{font:28px var(--mono);color:var(--paper);letter-spacing:-1px}.result-stats>div:first-child strong{color:var(--lime)}.new-best{color:var(--orange);font:10px var(--mono);letter-spacing:1.3px}.screen-card .saved-note{font:8px var(--mono);color:#7d8c9a;margin-top:5px}dialog{background:#101922;color:var(--paper);border:1px solid #3a4956;padding:40px;max-width:560px;width:calc(100% - 32px);max-height:calc(100svh - 32px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020609cc;backdrop-filter:blur(8px)}dialog .dialog-close{position:absolute;right:15px;top:15px}dialog h2{font-size:52px;margin-bottom:25px}dialog>p{font-size:14px;color:#b2bcc7;line-height:1.6}dialog dl{margin:25px 0}dialog dl>div{display:grid;grid-template-columns:108px 1fr;border-top:1px solid #ffffff12;padding:12px 0;gap:10px}dialog dt{font:9px var(--mono);letter-spacing:1px;color:var(--lime);padding-top:3px}dialog dd{margin:0;font-size:12px;line-height:1.5;color:#b2bcc7}dialog .primary-button{width:100%}.arena:fullscreen{width:100%;height:100%;min-height:0;border:0}.arena.playing .idle-status,.arena.playing .menu,.arena.playing .idle-side,.arena.playing .ship-caption,.arena.playing .arena-bottom{display:none}.arena.playing canvas{cursor:crosshair}.arena.playing .arena-top{background:linear-gradient(#080e19b0,transparent);left:0;right:0;top:0;padding:25px 30px 35px}.arena.playing .utilities{margin-top:3px}
@media(min-width:1600px){.menu h1{font-size:134px}}@media(max-width:1100px){.shell{padding:0 25px}.header-note{display:none}.footer p{display:none}.arena{height:calc(100svh - 210px)}.menu h1{font-size:100px}.menu{top:22%;left:6%}.idle-status{font-size:8px}.hud{gap:30px}.ship-caption{left:64%;bottom:16%}.ship-caption .caption-line{width:20px}}
@media(max-width:700px){.shell{padding:0 14px}.masthead{height:84px;gap:10px}.wordmark{font-size:21px}.wordmark svg{width:30px}.wordmark small{font-size:7px;letter-spacing:3.8px}.sandbox{font-size:8px;padding:8px}.arena{height:calc(100svh - 157px);min-height:620px;max-height:1000px}.arena-top{top:16px;left:18px;right:16px}.idle-status{font-size:7px;letter-spacing:.6px;line-height:30px}.idle-status .separator,.idle-status .separator~*{display:none}.idle-status{max-width:170px;line-height:1.6;padding-top:4px}.utilities{gap:5px}.icon-button{width:30px;height:30px}.fullscreen{display:none}.menu{top:18%;left:8%}.eyebrow{font-size:8px;letter-spacing:1px}.menu h1{font-size:clamp(76px,18vw,118px);letter-spacing:-5px;margin-top:18px;margin-bottom:20px}.intro{font-size:13px;line-height:1.5;margin-bottom:20px}.primary-button{min-height:49px;min-width:210px;font-size:11px}.menu-hint{font-size:7px;margin-top:12px}.idle-side{right:18px;top:125px;bottom:70px;font-size:6px;gap:14px}.ship-caption{left:40%;bottom:12%;font-size:7px}.ship-caption small{font-size:6px}.arena-bottom{left:20px;right:20px;bottom:20px;font-size:7px;letter-spacing:.6px}.arena-bottom strong{font-size:10px;margin-left:6px}.footer{min-height:53px;gap:8px}.footer p,.edition{display:none}.instructions{font-size:7px}.instructions b{font-size:7px;margin-left:0}.instructions kbd{font-size:8px;padding:1px 3px;min-width:14px;margin-right:2px}.footer-divider{margin:0 6px}.device-note{font-size:7px;line-height:1.6;margin-bottom:12px}.hud{gap:18px}.hud strong{font-size:18px}.hud .label{font-size:6px;letter-spacing:1px}.combo{font-size:10px;margin-left:5px}.hud-time strong span{font-size:12px}.hud-shield{position:absolute;top:80px;left:21px}.shield-pips i{width:14px;height:8px}.arena.playing .arena-top{padding:20px 20px 30px}.arena.playing .utilities{margin-top:0}.game-bottom{left:20px;right:20px;bottom:20px;font-size:8px}.game-bottom .label{font-size:7px}.dash-button{padding:14px 12px;gap:10px;font-size:8px}.dash-button kbd{font-size:7px}.toast{top:135px;font-size:9px;letter-spacing:1.5px}.screen{padding:20px}.screen h2{font-size:59px}.result-stats{gap:25px}.result-stats strong{font-size:23px}.result-stats .label{font-size:7px}dialog{padding:32px 25px}dialog h2{font-size:46px}dialog dl>div{grid-template-columns:90px 1fr}.saved-note{font-size:7px}}
@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}.dash-button kbd{display:none}.fullscreen{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.grain{display:none}}
@media(min-width:701px){.menu{top:50%;transform:translateY(-50%)}}
@media(min-width:701px) and (max-height:800px){.masthead{height:90px}.arena{height:calc(100svh - 180px);min-height:510px}.menu h1{font-size:100px}.intro{margin-bottom:20px}.menu-hint{margin-top:14px}.footer{min-height:60px}.device-note{margin-bottom:12px}}
@media(max-width:700px){.menu h1{font-size:clamp(54px,16vw,105px);letter-spacing:-3px}.idle-status{font-size:6px;max-width:220px}.idle-side{display:none}.desktop-hint{display:none}.touch-hint{display:inline}}
.custom-logo{width:36px;height:36px;object-fit:contain}.audio-dialog{max-width:470px}.audio-toggle{width:100%;padding:14px;background:#d9f76b12;border:1px solid #d9f76b50;color:var(--lime);font:11px var(--mono);letter-spacing:1px;text-align:left}.audio-toggle[aria-pressed="true"]{background:#d9f76b22}.volume-controls{margin:28px 0 20px;display:grid;gap:13px}.volume-controls label{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:1px;color:#b7c1ce}.volume-controls output{color:var(--lime)}.volume-controls input{display:block;width:100%;margin:0 0 14px;accent-color:var(--lime);height:24px;cursor:pointer}.volume-controls input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.audio-dialog .audio-note{font:9px var(--mono);color:#8795a5;margin-bottom:22px}.primary-button:disabled{opacity:.6;cursor:wait}
@media(max-width:400px){.arena.playing #help{display:none}.hud{gap:14px}.hud strong{font-size:16px}.idle-status{max-width:170px}.custom-logo{width:30px;height:30px}}
#scene3d{position:absolute;inset:0;z-index:0;pointer-events:none}#game{position:relative;z-index:1}.arena[data-renderer="three"]:not(.playing):before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#050a12a8 0%,#050a1255 34%,transparent 62%)}.arena[data-renderer="three"] .menu{z-index:3}.arena[data-renderer="three"] .arena-bottom,.arena[data-renderer="three"] .ship-caption,.arena[data-renderer="three"] .idle-side{z-index:3}
@media(max-width:700px){.arena[data-renderer="three"]:not(.playing):before{background:linear-gradient(180deg,#050a121a 0%,#050a1211 45%,transparent 70%)}}