*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;background:#000}#root{width:100%;height:100%;position:fixed}canvas{width:100%!important;height:100%!important;touch-action:none}:root{--touch-btn-bg: rgba(255, 255, 255, .5);--touch-btn-pressed: rgba(255, 255, 255, .8);--touch-btn-border: rgba(0, 0, 0, .3);--touch-icon-color: #333333;--thrust-btn-bg: linear-gradient(#ff6600, #ff3300)}.touch-controls{position:fixed;bottom:0;left:0;right:0;height:180px;pointer-events:none;z-index:1000}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:2px solid var(--touch-btn-border);background:var(--touch-btn-bg);color:var(--touch-icon-color);font-size:24px;font-weight:700;border-radius:12px;transition:opacity .1s ease,transform .1s ease}.dpad{position:absolute;left:20px;bottom:20px;width:150px;height:150px}.dpad-btn{position:absolute;width:50px;height:50px;opacity:.6}.dpad-btn.pressed{opacity:.85;background:var(--touch-btn-pressed)}.dpad-btn--up{top:0;left:50px}.dpad-btn--down{bottom:0;left:50px}.dpad-btn--left{left:0;top:50px}.dpad-btn--right{right:0;top:50px}.thrust-btn{position:absolute;right:20px;bottom:20px;width:80px;height:80px;border-radius:999px;background:var(--thrust-btn-bg);color:#fff;opacity:.6;font-size:14px;letter-spacing:.05em}.thrust-btn.pressed{opacity:.9;transform:scale(1.05)}@media (max-width: 479px){.touch-controls{height:150px}.dpad{width:120px;height:120px}.dpad-btn{width:40px;height:40px}.dpad-btn--up,.dpad-btn--down{left:40px}.dpad-btn--left,.dpad-btn--right{top:40px}.thrust-btn{width:60px;height:60px;font-size:12px}}