@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;700;800;900&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}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;height:100vh;width:100vw;background:radial-gradient(ellipse at 50% 100%,#F59E0B26 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#FBBF241a 0%,transparent 50%),var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.015) 1px,transparent 1px),radial-gradient(ellipse at 50% 100%,#F59E0B26 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,#FBBF241a 0%,transparent 50%),var(--bg);background-size:3px 3px,100% 100%,100% 100%,100% 100%}#root{width:100%;height:100%}.app-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.cloud-badge{position:fixed;top:12px;right:16px;font-size:12px;color:var(--text-muted);background:#1a1a1acc;padding:4px 12px;border-radius:20px;border:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.3px}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;position:relative;z-index:1;width:100%;max-width:560px}.start-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,#F59E0B0a 0%,transparent 70%);pointer-events:none}.start-title-group{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.title-icon{color:var(--primary);filter:drop-shadow(0 0 12px #F59E0B66)}.game-title{font-family:Bebas Neue,Inter,sans-serif;font-size:64px;letter-spacing:4px;background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px #F59E0B33;line-height:1}.game-subtitle{color:var(--text-muted);font-size:16px;letter-spacing:2px;text-transform:uppercase}.high-score-display{display:flex;align-items:center;gap:8px;background:var(--surface);padding:10px 24px;border-radius:var(--radius);border:1px solid var(--border);color:var(--accent);font-size:18px;font-weight:700;box-shadow:var(--shadow)}.level-select{text-align:center;display:flex;flex-direction:column;gap:12px}.level-label{color:var(--text-muted);font-size:14px;text-transform:uppercase;letter-spacing:1px}.level-buttons{display:flex;gap:12px}.level-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 28px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.level-btn.active{border-color:var(--primary);box-shadow:0 0 20px #f59e0b33;background:#f59e0b1a}.level-num{font-size:28px;font-weight:800;font-family:Bebas Neue,sans-serif}.level-info{font-size:12px;color:var(--text-muted)}.start-btn{display:flex;align-items:center;gap:10px;padding:16px 48px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius);color:#0a0a0a;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 0 24px #f59e0b4d;transition:all .2s;font-family:Inter,sans-serif}.start-hint{color:var(--text-muted);font-size:13px}.start-hint kbd{background:var(--surface);padding:2px 8px;border-radius:4px;border:1px solid var(--border);font-size:12px}.game-screen{width:100%;height:100%;position:relative;overflow:hidden;cursor:none}.game-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.crosshair{position:absolute;pointer-events:none;z-index:10;filter:drop-shadow(0 0 6px #F59E0B66)}.hud{position:absolute;top:0;left:0;right:0;padding:12px 20px;z-index:20;pointer-events:none}.hud-top{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hud-item{display:flex;align-items:center;gap:6px;background:#0a0a0ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;border:1px solid rgba(245,158,11,.2);color:var(--text);font-size:13px}.hud-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.hud-value{font-weight:700;font-size:15px;color:var(--accent);min-width:24px;text-align:center}.hud-value.danger{color:var(--danger);animation:pulse .5s infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.score-pop{position:absolute;pointer-events:none;z-index:30;font-size:24px;font-weight:800;color:var(--accent);text-shadow:0 0 16px #F59E0B66}.shoot-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(245,158,11,.15) 0%,transparent 60%);pointer-events:none;z-index:5;animation:flashOut .1s ease-out forwards}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0acc;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.level-complete-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}.level-complete-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow);max-width:360px}.complete-icon{font-size:48px}.level-complete-card h2{font-family:Bebas Neue,sans-serif;font-size:36px;color:var(--accent);letter-spacing:2px}.complete-score{font-size:20px;color:var(--text)}.complete-lives{color:var(--text-muted);font-size:14px}.complete-actions{display:flex;gap:12px;margin-top:8px}.gameover-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px;width:100%;max-width:520px;position:relative;z-index:1}.gameover-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#EF44440a 0%,transparent 70%);pointer-events:none}.gameover-title{font-family:Bebas Neue,sans-serif;font-size:72px;letter-spacing:6px;color:var(--danger);text-shadow:0 0 40px #EF444466;line-height:1}.gameover-stats{display:flex;flex-direction:column;gap:12px;background:var(--surface);padding:28px 36px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);min-width:280px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--text-muted);padding:4px 0;border-bottom:1px solid rgba(42,42,42,.5)}.stat-row:last-child{border-bottom:none}.stat-value{font-size:22px;font-weight:700;color:var(--text)}.stat-value.highlight{color:var(--accent)}.new-record{text-align:center;font-size:20px;font-weight:800;color:var(--accent);padding:8px 0;text-shadow:0 0 20px #F59E0B66}.gameover-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.gameover-hint{color:var(--text-muted);font-size:13px}.gameover-hint kbd{background:var(--surface);padding:2px 8px;border-radius:4px;border:1px solid var(--border);font-size:12px}.btn-primary{display:flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius);color:#0a0a0a;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 0 20px #f59e0b33;font-family:Inter,sans-serif;transition:all .2s}.btn-secondary{display:flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;border:2px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.btn-secondary:hover{border-color:var(--primary)}@media (max-width: 600px){.game-title{font-size:40px}.start-screen{padding:20px;gap:16px}.level-buttons{gap:8px}.level-btn{padding:12px 18px}.hud-top{gap:8px}.hud-item{padding:4px 10px;font-size:11px}.gameover-title{font-size:48px}.gameover-stats{padding:20px 24px;min-width:auto;width:100%}.level-complete-card{padding:28px 24px}.complete-actions{flex-direction:column}}