html,body{width:100%;height:100%}body{margin:0;padding:0;background-color:#000;overflow:hidden;image-rendering:pixelated}#phaser-game-container{width:100%;height:100vh;height:100dvh}@media (max-width: 300px),(max-height: 292px){.fullscreen-button{display:none}}.mobile-controls{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 990px){.mobile-controls{display:block;position:absolute;bottom:0;left:0;right:0;height:0;pointer-events:none}.mobile-controls .d-pad,.mobile-controls .action-buttons{position:absolute;bottom:30px;width:184px;height:184px;pointer-events:auto}.mobile-controls .d-pad{left:30px}.mobile-controls .d-pad .up{top:0;left:56px}.mobile-controls .d-pad .left{top:56px;left:0}.mobile-controls .d-pad .right{top:56px;right:0}.mobile-controls .d-pad .down{bottom:0;left:56px}.mobile-controls .action-buttons{right:30px}.mobile-controls .action-buttons .y{top:0;left:56px}.mobile-controls .action-buttons .x{top:56px;left:0}.mobile-controls .action-buttons .b{top:56px;right:0}.mobile-controls .action-buttons .a{bottom:0;left:56px}.mobile-controls .d-pad button,.mobile-controls .action-buttons button{position:absolute;width:72px;height:72px;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center}}@media (max-width: 300px),(max-height: 292px){.mobile-controls{display:none}}.gamepad-status{position:absolute;top:25px;left:20px;z-index:1000}.gamepad-warning{background-color:#ffa500e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-family:Arial,sans-serif;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;animation:pulseWarning 2s ease-in-out infinite;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}@keyframes pulseWarning{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (max-width: 768px){.gamepad-status{top:15px;left:15px}.gamepad-warning{font-size:12px;padding:6px 10px}}.rotate-overlay{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;background-color:#1a1a1a;color:#fff;text-align:center}.rotate-overlay-icon{width:84px;height:120px;border:4px solid #ffffff;border-radius:12px;animation:rotate-hint 1.5s ease-in-out infinite}.rotate-overlay-message{margin:0;font-family:sans-serif;font-size:18px}.rotate-overlay-hint{max-width:320px;margin:0;font-family:sans-serif;font-size:14px;opacity:.7}}@keyframes rotate-hint{0%,40%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.pause-button{display:none}@media (max-width: 990px),(pointer: coarse){.pause-button{position:absolute;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:1000;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:12px;background:#00000080;color:#fff;font-size:18px;line-height:1;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}}.fps-counter{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:999;padding:4px 10px;border-radius:6px;background:#00000080;color:#fff;font-family:monospace;font-size:13px;line-height:1.2;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.fps-counter-low{color:gold}.fps-counter-critical{color:#ff4500}