:root{color-scheme:dark;background:#000;color:#d7e7ff;font-family:monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#000}#game-shell{position:relative;width:100vw;height:100dvh;min-height:100svh;overflow:hidden;background:#000}#game-shell:focus-within{outline:2px solid rgba(154,240,255,.8);outline-offset:-4px}#game-canvas,#game-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:default}#game-canvas{z-index:1}#touch-controls{position:absolute;z-index:140;right:0;bottom:max(14px,env(safe-area-inset-bottom));left:0;height:160px;display:none;pointer-events:none}#touch-controls button,.touch-stick{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#touch-controls button{min-height:48px;border:2px solid #9af0ff;border-radius:12px;color:#effcff;background:#05182ce0;box-shadow:0 4px #000000b8,0 0 18px #20c8ef40;font:900 11px/1 Arial,sans-serif;letter-spacing:.08em}#touch-controls button:active,#touch-controls button[aria-pressed=true]{transform:translateY(2px);background:#1687ad;box-shadow:0 2px #000000b8}#touch-mode{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:166px;min-width:116px;padding:11px 8px}.touch-stick{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:0;display:block;width:116px;height:116px;overflow:hidden;border:3px solid rgba(154,240,255,.9);border-radius:50%;background:radial-gradient(circle,#20c8ef2b 0 26%,#040812b8 28% 100%);box-shadow:inset 0 0 18px #20c8ef3d,0 4px #000000b8}.touch-stick i{position:absolute;top:50%;left:50%;width:46px;height:46px;border:3px solid #effcff;border-radius:50%;background:#1687ade6;box-shadow:0 0 14px #9af0ff9e;transform:translate(-50%,-50%)}.touch-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:0;width:min(72vw,350px);display:flex;flex-wrap:wrap;align-content:end;justify-content:end;align-items:end;gap:6px;pointer-events:none}.touch-actions button{min-width:82px;padding:11px 9px;pointer-events:auto}#touch-fire{min-width:96px;min-height:64px!important;border-color:#ff9d6b!important;background:#5d2014e6!important}#touch-rear{border-color:#dca6ff!important;background:#3b1e5de6!important}#touch-options,#touch-presentation{border-color:#9af0ff}#game-canvas,#game-canvas canvas{touch-action:none}#web-quit-panel{position:absolute;z-index:200;inset:0;display:grid;place-content:center;gap:14px;padding:28px;text-align:center;color:#effcff;background:#050916;font:700 16px/1.4 Arial,sans-serif}#web-quit-panel[hidden]{display:none}#web-quit-panel h1,#web-quit-panel p{margin:0}#web-quit-return{min-height:48px;padding:10px 20px;border:2px solid #9af0ff;border-radius:12px;color:#effcff;background:#173252;font:900 12px/1 Arial,sans-serif}#legacy-canvas{position:absolute;z-index:0;top:50%;left:50%;width:min(100vw,160svh);height:min(62.5vw,100svh);transform:translate(-50%,-50%);visibility:visible;opacity:0;outline:0;cursor:auto!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(pointer:coarse),(max-width:700px){#touch-controls{display:flex}#game-shell{min-height:100svh}}@media(max-width:540px){#touch-mode{right:max(8px,env(safe-area-inset-right));bottom:158px;min-width:94px;min-height:44px;font-size:9px}.touch-stick{left:max(8px,env(safe-area-inset-left));width:96px;height:96px}.touch-stick i{width:40px;height:40px}.touch-actions{right:max(8px,env(safe-area-inset-right));width:min(74vw,292px);gap:5px}.touch-actions button{min-width:62px;min-height:44px;padding:8px 5px;font-size:9px}#touch-fire{min-width:74px;min-height:56px!important}}@media(max-height:500px){#touch-controls{bottom:max(8px,env(safe-area-inset-bottom));height:138px}#touch-mode{bottom:142px}}