*{box-sizing:border-box}html,body{margin:0;height:100%;background:#080d12;color:#eaf2f2;font:14px system-ui,sans-serif}body{overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #526366;border-radius:6px;padding:10px 14px;background:#182329;min-height:42px}button:focus-visible,a:focus-visible{outline:3px solid #ffdf55;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{text-decoration:none}#game{height:100dvh;min-height:360px;position:relative;overflow:hidden;touch-action:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#view{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right));background:linear-gradient(#080f16f5,transparent);z-index:3}header strong{margin-right:auto;letter-spacing:2px;color:#ffe477}header small{font-size:9px;display:block;letter-spacing:2px;color:#a9b6b9;margin-top:3px}.hud{position:absolute;top:76px;left:20px;right:20px;display:flex;gap:30px;font:10px monospace;letter-spacing:1px;pointer-events:none;text-shadow:0 2px 5px #000}.hud b{display:block;color:#ffe477;font:bold 24px monospace}.pilot{display:flex;gap:9px}.pilot img{width:37px;height:44px;object-fit:cover;object-position:50% 22%;border:1px solid #d7ac4c}.route{position:absolute;right:20px;top:79px;width:180px;display:flex;flex-wrap:wrap;justify-content:space-between;font:10px monospace;gap:7px;pointer-events:none}progress{width:100%;height:5px;accent-color:#ffe477;border:0}.route progress{display:block}#notice{position:absolute;top:23%;width:100%;text-align:center;color:#ffe477;font-weight:800;letter-spacing:2px;text-shadow:0 2px 4px #000;pointer-events:none}.laser-status{position:absolute;bottom:68px;left:24px;width:160px;font:11px monospace;color:#ffe477;pointer-events:none}.laser-status small{display:block;color:#a3b7bd;margin-top:5px}#fire{position:absolute;bottom:70px;right:25px;border:2px solid #ffe477;border-radius:50%;height:90px;width:90px;background:#59461eaa;color:#fff2b5;font-weight:900;touch-action:none}#fire small{display:block;font-size:8px;margin-top:5px}footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:14px 20px max(14px,env(safe-area-inset-bottom));background:#0a141ae6;color:#93a8ab;font:10px monospace;pointer-events:none}#overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#02080bc9;padding:20px;overflow:auto}.panel{display:grid;grid-template-columns:32% 1fr;max-width:860px;width:100%;max-height:100%;overflow:auto;border:1px solid #897241;border-radius:12px;background:#10191f;box-shadow:0 20px 80px #000}.hero{overflow:hidden;position:relative;min-height:380px}.hero img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% 35%;opacity:.85}.panel-copy{padding:30px}.eyebrow{color:#d2b766;font:10px monospace;letter-spacing:2px}h1{font-size:clamp(38px,7vw,68px);line-height:.92;margin:20px 0;letter-spacing:-3px}h1 span{color:#ffe477}.panel p{color:#adbec6;line-height:1.6}.panel strong{color:#eaf2f2}.score-rules{font-size:11px;border-left:2px solid #958044;padding-left:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}#start{background:#ffe477;color:#141a1d;font-weight:800;border:0}#load-status,#best{font-size:11px}#results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}#results div{border:1px solid #35464d;padding:9px;font-size:12px}#results b{display:block;color:#ffe477;font-size:19px}#results .total{grid-column:1/-1;background:#27332a}#view{cursor:crosshair}@media(max-width:650px){header{gap:7px;padding:9px}header strong{font-size:12px;letter-spacing:1px}header small{font-size:7px}header button{padding:8px;font-size:11px}.hud{top:70px;left:14px;right:14px;gap:17px}.hud b{font-size:20px}.route{top:128px;right:14px;width:140px}.panel{grid-template-columns:1fr}.hero{display:none}.panel-copy{padding:22px}#overlay{padding:12px}.panel p{font-size:13px}footer{font-size:8px}.laser-status{width:125px;left:16px}#fire{right:16px}.hud .pilot img{width:30px;height:38px}#notice{top:30%;font-size:12px}}@media(max-height:500px){.panel-copy{padding:18px}.hero{min-height:280px}h1{font-size:38px;margin:12px 0}.hud{top:60px}.hud b{font-size:18px}.route{top:65px}#fire{bottom:46px;width:68px;height:68px;font-size:12px}.laser-status{bottom:48px}#notice{top:32%}footer{padding:9px 15px}.panel p{font-size:12px}.hud .pilot img{height:34px}#overlay{padding:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}