:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;width:100%;height:100vh;overflow:hidden;background:#050510;color:#fafafa}.game-container{position:relative;width:100%;height:100vh}.game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.touch-controls{display:none;position:absolute;bottom:20px;left:0;right:0;padding:0 20px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-btn{pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid rgba(255,255,255,.3);background:#ffffff14;color:#ffffffb3;font-size:20px;border-radius:12px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer}.touch-btn:active{background:#fff3;border-color:#ffffff80}.touch-dpad{display:flex;flex-direction:column;align-items:center;gap:4px}.touch-row{display:flex;gap:4px}.touch-btn.fire{width:80px;height:80px;border-radius:50%;font-size:14px;font-weight:700;letter-spacing:.1em;border-color:#00ffcc80;color:#0fc;background:#00ffcc1a}.touch-btn.fire:active{background:#00ffcc4d}.touch-btn.start{position:absolute;left:50%;bottom:100px;transform:translate(-50%);width:auto;padding:0 32px;height:48px;font-size:16px;font-weight:700;letter-spacing:.15em;border-color:#ffcc0080;color:#fc0;background:#ffcc001a}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}}