@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700&display=swap";:root{--bg: #0A0A0A;--surface: #1A1A1A;--primary: #F59E0B;--primary-dark: #D97706;--accent: #FBBF24;--text: #FAFAFA;--text-muted: #A0A0A0;--border: #2A2A2A;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius: 12px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #F59E0B26}body{margin:0;padding:0;background:radial-gradient(ellipse at 50% 100%,#F59E0B26 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#FBBF241a 0%,transparent 50%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;z-index:-1}.game-container{position:relative;width:800px;height:600px;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background-color:var(--surface);display:flex;justify-content:center;align-items:center;flex-direction:column}.loading-screen,.start-screen,.game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;padding:20px;text-align:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-title{font-family:Bebas Neue,sans-serif;font-size:80px;margin-bottom:20px;line-height:1;letter-spacing:2px;color:var(--text);text-shadow:0 0 20px var(--accent)}.game-title .neon-text{color:var(--primary);text-shadow:0 0 10px var(--primary),0 0 20px var(--primary),0 0 30px var(--primary)}.game-title .accent{color:var(--accent);text-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 30px var(--accent)}.high-score-display{font-size:24px;color:var(--text-muted);display:flex;align-items:center;gap:8px;margin-bottom:30px}.start-button,.restart-button{background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:var(--text);border:none;padding:15px 30px;font-size:24px;font-weight:700;border-radius:var(--radius);cursor:pointer;box-shadow:0 0 24px var(--primary);transition:all .3s ease;display:flex;align-items:center;gap:10px;font-family:Bebas Neue,sans-serif;letter-spacing:1px}.start-button:hover,.restart-button:hover{box-shadow:0 0 36px var(--primary),0 0 12px #ffffff4d;transform:translateY(-2px)}.controls-hint{color:var(--text-muted);font-size:16px;margin-top:30px}.game-canvas{background-color:transparent;display:block;image-rendering:pixelated}.hud{position:absolute;top:15px;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:var(--text);font-family:Inter,sans-serif;font-weight:700;font-size:20px;pointer-events:none}.score-display .score-number{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--accent);text-shadow:0 0 8px var(--accent);display:inline-block;min-width:60px;text-align:right}.lives-display{display:flex;gap:5px}.heart-icon{color:var(--danger);stroke-width:2px;filter:drop-shadow(0 0 5px var(--danger))}.game-over-title{font-family:Bebas Neue,sans-serif;font-size:70px;margin-bottom:20px;line-height:1;letter-spacing:2px;color:var(--danger);text-shadow:0 0 15px var(--danger),0 0 25px var(--danger)}.final-score{font-size:30px;color:var(--text);margin-bottom:10px}.final-score .score-number{font-family:Bebas Neue,sans-serif;font-size:40px;color:var(--accent);text-shadow:0 0 10px var(--accent)}.new-high-score{font-size:28px;color:var(--success);font-weight:700;margin-bottom:20px;text-shadow:0 0 10px var(--success)}.cloud-status{position:absolute;top:15px;right:15px;padding:8px 15px;border-radius:var(--radius);font-size:14px;display:flex;align-items:center;gap:8px;background-color:var(--surface);color:var(--text-muted);box-shadow:0 4px 10px #0000004d;z-index:100}.cloud-status.cloud-syncing{color:var(--primary);border:1px solid var(--primary);background-color:#f59e0b1a}.cloud-status.cloud-synced{color:var(--success);border:1px solid var(--success);background-color:#10b9811a}.cloud-status.cloud-error{color:var(--danger);border:1px solid var(--danger);background-color:#ef44441a}