*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:#0a0a0a;overflow:hidden}#app{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;position:relative}.game-frame{position:relative;padding:20px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a,#000);border-radius:8px;box-shadow:0 0 60px #000000e6,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #00000080;border:2px solid #2a2a2a}canvas{display:block;margin:0 auto;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;position:relative;box-shadow:0 0 20px #000c,inset 0 0 10px #00000080;border:1px solid #000}@media(max-width:768px){#app{padding:0;flex-direction:column}}.mobile-controls{display:none;position:fixed;bottom:20px;left:0;right:0;padding:0 20px;z-index:100}@media(max-width:768px){.mobile-controls{display:flex;flex-direction:column;gap:10px}.game-frame{margin-bottom:auto;margin-top:40px}}.mobile-controls-top{display:flex;justify-content:flex-start}.mobile-controls-bottom{display:flex;justify-content:space-between;align-items:center}.mobile-controls-left{display:flex;gap:12px}.mobile-controls-right{display:flex}.mobile-btn-pause{width:44px;height:44px;border-radius:10px}.mobile-btn-pause svg{width:20px;height:20px}.mobile-btn-pause svg rect{fill:#6abec8e6}.mobile-controls.amber .mobile-btn-pause svg rect{fill:#ffb000e6}.mobile-btn{width:90px;height:90px;border-radius:16px;background:#6abec826;border:3px solid rgba(106,190,200,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .1s,transform .1s}.mobile-btn:active,.mobile-btn.pressed{background:#6abec859;transform:scale(.95)}.mobile-btn svg{width:42px;height:42px;stroke:#6abec8e6;stroke-width:3;fill:none}.mobile-controls.amber .mobile-btn{background:#ffb00026;border-color:#ffb00099}.mobile-controls.amber .mobile-btn:active,.mobile-controls.amber .mobile-btn.pressed{background:#ffb00059}.mobile-controls.amber .mobile-btn svg{stroke:#ffb000e6}