@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;display:flex;justify-content:center;align-items:center;min-height:100vh;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;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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:400px;height:600px;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border);touch-action:none}.cloud-sync-indicator{position:absolute;top:10px;right:10px;background-color:#1a1a1ab3;color:var(--text-muted);font-size:.8em;padding:4px 8px;border-radius:6px;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;color:var(--text);font-size:1.2em;z-index:100;border-radius:var(--radius)}.start-button,.restart-button{background-color:var(--primary);color:var(--bg);border:none;padding:12px 24px;border-radius:var(--radius);font-family:Bebas Neue,sans-serif;font-size:1.5em;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 0 15px var(--primary);text-transform:uppercase}.start-button:hover,.restart-button:hover{background-color:var(--primary-dark);box-shadow:0 0 25px var(--primary);transform:translateY(-2px)}.start-button:active,.restart-button:active{transform:translateY(1px)}.start-screen,.game-over-screen{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box;background:radial-gradient(circle at center,rgba(245,158,11,.05) 0%,transparent 70%)}.game-title,.game-over-title{font-family:Bebas Neue,sans-serif;font-size:3.5em;color:var(--accent);margin-bottom:20px;letter-spacing:2px;text-shadow:0 0 20px var(--accent)}.high-score-display,.final-score{font-size:1.2em;color:var(--text-muted);margin-bottom:15px;display:flex;align-items:center;gap:8px}.high-score-display .icon,.final-score .icon{color:var(--primary)}.controls-hint{position:absolute;bottom:20px;font-size:.9em;color:var(--text-muted);display:flex;flex-direction:column;gap:5px;text-shadow:0 0 5px rgba(0,0,0,.5)}.controls-hint span{background-color:#1a1a1a80;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-play-area{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.game-canvas{background-color:transparent;display:block;image-rendering:pixelated}.hud{position:absolute;top:10px;width:calc(100% - 20px);display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#1a1a1a99;border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 0 15px #0000004d}.hud-item{display:flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-weight:500;font-size:1.1em}.hud-label{color:var(--text-muted)}.hud-value{color:var(--text)}.score-value{font-family:Bebas Neue,sans-serif;color:var(--primary);font-size:1.3em}.lives-value{display:flex;gap:2px}.heart-icon{color:var(--danger)}.game-over-screen .score-value{color:var(--primary);font-size:1.5em}.new-record-badge{background-color:var(--success);color:var(--bg);padding:2px 8px;border-radius:4px;font-size:.8em;margin-left:10px;font-family:Bebas Neue,sans-serif;letter-spacing:1px}.start-button .icon,.restart-button .icon{color:var(--bg)}@media (max-width: 600px){.game-container{width:100vw;height:100vh;border-radius:0}.game-title{font-size:2.5em}.start-button,.restart-button{font-size:1.2em;padding:10px 20px}.hud{flex-wrap:wrap;justify-content:center;gap:10px}}