@font-face{font-family:'Press Start 2P';src:url('fonts/Press_Start_2P/PressStart2P-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('fonts/Inter/Inter-VariableFont_opsz,wght.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:rgba(17,24,39,0.85);--border-color:rgba(55,65,81,0.5);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-orange:#f97316;--accent-red:#ef4444;--accent-purple:#8b5cf6;--shadow-lg:0 10px 30px rgba(0,0,0,0.4);--radius-sm:8px;--font-pixel:'Press Start 2P',monospace;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:none}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,0.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,0.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,182,212,0.05) 0%,transparent 50%)}#game-canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--border-color);border-radius:var(--radius-sm);image-rendering:pixelated}.back-link{position:fixed;top:16px;left:20px;z-index:1500;color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:0.8rem;padding:0.35rem 0.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);backdrop-filter:blur(8px);transition:all 0.2s}.back-link:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 12px rgba(6,182,212,0.2)}@media (max-width:1024px){.back-text{display:none!important}.back-link{padding:0.35rem 0.6rem}}.hud{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:500;display:flex;gap:2rem;padding:0.5rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;backdrop-filter:blur(10px);box-shadow:var(--shadow-lg),0 0 20px rgba(59,130,246,0.08);z-index:2000}.hud-item{display:flex;flex-direction:column;align-items:center;gap:0.15rem}.hud-label{font-family:var(--font-pixel);font-size:0.5rem;color:var(--text-muted);letter-spacing:0.1em}.hud-value{font-family:var(--font-pixel);font-size:0.85rem;color:var(--accent-cyan);text-shadow:0 0 8px rgba(6,182,212,0.5)}.hud-lives .hud-value{color:var(--accent-red);text-shadow:0 0 8px rgba(239,68,68,0.5);letter-spacing:0.2em}.overlay{position:fixed;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;background:rgba(10,14,23,0.88);backdrop-filter:blur(8px);animation:overlayIn 0.3s ease}@keyframes overlayIn{from{opacity:0}to{opacity:1}}.overlay-content{text-align:center;animation:contentSlideIn 0.5s ease}@keyframes contentSlideIn{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-title{font-family:var(--font-pixel);font-size:3rem;line-height:1.3;color:var(--accent-cyan);text-shadow:0 0 20px rgba(6,182,212,0.6),0 0 40px rgba(6,182,212,0.3),0 0 80px rgba(6,182,212,0.15);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,100%{text-shadow:0 0 20px rgba(6,182,212,0.6),0 0 40px rgba(6,182,212,0.3)}50%{text-shadow:0 0 30px rgba(6,182,212,0.8),0 0 60px rgba(6,182,212,0.5),0 0 100px rgba(6,182,212,0.2)}}.title-accent{color:var(--accent-purple);text-shadow:0 0 20px rgba(139,92,246,0.6),0 0 40px rgba(139,92,246,0.3)}.title-subtitle{font-family:var(--font-pixel);font-size:0.6rem;color:var(--text-muted);letter-spacing:0.3em;margin-top:1rem;margin-bottom:3rem}.controls-info{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:3rem}.control-row{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:0.5rem}kbd{display:inline-block;padding:0.2rem 0.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-mono);font-size:0.75rem;color:var(--accent-cyan);box-shadow:0 2px 0 rgba(0,0,0,0.3);min-width:2rem;text-align:center}.start-prompt{font-family:var(--font-pixel);font-size:0.7rem;color:var(--accent-green);text-shadow:0 0 10px rgba(16,185,129,0.5);letter-spacing:0.1em}.blink{animation:blink 1.2s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.pause-title{font-family:var(--font-pixel);font-size:2rem;color:var(--accent-yellow);text-shadow:0 0 20px rgba(245,158,11,0.6),0 0 40px rgba(245,158,11,0.3);margin-bottom:2rem}.gameover-title{font-family:var(--font-pixel);font-size:2.5rem;color:var(--accent-red);text-shadow:0 0 20px rgba(239,68,68,0.6),0 0 40px rgba(239,68,68,0.3);margin-bottom:2rem;animation:gameoverShake 0.5s ease}.highscore-alert{font-family:var(--font-pixel);font-size:1.2rem;color:var(--accent-yellow);text-shadow:0 0 15px rgba(245,158,11,0.8),0 0 30px rgba(245,158,11,0.4);margin-bottom:1.5rem}@keyframes gameoverShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.final-score{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.final-label{font-family:var(--font-pixel);font-size:0.5rem;color:var(--text-muted);letter-spacing:0.15em;margin-bottom:0.3rem}.final-value{font-family:var(--font-pixel);font-size:1.6rem;color:var(--accent-cyan);text-shadow:0 0 12px rgba(6,182,212,0.6)}.levelup-title{font-family:var(--font-pixel);font-size:2.5rem;color:var(--accent-green);text-shadow:0 0 20px rgba(16,185,129,0.6),0 0 40px rgba(16,185,129,0.3);animation:levelPulse 0.6s ease-in-out 3}@keyframes levelPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.levelup-text{font-family:var(--font-pixel);font-size:0.7rem;color:var(--text-secondary);margin-top:1rem;letter-spacing:0.2em}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.menu-btn{font-family:var(--font-pixel);font-size:0.65rem;letter-spacing:0.1em;color:var(--accent-cyan);background:var(--bg-secondary);border:1px solid rgba(6,182,212,0.4);border-radius:var(--radius-sm);padding:0.8rem 1.2rem;cursor:pointer;transition:all 0.2s;-webkit-tap-highlight-color:transparent}.menu-btn:hover,.menu-btn:focus-visible{color:var(--bg-primary);background:var(--accent-cyan);box-shadow:0 0 16px rgba(6,182,212,0.5);outline:none}#btn-restart{color:var(--accent-orange);border-color:rgba(249,115,22,0.4)}#btn-restart:hover,#btn-restart:focus-visible{color:var(--bg-primary);background:var(--accent-orange);box-shadow:0 0 16px rgba(249,115,22,0.5)}#settings-screen{padding:80px 16px 8px;background:rgba(10,14,23,0.35);backdrop-filter:none}.settings-open .overlay:not(#settings-screen){display:none}.settings-panel{max-height:100%;overflow-y:auto;touch-action:pan-y;padding:1.5rem 2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg),0 0 24px rgba(59,130,246,0.1)}.settings-title{font-family:var(--font-pixel);font-size:1.4rem;color:var(--accent-purple);text-shadow:0 0 20px rgba(139,92,246,0.6),0 0 40px rgba(139,92,246,0.3);margin-bottom:1.5rem}.settings-rows{display:flex;flex-direction:column;gap:0.9rem;margin-bottom:1.5rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.settings-label{font-family:var(--font-pixel);font-size:0.55rem;color:var(--text-secondary);letter-spacing:0.1em;white-space:nowrap}.settings-options{display:flex;gap:0.4rem}.opt-btn{font-family:var(--font-pixel);font-size:0.5rem;min-width:4.4rem;padding:0.5rem 0.6rem;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all 0.15s;-webkit-tap-highlight-color:transparent}.opt-btn:hover{color:var(--text-primary);border-color:var(--accent-cyan)}.opt-btn:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px}.opt-btn[aria-pressed="true"]{color:var(--bg-primary);background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(6,182,212,0.4)}.settings-hint{font-family:var(--font-pixel);font-size:0.45rem;color:var(--text-muted);letter-spacing:0.1em;margin-top:1rem}@media (max-height:600px) and (min-width:601px){.settings-panel{padding:0.75rem 1rem}.settings-title{font-size:0.9rem;margin-bottom:0.75rem}.settings-rows{display:grid;grid-template-columns:repeat(3,auto);gap:0.7rem 1.25rem;margin-bottom:0.75rem}.settings-row{flex-direction:column;align-items:flex-start;gap:0.35rem}.opt-btn{min-width:3.6rem}.settings-panel .menu-btn{padding:0.6rem 1rem}.settings-hint{display:none}}.hidden{display:none!important}@media (max-width:600px){.game-title{font-size:2rem}.hud{gap:1rem;padding:0.4rem 1rem}.hud-value{font-size:0.7rem}.hud-label{font-size:0.4rem}.controls-info{font-size:0.7rem}.settings-panel{padding:1rem}.settings-row{flex-direction:column;align-items:flex-start;gap:0.4rem}}.fullscreen-btn,.mute-btn,.settings-btn{background:transparent;border:none;color:var(--accent-cyan);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform 0.2s}.fullscreen-btn:hover,.mute-btn:hover,.settings-btn:hover{transform:scale(1.1)}.hud-controls{display:flex!important;flex-direction:row!important;gap:0.8rem!important;align-items:center!important}.fs-icon{width:18px;height:18px;filter:drop-shadow(0 0 4px rgba(6,182,212,0.5))}.mobile-controls{position:fixed;bottom:24px;left:0;right:0;z-index:1500;display:none;justify-content:space-between;align-items:flex-end;padding:0 24px;pointer-events:none}.control-group{display:flex;gap:16px;pointer-events:auto}.mobile-btn{width:64px;height:64px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.4);opacity:0.5;touch-action:none}.mobile-btn svg{width:32px;height:32px}.mobile-btn:active{transform:scale(1.1);background:var(--accent-cyan);color:var(--bg-primary);box-shadow:0 0 20px rgba(6,182,212,0.5);opacity:1}.fire-btn{width:80px;height:80px;color:var(--accent-orange);border-color:rgba(249,115,22,0.4)}.fire-inner{width:32px;height:32px;background:currentColor;border-radius:4px;box-shadow:0 0 15px currentColor}.fire-btn:active{background:var(--accent-orange);color:var(--bg-primary);box-shadow:0 0 30px rgba(249,115,22,0.6)}.pause-btn{width:48px;height:48px;position:fixed;top:16px;right:16px;color:var(--accent-yellow)}.pause-btn svg{width:20px;height:20px}@media (max-width:950px) and (orientation:landscape){.mobile-controls{display:flex;padding:0 40px 10px 40px}.control-group.action{display:flex;position:fixed;left:40px;bottom:30px}.fire-btn{width:85px;height:85px}.control-group.movement{display:flex;position:fixed;right:40px;bottom:30px;gap:24px}#btn-left,#btn-right{position:static;width:75px;height:75px}.back-link{top:12px;left:12px;z-index:2500}}@media (max-width:600px) and (orientation:portrait){.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:40px}.control-group.action{display:flex;order:-1}.control-group.movement{width:100%;justify-content:center;gap:40px;flex-wrap:nowrap}.back-link{top:12px;left:12px;z-index:2500}.hud{top:12px;width:calc(100% - 70px);left:auto;right:10px;transform:none;gap:0.4rem;padding:0.4rem 1rem}.pause-btn{top:90px}.hud-controls{margin-left:auto;display:grid!important;grid-template-columns:repeat(2,auto);gap:0.2rem!important}.hud-item{gap:0.1rem}.hud-value{font-size:0.75rem}.fs-icon{width:16px;height:16px}}@media (max-width:900px){.mobile-controls{display:flex}.hud,.back-link,.mobile-btn,.overlay,.fire-btn{backdrop-filter:none!important}}