:root{--vh: 1vh}body{margin:0;padding:0;background:#000;overflow:hidden;font-family:Arial,sans-serif;position:fixed;width:100%;height:calc(var(--vh, 1vh) * 100);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#gameContainer{width:100%;height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;align-items:center;position:relative;min-height:calc(var(--vh, 1vh) * 100)}canvas{border:1px solid #333;display:block;max-width:100%;max-height:100%;touch-action:none}#mobileControls{position:fixed;bottom:20px;right:20px;width:120px;height:120px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:none;justify-content:center;align-items:center;touch-action:none;z-index:1000;transition:border-color .2s ease,opacity .2s ease;opacity:0;pointer-events:none}#mobileControls.active{opacity:1;pointer-events:auto}#mobileControls.sprint{border-color:#ff0c;box-shadow:0 0 15px #ff06}#joystickKnob{width:40px;height:40px;background:#fffc;border-radius:50%;position:relative;transition:none}@media (max-width: 768px){#mobileControls{display:flex}body{height:calc(var(--vh, 1vh) * 100);touch-action:manipulation}#gameContainer{height:calc(var(--vh, 1vh) * 100);overflow:hidden}canvas{max-width:calc(100vw - 2px);max-height:calc(var(--vh, 1vh) * 100 - 2px)}}