*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace;color:#e8f4ff;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}canvas{display:block;touch-action:none}#hud{position:fixed;top:16px;left:20px;font-size:20px;letter-spacing:2px;color:#7fe8ff;text-shadow:0 0 8px rgba(127,232,255,.8);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5}#reticle{position:fixed;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;pointer-events:none;z-index:5;border:1px solid rgba(127,232,255,.55);border-radius:50%}#reticle:before,#reticle:after{content:"";position:absolute;background:#7fe8ffbf}#reticle:before{top:50%;left:-6px;width:4px;height:1px}#reticle:after{top:50%;right:-6px;width:4px;height:1px}#start-screen,#game-over-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:10;background:radial-gradient(ellipse at center,#0a0f1eb3,#000000eb 75%)}#start-screen h1,#game-over-screen h1{font-size:56px;letter-spacing:12px;color:#7fe8ff;text-shadow:0 0 20px rgba(127,232,255,.7)}#game-over-screen h1{color:#ff6b5c;text-shadow:0 0 20px rgba(255,107,92,.7)}#start-screen p,#game-over-screen p{font-size:16px;color:#a8c4d8;letter-spacing:1px}button{font-family:inherit;font-size:16px;letter-spacing:3px;padding:12px 28px;background:transparent;border:1px solid #7fe8ff;color:#7fe8ff;cursor:pointer;text-transform:uppercase}button:hover{background:#7fe8ff26}.hidden{display:none!important}#touch-stick{position:fixed;top:0;left:0;width:0;height:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .18s ease}#touch-stick:before{content:"";position:absolute;width:104px;height:104px;margin:-52px 0 0 -52px;border:1px solid rgba(127,232,255,.35);border-radius:50%}#touch-stick-dot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#7fe8ff38;border:1px solid rgba(127,232,255,.65)}.touch-only{display:none}@media(pointer:coarse){.keys-only{display:none}.touch-only{display:block}button{padding:16px 34px;font-size:18px}}#hud{top:calc(16px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left))}