*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#120c07;height:100%;overflow:hidden}@supports (height:100dvh){html,body{height:100dvh}}body{justify-content:center;align-items:center;display:flex}#game-canvas{image-rendering:pixelated;outline:none;width:960px;max-width:100vw;height:576px;max-height:100vh}.rotate-prompt{z-index:1000;background:#120c07;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:none;position:fixed;inset:0}.rotate-icon{font-size:64px;animation:2s ease-in-out infinite rotate-spin}@keyframes rotate-spin{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-text{color:#f5d34b;text-align:center;padding:0 20px;font-family:monospace;font-size:18px}.mobile-controls{pointer-events:none;z-index:50;display:none;position:fixed;inset:0}.tap-start-overlay{z-index:40;display:none;position:fixed;inset:0}.joystick{pointer-events:auto;touch-action:none;background:#f5d34b1a;border:2px solid #f5d34b40;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:fixed;bottom:24px;left:24px}.joystick-knob{will-change:transform;background:#f5d34b59;border:2px solid #f5d34b80;border-radius:50%;width:50px;height:50px;transition:background .1s}.dpad{pointer-events:auto;width:150px;height:150px;position:fixed;bottom:24px;right:24px}.dpad-btn{color:#f5d34b;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#f5d34b1f;border:2px solid #f5d34b4d;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex;position:absolute}.dpad-btn:active{background:#f5d34b59;border-color:#f5d34b99}.dpad-arrow{pointer-events:none}.dpad-up{top:0;left:50%;transform:translate(-50%)}.dpad-down{bottom:0;left:50%;transform:translate(-50%)}.dpad-left{top:50%;left:0;transform:translateY(-50%)}.dpad-right{top:50%;right:0;transform:translateY(-50%)}.pause-btn{color:#f5d34b;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#f5d34b1f;border:2px solid #f5d34b4d;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;position:fixed;top:24px;right:24px}.pause-btn:active{background:#f5d34b59;border-color:#f5d34b99}