*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{overflow-x:hidden}.app-shell{color:#fff;background:radial-gradient(circle at top,#1b2a4a 0%,#050816 55%),#050816;place-items:center;min-height:100vh;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:grid}.game-card{gap:.75rem;width:min(100%,900px);display:grid}.game-canvas{aspect-ratio:3/2;width:100%;max-width:900px;height:auto;image-rendering:pixelated;touch-action:none;background:#050816;border:2px solid #5dffb773;border-radius:4px;display:block;box-shadow:0 0 24px #00ffc814}.controls{color:#94a3b8;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;font-size:.82rem;display:flex}.controls p{margin:0}.touch-controls{-webkit-user-select:none;user-select:none;gap:.5rem;display:grid}.touch-controls-overlay{grid-template-columns:repeat(3,1fr);gap:.5rem}.touch-row{gap:.5rem;display:flex}.touch-move{justify-content:space-between}.touch-actions{justify-content:flex-end}.touch-btn{color:#e2e8f0;min-height:3rem;font:inherit;touch-action:manipulation;background:#0a1628e6;border:2px solid #5dffb759;border-radius:8px;flex:1;font-size:.95rem}.touch-btn:active,.touch-btn:focus-visible{background:#5dffb726;border-color:#5dffb7;outline:none}.touch-btn-left,.touch-btn-right{max-width:5.5rem;font-size:1.25rem}.touch-btn-fire{color:#5dffb7;flex:1.4;font-weight:700}.touch-btn-primary{color:#5dffb7;font-weight:700}.touch-btn-menu{flex:.9;font-size:.75rem}@media (pointer:fine) and (width>=769px){.touch-controls{display:none}}@media (width<=768px){.controls{font-size:.75rem}}