html,body,#app{background:#09111d;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}#game-shell{width:100%;height:100%;position:relative}#game-host{width:100%;height:100%}#mobile-controls{pointer-events:none;z-index:20;position:absolute;inset:0}#game-shell.is-desktop #mobile-controls{display:none}#left-zone{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff0f 0%,#ffffff05 70%,#fff0 100%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:20px;left:20px}#right-buttons{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:240px;display:flex;position:absolute;bottom:24px;right:20px}.hud-btn{color:#fff;cursor:pointer;z-index:25;background:#08111db8;border:1px solid #ffffff2e;border-radius:14px;width:52px;height:52px;font-size:26px;font-weight:700;position:absolute;top:16px;right:16px}.hud-btn:hover{background:#122136e0}#game-shell.is-touch .hud-btn{top:18px;right:18px}.touch-btn{color:#fff;touch-action:none;background:#ffffff24;border:2px solid #ffffff3d;border-radius:50%;width:64px;height:64px;font-size:22px;font-weight:700}.touch-btn.pressed{background:#ffffff4d;transform:scale(.96)}body{justify-content:center;align-items:center;display:flex}canvas{touch-action:none;-ms-touch-action:none;max-width:100vw;max-height:100vh;display:block;box-shadow:0 16px 50px #00000073}@media (width<=900px){.hud-btn{width:48px;height:48px;font-size:24px}}