*{box-sizing:border-box}html,body{margin:0;background:#050b13;color:#edf8ff;font:15px system-ui,sans-serif;height:100%;overflow:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer;border:1px solid #587082;background:#102637;padding:10px 16px;border-radius:4px;touch-action:manipulation}button:hover{border-color:#ffe34b}a{text-decoration:none}#game{height:100dvh;min-height:380px;position:relative;overflow:hidden;background:#071321}canvas{width:100%;height:100%;image-rendering:pixelated}header{position:absolute;top:0;left:0;right:0;padding:12px max(16px,env(safe-area-inset-right));display:flex;gap:12px;align-items:center;background:linear-gradient(#030c16e8,transparent);z-index:3}header>span{font-weight:900;letter-spacing:2px;margin-right:auto;color:#ffe34b;font-size:12px}#hud{position:absolute;top:65px;left:18px;right:18px;display:flex;justify-content:space-between;text-shadow:0 2px 4px #000;font-size:12px;letter-spacing:1px}#hud b{display:block;font:900 28px monospace;color:#ffe34b}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:24px monospace;color:#ffffbe;pointer-events:none}footer{position:absolute;bottom:0;width:100%;padding:14px 20px;background:#06101ce6;border-top:2px solid #2d779a;font:14px monospace;color:#8ccef6}footer strong{font-size:24px;color:#ffe34b;margin:0 15px}footer span{float:right;color:white}#panel{position:absolute;inset:58px 0 0;display:flex;background:linear-gradient(100deg,#06121c 40%,#06121cdd);z-index:5;align-items:center;overflow:auto}#panel[hidden]{display:none}.intro{padding:32px 5vw;width:60%;z-index:1}#panel>img{width:40%;height:100%;object-fit:cover;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 25%)}h1{font:900 clamp(42px,8vw,100px)/.86 system-ui;letter-spacing:-3px;margin:24px 0;color:#fff}h1 em{font-style:normal;color:#ffe34b}.eyebrow{font:12px monospace;color:#7fc5ef;letter-spacing:2px}.intro p{line-height:1.6;max-width:500px;color:#aebfcd}#start{background:#ffe34b;border:0;color:#101318;font-weight:900;padding:16px 28px;font-size:17px}#message{position:absolute;top:30%;width:100%;text-align:center;color:#ffe34b;font-weight:900;font-size:22px;text-shadow:0 2px 6px black;pointer-events:none}#touch{display:none;position:absolute;inset:0;pointer-events:none}#stick{position:absolute;left:26px;bottom:90px;width:110px;height:110px;border:2px solid #b0d7ee66;background:#0a273455;border-radius:50%;pointer-events:auto;touch-action:none}#stick span{position:absolute;left:32px;top:32px;width:42px;height:42px;background:#85c1dc88;border:1px solid #c7eaff;border-radius:50%}.touch-right{position:absolute;right:24px;bottom:85px;text-align:right}.touch-right span{display:block;font-size:10px;margin-bottom:12px;color:#ffffff88}#fire{border:2px solid #ffe34b;background:#78651577;border-radius:50%;width:90px;height:90px;font-weight:bold;pointer-events:auto;touch-action:none}@media(pointer:coarse){#touch{display:block}}@media(max-width:600px){header>span{font-size:10px;letter-spacing:0}header{padding:8px;gap:8px}header button{padding:8px}#panel{inset:48px 0 0}#panel>img{position:absolute;inset:0;width:100%;opacity:.2;mask-image:none}.intro{width:100%;padding:24px}h1{font-size:64px}footer span{font-size:11px;max-width:45%;text-align:right}#hud{top:60px}#hud b{font-size:22px}}@media(max-height:500px){.intro{padding:12px 5vw}h1{font-size:46px;margin:10px 0}.intro p{font-size:13px;margin:10px 0}.eyebrow{font-size:10px}#best{display:none}#hud{top:52px}#stick{bottom:62px;width:90px;height:90px}#stick span{left:22px;top:22px}.touch-right{bottom:60px}#fire{width:72px;height:72px}}
/* Treat the entire play surface as a touch control, including HUD overlays. */
html,body,#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none}#game{touch-action:none}img{-webkit-user-drag:none;pointer-events:none}#hud,#message,#reticle,footer{pointer-events:none}#touch{z-index:2}header{z-index:4}#panel{z-index:5}#stick,#fire{touch-action:none}#restart{display:block;margin-top:12px;font-size:14px}#retry{background:#ffe34b;color:#071321;font-weight:900;margin:10px 0}#retry[hidden]{display:none}#enemy-label{position:absolute;left:18px;top:127px;pointer-events:none;font:12px monospace;color:#cde5ff;text-shadow:0 2px 4px black}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font:bold 28px monospace;pointer-events:none;opacity:0}#hit-marker.active{opacity:1}#loading-art{color:#ffe34b}button:focus-visible,a:focus-visible{outline:3px solid #ffe34b;outline-offset:4px}#panel button:disabled{opacity:.5;cursor:wait}#panel .beta{display:inline-block;border:1px solid #ffe34b66;color:#ffe34b;padding:3px 8px;font:12px monospace;letter-spacing:1px;margin-top:12px}#touch .touch-right span{pointer-events:none}@media(max-height:500px){#enemy-label{top:100px;font-size:10px}.intro #instructions{margin:5px 0}#restart{display:inline-block;margin:8px}.intro .beta{display:none}}@media(pointer:coarse){#hud{right:20px}#message{font-size:18px;top:27%}}
/* Keep radar anchored to the score, away from both thumb controls. */
#score-block{position:relative;text-align:right;min-width:72px}#radar{position:absolute;right:0;top:calc(100% + 12px);width:96px;padding:5px;border:1px solid #49708a;background:#06111de8;box-shadow:0 6px 20px #0005}#minimap{width:100%;height:auto;display:block;image-rendering:pixelated}#gate-status{display:block;font:10px monospace;letter-spacing:.5px;text-align:center;margin-top:5px;color:#a7bcc9;white-space:nowrap}#radar.open{border-color:#ffe34b}#radar.open #gate-status{color:#ffe34b}#health-block{position:relative}#pilot{position:absolute;left:0;top:calc(100% + 8px);width:32px;height:40px;object-fit:contain;object-position:center;opacity:.9}#enemy-label{left:58px;top:127px;max-width:calc(100% - 185px);font-size:11px;line-height:1.45;letter-spacing:.4px}#reticle{font-size:22px;opacity:.9}#touch .touch-right{right:max(24px,env(safe-area-inset-right))}footer{padding-bottom:max(12px,env(safe-area-inset-bottom));font-size:12px}footer strong{font-size:20px}footer span{max-width:52%;font-size:12px}#message{padding:0 18px;font-size:18px}#panel{overscroll-behavior:contain}header a,header button{min-height:40px;display:flex;align-items:center}header>span{letter-spacing:1px}#view{display:block}#hud{font-variant-numeric:tabular-nums}@media(max-width:600px){#enemy-label{top:117px;max-width:calc(100% - 175px)}#hud{font-size:11px}#hud b{font-size:23px}#radar{width:88px}header>span{font-size:10px;letter-spacing:0}header{gap:7px}header a{font-size:14px}header button{font-size:13px}#stick{bottom:96px}#touch .touch-right{bottom:90px}}@media(max-height:500px){#radar{width:72px;top:calc(100% + 5px);padding:4px}#gate-status{font-size:9px;margin-top:2px}#pilot{width:24px;height:30px;top:calc(100% + 5px)}#enemy-label{left:52px;top:105px;font-size:10px;max-width:55%}#hud b{font-size:20px}#hud{font-size:10px}#stick{bottom:58px}#touch .touch-right{bottom:54px}#message{top:38%;font-size:16px}footer{padding:8px 16px}footer strong{font-size:16px}}
#performance{position:absolute;left:18px;top:177px;max-width:calc(100% - 130px);font:11px monospace;color:#d9edf5;text-shadow:0 2px 4px #000;pointer-events:none;font-variant-numeric:tabular-nums}.intro .scoring-rules{font-size:12px;line-height:1.5;color:#c3d7df}#score-breakdown{padding:12px;border:1px solid #49708a;background:#102637;font-size:13px;color:#ffe34b}#panel{align-items:safe center}@media(max-height:500px){#performance{top:143px;font-size:10px}.intro{padding-top:20px;padding-bottom:20px}}