html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0;background:#000;overscroll-behavior:none}#app,#game-canvas,#joystick,#fire-btn{touch-action:none}*{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;width:100%;height:100dvh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#joystick{position:absolute;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff12;pointer-events:none;z-index:20}#joystick-knob{position:absolute;width:52px;height:52px;left:50%;top:50%;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffff52}#fire-btn{position:absolute;right:max(5vw,env(safe-area-inset-right));bottom:max(9vh,env(safe-area-inset-bottom));width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,120,60,.55);background:#ff783c29;color:#ffbe96e6;display:flex;align-items:center;justify-content:center;z-index:30}#fire-btn.pressed{background:#ff783c61}#hud{position:absolute;inset:0;pointer-events:none;z-index:40}#hud .ui-interactive{pointer-events:auto}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}.ch-line{position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000000b3}.ch-t{width:2px;height:7px;left:-1px;top:-12px}.ch-b{width:2px;height:7px;left:-1px;top:5px}.ch-l{width:7px;height:2px;left:-12px;top:-1px}.ch-r{width:7px;height:2px;left:5px;top:-1px}.ch-dot{position:absolute;width:3px;height:3px;left:-1.5px;top:-1.5px;border-radius:50%;background:#ffffffe6}#crosshair.on-target .ch-line,#crosshair.on-target .ch-dot{background:#ff4628f2}.hud-chip{position:absolute;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#14100a73;color:#ffffffe6;font-size:18px;line-height:1}#kill-counter{top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}#settings-btn{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font-size:20px;cursor:pointer}#settings-panel{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 48px);left:max(14px,env(safe-area-inset-left));width:240px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#14100ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:14px}.setting-row input[type=range]{width:110px}.setting-row input[type=checkbox]{width:20px;height:20px}#fullscreen-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:13px;cursor:pointer}#fps-meter{font-size:12px;opacity:.6}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0805c7;z-index:100;text-align:center}.overlay-card h1{margin:0 0 8px;font-size:34px;letter-spacing:2px;color:#e8cf9f}.overlay-card p{margin:6px 0;font-size:18px}.overlay-card .hint{font-size:13px;opacity:.6}.rotate-glyph{font-size:56px;margin-bottom:12px}#lock-overlay{cursor:pointer}#end-overlay{background:#140808d9}#end-title{color:#ff6a4d}#restart-btn{margin-top:18px;padding:16px 44px;font-size:22px;font-weight:700;letter-spacing:1px;border-radius:14px;border:2px solid rgba(255,255,255,.5);background:#ff783c40;color:#fff;cursor:pointer;min-height:56px}#restart-btn:active{background:#ff783c80}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:10px 18px;border-radius:10px;background:#781414cc;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:16px;font-weight:600;z-index:60;pointer-events:none;white-space:nowrap}