:root{font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#8bd7ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%}canvas{display:block;cursor:crosshair;touch-action:none}#hud{position:fixed;top:1rem;left:1rem;width:min(19rem,calc(100vw - 2rem));padding:1rem 1.15rem;border:2px solid rgb(255 255 255 / 45%);border-radius:1rem;background:#032b4bc7;box-shadow:0 .75rem 2rem #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}#hud h1{margin:0 0 .55rem;color:#fde047;font-size:1.5rem;letter-spacing:.04em;text-transform:uppercase}#hud p{margin:.2rem 0;color:#dbeafe;font-size:.82rem}#status{display:block;margin-top:.8rem;color:#fff;line-height:1.3}#crosshair{position:fixed;top:50%;left:50%;color:#fffc;font:700 1.5rem/1 monospace;text-shadow:0 1px 4px rgb(0 0 0 / 55%);transform:translate(-50%,-50%);pointer-events:none}#touch-controls{position:fixed;z-index:20;inset:0;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#touch-look-zone{position:absolute;z-index:1;top:0;right:0;width:56vw;height:100%;touch-action:none;pointer-events:auto}#touch-look-zone span{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:8.5rem;padding:.35rem .6rem;border-radius:.75rem;color:#ffffff9e;background:#032b4b4d;font-size:.72rem;transition:opacity .12s ease}#touch-look-zone.is-looking span{opacity:.2}#touch-joystick{position:absolute;z-index:2;bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));width:8rem;height:8rem;border:3px solid rgb(255 255 255 / 55%);border-radius:50%;background:#032b4b61;box-shadow:inset 0 0 1.2rem #0003,0 .5rem 1.2rem #0000002e;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}#touch-joystick.is-active{border-color:#7dd3fce5;background:#032b4b85}#touch-joystick-knob{position:absolute;top:50%;left:50%;width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem;border:2px solid rgb(255 255 255 / 78%);border-radius:50%;background:#0ea5e9d1;box-shadow:0 .45rem 1rem #00000047;pointer-events:none;transition:transform 70ms ease-out}#touch-joystick.is-active #touch-joystick-knob{transition:none}#touch-action{border:2px solid rgb(255 255 255 / 62%);color:#fff;background:#032b4ba6;box-shadow:0 .4rem 1rem #00000038;font:700 1.35rem/1 system-ui,sans-serif;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}#touch-action.is-pressed{background:#0ea5e9d1;transform:scale(.94)}#touch-action{position:absolute;z-index:3;right:max(1.3rem,env(safe-area-inset-right));bottom:max(1.3rem,env(safe-area-inset-bottom));width:5.8rem;height:5.8rem;border-radius:50%;font-size:1rem}#victory-screen{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:#031423b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#victory-screen[hidden]{display:none}.victory-card{width:min(30rem,100%);padding:2.2rem 1.5rem;border:3px solid #facc15;border-radius:1.5rem;color:#fff;background:linear-gradient(145deg,#075985,#0f766e);box-shadow:0 1.5rem 4rem #0006;text-align:center}.victory-card h2{margin:0 0 1.6rem;color:#fde047;font-size:clamp(2.2rem,8vw,4rem)}#restart-game{min-height:3.4rem;padding:.75rem 1.5rem;border:2px solid #fff;border-radius:999px;color:#083344;background:#fde047;box-shadow:0 .55rem 1.2rem #00000040;font:800 1.1rem/1 system-ui,sans-serif;cursor:pointer}#restart-game:hover,#restart-game:focus-visible{background:#fff;transform:translateY(-2px)}@media(pointer:coarse),(max-width:600px){#hud{top:max(.5rem,env(safe-area-inset-top));left:max(.5rem,env(safe-area-inset-left));width:min(15rem,calc(100vw - 1rem));padding:.75rem}#hud h1{margin-bottom:.3rem;font-size:1.15rem}#hud p{display:none}#status{margin-top:.35rem;font-size:.85rem}}