html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;color:#ffffffde;background:radial-gradient(circle at 50% 30%,#31484b 0,#172327 48%,#0e1618);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#app{width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center}#phaser-container{box-shadow:0 18px 80px #0000008c;outline:2px solid rgba(218,184,82,.28)}canvas{display:block;image-rendering:pixelated}#touch-controls,#rotate-hint{display:none}@media (pointer: coarse){#phaser-container{box-shadow:none;outline:none}#touch-controls{display:flex;justify-content:space-between;align-items:flex-end;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none;z-index:5}.pad{display:flex;gap:12px}.pad-left{flex-direction:column}#touch-controls button{pointer-events:auto;touch-action:none;width:72px;height:72px;border-radius:50%;border:2px solid rgba(218,184,82,.7);background:#1017198c;color:#f2cf65;font:700 14px ui-monospace,monospace;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pad-left button{font-size:26px;width:64px;height:64px}#touch-controls button.active{background:#dab85299;color:#101719}}@media (pointer: coarse) and (max-height: 420px){#touch-controls button{width:58px;height:58px;font-size:12px}.pad-left button{width:52px;height:52px}.pad,.pad-left{gap:8px}}@media (pointer: coarse) and (orientation: portrait){#touch-controls{display:none}#rotate-hint{display:block;position:fixed;left:0;right:0;bottom:12%;text-align:center;color:#f2cf65;font-size:14px;z-index:5;pointer-events:none}}