: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}#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:40px;left:40px;right:auto;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:.5;pointer-events:auto}#mobileControls.active{opacity:1;pointer-events:auto}#mobileControls.hidden{display:none!important}#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)}}#rotateWarning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;z-index:9999;flex-direction:column;justify-content:center;align-items:center;text-align:center}#rotateWarning .rotate-icon{font-size:64px;margin-bottom:20px;animation:rotate 2s infinite ease-in-out}#rotateWarning p{font-family:"Press Start 2P",monospace;font-size:16px;line-height:1.5;padding:0 20px}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(-90deg)}75%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media screen and (max-width: 768px) and (orientation: portrait){#app-wrapper{display:none!important}#rotateWarning{display:flex}}#interactionBtn{position:fixed;bottom:40px;right:40px;width:64px;height:64px;background:#64646480;border:4px solid rgba(255,255,255,.6);border-radius:50%;display:none}#interactionBtn.visible{display:flex;justify-content:center;align-items:center;color:#ffffffb3;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:32px;z-index:2000;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all .2s ease}#interactionBtn.can-interact{background:#ffd700cc;border-color:#fff;color:#fff;box-shadow:0 0 15px #ffd70099;transform:scale(1.05)}#interactionBtn:active{transform:scale(.95)}#interactionBtn.hidden{display:none!important}