:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;--control-bg: rgba(255, 255, 255, .1);--control-active: rgba(255, 255, 255, .3);--control-color: rgba(255, 255, 255, .8)}body{margin:0;display:flex;width:100vw;height:100vh;background:#121212;overscroll-behavior:none;touch-action:none;overflow:hidden}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.game-container{position:relative;width:min(600px,56.25vh,95vw);height:min(1050px,95vh,177.78vw);background:#1A1A1A;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;touch-action:none}canvas{width:100%;height:100%;display:block;touch-action:none}.mobile-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1000}@media (hover: hover) and (pointer: fine){.mobile-controls{display:none}}.d-pad{position:relative;width:150px;height:150px;pointer-events:auto;background:rgba(0,0,0,.3);border-radius:12px;padding:10px}.d-pad button{position:absolute;width:50px;height:50px;border:none;background:var(--control-bg);color:var(--control-color);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent;transition:background-color .2s;-webkit-user-select:none;user-select:none;touch-action:none}.d-pad button:active{background:var(--control-active);transform:scale(.95)}.d-pad-up{top:0;left:50px}.d-pad-right{top:50px;right:0}.d-pad-down{bottom:0;left:50px}.d-pad-left{top:50px;left:0}