:root{color:#e7f7ee;background:#03040a;font-family:Courier New,Courier,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(11,191,159,.14),transparent 46%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),#03040a}#app{display:grid;place-items:center;padding:16px}.cabinet{display:grid;gap:12px;justify-items:center;width:min(100vw - 32px,640px)}#game{width:100%;aspect-ratio:1;image-rendering:pixelated;border:2px solid #465267;box-shadow:0 0 0 4px #090d18,0 0 34px #50f6c838;background:#05070c}canvas{display:block;width:100%;height:100%}.touch-controls{display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;touch-action:none}.touch-controls button{min-height:48px;border:2px solid #465267;border-radius:0;color:#50f6c8;background:#07161f;box-shadow:inset 0 0 0 1px #102a37;font:700 14px/1 Courier New,Courier,monospace;letter-spacing:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch-controls button:active{color:#fff0a8;border-color:#50f6c8;background:#102a37}.touch-controls [data-control=drop],.touch-controls [data-control=start]{grid-column:span 2}@media(pointer:coarse),(max-width:760px){body{overflow:auto}#app{align-content:center;padding:10px}.cabinet{width:min(100vw - 20px,640px)}.touch-controls{display:grid}}@media(max-height:760px)and (pointer:coarse){#app{align-content:start}}