:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050812;font-family:Courier New,monospace}*{box-sizing:border-box}body{overscroll-behavior:none;background:radial-gradient(circle at 50% 20%,#ff4a9a1f,#0000 35%),linear-gradient(#070b17 0%,#02030a 100%);justify-content:center;align-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{justify-content:center;width:100%;display:flex}#game-shell{flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}canvas{width:min(96vw,1280px);height:auto;image-rendering:pixelated;background:#050812;border:2px solid #ff4f9a;box-shadow:0 0 18px #ff4f9a59,0 0 48px #5fcdff1f}.touch-controls{display:none}.touch-button{color:#f5f7ff;touch-action:none;-webkit-user-select:none;user-select:none;background:#03040ad1;border:2px solid #9ee7ffb8;width:72px;height:64px;font:28px/1 Courier New,monospace;box-shadow:0 0 14px #9ee7ff38,inset 0 0 18px #ff4f9a1a}.touch-button-primary{color:#fff7d6;border-color:#ff4f9ad1;font-size:32px}.touch-button-small{width:56px;font-size:24px}.touch-button:active{background:#ff4f9a38}.help{color:#a8b3cf;text-align:center;margin:0;font-size:14px}@media (pointer:coarse),(width<=720px){body{align-items:flex-start}#game-shell{justify-content:center;gap:8px;width:100%;min-height:100vh;padding:8px}canvas{width:min(100vw - 16px,1280px);max-height:calc(100vh - 112px)}.touch-controls{grid-template-columns:72px 72px 72px 56px;justify-content:center;gap:12px;width:min(100vw - 16px,520px);display:grid}.help{font-size:12px}}
