html,body{background:#1d1f27;width:100%;height:100%;margin:0;overflow:hidden}body{box-sizing:border-box;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}#game{flex:1;width:100%;min-height:0;overflow:hidden}#game canvas{touch-action:none;display:block}.touch-controls{display:none}@media (width<=1366px){.touch-controls:not([hidden]){pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:fixed}.touch-controls button{pointer-events:auto;color:#fff;touch-action:none;text-transform:capitalize;-webkit-touch-callout:none;background:#172033b8;border:2px solid #dbeafe99;font:700 14px Arial,sans-serif;position:absolute;bottom:12px}.movement-zone:not([hidden]){pointer-events:auto;touch-action:none;width:50%;position:absolute;top:22%;bottom:0;left:0}.touch-controls .control-joystick{pointer-events:none;border-radius:50%;place-items:center;width:104px;height:80px;display:grid;bottom:auto;transform:translate(-50%,-50%)}.touch-controls [hidden]{display:none}.joystick-thumb{pointer-events:none;background:#6b8aa8cc;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.control-power{border-radius:50%;width:80px;height:80px;right:12px}.touch-controls .powered{background:#87490cdb;border-color:#facc15}.touch-controls .pressed{background:#467ca6}.touch-controls button:disabled{opacity:.35}.touch-controls button:focus-visible{outline-offset:2px;outline:3px solid #facc15}}