[data-game=asteroids]{--game-accent-h: 25;--game-accent-s: 90%;--game-accent-l: 50%;--game-accent: hsl(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l));--game-accent-glow: rgba(255, 120, 0, .3);--game-accent-subtle: rgba(255, 120, 0, .1)}html[data-game=asteroids],html[data-game=asteroids] body{overflow:hidden;height:100%;width:100%;position:fixed}.asteroids-app{min-height:100vh;display:flex;flex-direction:column}.asteroids-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(56px + var(--space-4)) var(--space-4) var(--space-4);gap:var(--space-2);width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.asteroids-intro{max-width:480px;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;margin-top:5vh}.asteroids-intro h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em;color:#fff;text-shadow:0 0 10px rgba(255,120,0,.5)}[data-theme=casual] .asteroids-intro h1{color:var(--color-text-primary);text-shadow:0 0 10px rgba(255,120,0,.2)}.asteroids-intro>p{color:var(--color-text-secondary);line-height:1.6}.asteroids-hud{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;background:var(--color-surface-raised);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);color:#fff}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-item label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.hud-item value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:#fff}.asteroids-canvas-wrap{width:100%;max-width:800px;aspect-ratio:4 / 3;background:#000;border-radius:var(--radius-2xl);border:2px solid var(--color-border-default);overflow:hidden;position:relative;box-shadow:0 0 20px #ff780014}#asteroids-canvas{width:100%;height:100%;display:block}.asteroids-touch-controls{display:none;justify-content:space-between;width:100%;max-width:800px;margin-top:auto;padding:var(--space-2)}@media (max-width: 1024px){.asteroids-touch-controls{display:flex}}.control-group-left,.control-group-right{display:flex;gap:var(--space-3)}.touch-btn{width:56px;height:56px;border-radius:50%;background:#19140f99;border:1.5px solid rgba(255,120,0,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all .1s ease;box-shadow:0 0 8px #ff78001a}.touch-btn:active{background:#ff780040;border-color:var(--game-accent);box-shadow:0 0 15px #ff780066;transform:scale(.92)}.touch-btn svg{width:24px;height:24px;fill:currentColor}.touch-btn--hyper{border-radius:var(--radius-lg);font-family:var(--font-display);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;width:64px}@media (max-width: 480px){.asteroids-main{padding-top:calc(56px + var(--space-2));gap:var(--space-1)}.hud-item value{font-size:var(--text-base)}.touch-btn{width:48px;height:48px}.touch-btn--hyper{width:56px;height:48px;font-size:8px}}