*,html,body{padding:0;margin:0;overflow:hidden}body{width:100%;height:100%}#gameCanvas{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.score-display{position:fixed;top:20px;width:100px;max-width:100px;background:#b91c1c;padding:0;border-radius:24px;border:2px solid #7f1d1d;box-shadow:0 4px #7f1d1d,0 2px 8px #00000040;font-family:Bungee,Arial Black,sans-serif;color:#fef2f2;z-index:100;display:none;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;box-sizing:border-box;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.score-left{left:20px}.score-right{left:calc(50% + 90px);background:#1e40af;border-color:#1e3a8a;box-shadow:0 4px #1e3a8a,0 2px 8px #00000040}.score-right .score-label{background:#2563eb}.score-label{font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center;background:#dc2626;color:#fef2f2}.score-value{font-size:1.4rem;font-weight:400;line-height:1;padding:6px 12px;text-align:center;display:block;color:#fef2f2}.score-display.hidden{display:none}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.score-display.pulse .score-value{animation:scorePulse .4s ease-out}.lives-display{position:fixed;top:20px;right:20px;width:100px;max-width:100px;background:#0f766e;padding:0;border-radius:24px;border:2px solid #115e59;box-shadow:0 4px #115e59,0 2px 8px #0003;font-family:Bungee,Arial Black,sans-serif;color:#f0fdfa;z-index:100;display:none;flex-direction:column;justify-content:stretch;align-items:stretch;box-sizing:border-box;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.lives-label{font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center;background:#14b8a6;color:#f0fdfa}.lives-hearts{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:8px 12px;background:#0891b24d}.heart{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;line-height:1;transition:transform .2s ease,opacity .2s ease}.heart .heart-icon{width:100%;height:100%;flex-shrink:0;transition:fill .2s ease,stroke .2s ease,filter .2s ease}.heart.filled .heart-icon{fill:#e11d48;stroke:none;filter:drop-shadow(0 0 4px rgba(225,29,72,.5))}.heart.empty .heart-icon{fill:none;stroke:#64748b;stroke-width:1.5;opacity:.6;filter:none}.lives-display.pulse .heart.filled,.lives-display.pulse-hurt .heart.filled{animation:scorePulse .4s ease-out}.lives-display.pulse-hurt .heart.filled{animation-name:lifePulseHurt}.lives-display.pulse-hurt .heart.filled .heart-icon{animation:lifePulseHurtHeart .4s ease-out}@keyframes lifePulseHurt{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}to{transform:scale(1)}}@keyframes lifePulseHurtHeart{25%{fill:#f87171}to{fill:#e11d48}}.attack-vignette{position:fixed;inset:0;pointer-events:none;z-index:90;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 25%,rgba(180,20,20,.15) 55%,rgba(140,10,10,.55) 85%,rgba(100,0,0,.75) 100%);opacity:0;visibility:hidden}.attack-vignette.show{visibility:visible;animation:vignetteFade 2s ease-out forwards}@keyframes vignetteFade{0%{opacity:1}to{opacity:0;visibility:hidden}}.instructions-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200}.instructions-panel{width:280px;max-width:90%;background:#b91c1c;border-radius:24px;border:2px solid #7f1d1d;box-shadow:0 4px #7f1d1d,0 4px 16px #0000004d;font-family:Bungee,Arial Black,sans-serif;color:#fef2f2;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.instructions-panel.shrink{transform:scale(0);opacity:0}.instructions-label{font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:12px 16px;text-align:center;background:#dc2626;color:#fef2f2}.instructions-content{padding:16px;text-align:center;color:#fef2f2}.instructions-content p{font-size:.75rem;margin-bottom:10px;line-height:1.4}.instructions-content p:last-child{margin-bottom:0}.lets-go-btn{background:#ca8a04;border:none;border-top:2px solid #a16207;color:#1c1917;font-family:Bungee,Arial Black,sans-serif;font-size:1rem;padding:14px 16px;cursor:pointer;transition:background .2s,color .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.lets-go-btn:hover{background:#eab308;color:#0f172a}.instructions-popup.hidden{display:none}.game-over-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:250}.game-over-popup.hidden{display:none}.game-over-panel{width:280px;max-width:90%;background:#b91c1c;border-radius:24px;border:2px solid #7f1d1d;box-shadow:0 4px #7f1d1d,0 4px 16px #0000004d;font-family:Bungee,Arial Black,sans-serif;color:#fef2f2;display:flex;flex-direction:column;overflow:hidden}.game-over-label{font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;padding:12px 16px;text-align:center;background:#dc2626;color:#fef2f2}.game-over-content{display:flex;flex-direction:column;gap:12px;padding:16px}.game-over-score{background:#b91c1c;border-radius:12px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;color:#fef2f2;border:1px solid rgba(255,255,255,.2)}.game-over-score.best{background:#1e40af;border-color:#fff3;color:#eff6ff}.game-over-score-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.game-over-score-value{font-size:1.2rem}.restart-btn{background:#ca8a04;border:none;border-top:2px solid #a16207;color:#1c1917;font-family:Bungee,Arial Black,sans-serif;font-size:1rem;padding:14px 16px;cursor:pointer;transition:background .2s,color .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.restart-btn:hover{background:#eab308;color:#0f172a}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:300;transition:opacity .3s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-panel{width:220px;max-width:90%;background:#1e3a8a;border-radius:24px;border:2px solid #1e40af;box-shadow:0 4px #1e40af,0 4px 20px #0006;font-family:Bungee,Arial Black,sans-serif;color:#eff6ff;display:flex;flex-direction:column;overflow:hidden}.loading-label{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;padding:14px 16px;text-align:center;background:#2563eb;color:#eff6ff}.loading-content{padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:#e0e7ff}.loading-content p{font-size:.8rem;margin:0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.25);border-top-color:#eab308;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.start-screen{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:center;pointer-events:none}.start-screen>*{pointer-events:auto}.start-screen-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#000000b3,#00000080);pointer-events:none}.start-screen-panel{width:360px;max-width:92%;background:linear-gradient(180deg,#991b1b,#7f1d1d);border-radius:20px;border:3px solid #b91c1c;box-shadow:0 0 0 1px #ca8a044d,0 6px #5c1010,0 12px 40px #00000080;font-family:Bungee,Arial Black,sans-serif;color:#fef2f2;display:flex;flex-direction:column;overflow:hidden;z-index:20}.start-screen-title{font-size:1.85rem;font-weight:400;text-transform:uppercase;letter-spacing:4px;margin:0;padding:28px 24px 16px;text-align:center;color:#fef3c7;text-shadow:0 0 20px rgba(234,179,8,.4),0 2px 4px rgba(0,0,0,.5)}.start-screen-subtitle{font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;padding:0 24px;text-align:center;color:#fef3c7cc}.start-screen-body{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:16px 28px 28px}.start-screen-instructions{margin:0;padding:0 0 0 20px;font-size:.62rem;line-height:1.65;color:#fef2f2;list-style:decimal}.start-screen-instructions li{margin-bottom:10px;padding-left:6px}.start-screen-instructions li:last-child{margin-bottom:0}.start-screen-instructions li::marker{color:#eab308;font-weight:700}.start-screen .play-btn{width:100%;padding:18px 32px;font-size:1.25rem;letter-spacing:3px;border-radius:16px}.start-screen.hidden{display:none}.play-btn{background:linear-gradient(180deg,#eab308,#ca8a04,#a16207);border:2px solid #854d0e;border-radius:24px;box-shadow:0 4px #854d0e,0 4px 12px #0000004d;color:#1c1917;font-family:Bungee,Arial Black,sans-serif;font-size:1.2rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;padding:16px 48px;cursor:pointer;transition:background .2s,transform .1s,box-shadow .1s,filter .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.play-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px #854d0e,0 6px 16px #00000059}.play-btn:active{transform:translateY(0);box-shadow:0 2px #854d0e,0 2px 6px #00000040}.play-button.hidden{display:none}.bullets-display{position:fixed;bottom:20px;left:20px;width:120px;background:linear-gradient(180deg,#d97706,#b45309,#92400e);border-radius:24px;border:2px solid #78350f;box-shadow:0 4px #78350f,0 2px 10px #00000040;font-family:Bungee,Arial Black,sans-serif;color:#fffbeb;z-index:100;display:none;flex-direction:column;align-items:stretch;overflow:hidden;user-select:none;-webkit-user-select:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.bullets-display:hover{transform:translateY(-2px);box-shadow:0 6px #78350f,0 4px 14px #0000004d}.bullets-display:active{transform:translateY(0);box-shadow:0 2px #78350f,0 2px 6px #0003}.bullets-label{font-size:.6rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;text-align:center;background:#ca8a04;color:#1c1917}.bullets-strip{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:10px 12px;background:#44240a73}.bullet{width:14px;height:14px;border-radius:50%;background:#57534e;border:2px solid #44403c;box-shadow:inset 0 1px 2px #ffffff14;transition:background .2s ease,transform .15s ease}.bullet.filled{background:linear-gradient(145deg,#fde047,#facc15 40%,#eab308,#ca8a04);box-shadow:0 1px 3px #0006,inset 0 1px #fff6}.bullet.empty{background:#44403c;opacity:.6}.bullets-reload-hint{font-size:.5rem;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;text-align:center;color:#fef3c7;background:#78350f}.bullets-display.reload-pulse{animation:reloadPulse 1s ease-in-out infinite}@keyframes reloadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.fly-message{position:fixed;left:50%;bottom:120px;transform:translate(-50%) translateY(0);font-family:Bungee,Arial Black,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#fef2f2;background:#b91c1c;border:2px solid #7f1d1d;box-shadow:0 4px #7f1d1d,0 2px 12px #0000004d;padding:10px 20px;border-radius:16px;z-index:150;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.fly-message.show{opacity:1;visibility:visible;animation:flyMessageUp 1.8s ease-out forwards}@keyframes flyMessageUp{0%{transform:translate(-50%) translateY(0);opacity:1}20%{transform:translate(-50%) translateY(-12px);opacity:1}80%{opacity:1}to{transform:translate(-50%) translateY(-40px);opacity:0;visibility:hidden}}@media(max-width:768px){.score-display{width:72px;max-width:72px;top:10px;border-radius:16px}.score-left{left:10px}.score-right{left:auto;right:10px}.score-label{font-size:.5rem;padding:4px 8px}.score-value{font-size:1rem;padding:4px 8px}.lives-display{width:72px;max-width:72px;top:10px;right:10px;border-radius:16px}.lives-label{font-size:.5rem;padding:4px 8px}.lives-hearts{padding:6px 10px;gap:3px}.heart{width:1.1rem;height:1.1rem}.bullets-display{bottom:10px;left:10px;width:120px;border-radius:16px}.bullet{width:11px;height:11px}.bullets-reload-hint{font-size:.5rem;line-height:1.3;padding:4px 6px}.fly-message{bottom:80px;font-size:.7rem;padding:8px 14px;border-radius:12px}.start-screen-panel{width:92%;max-width:360px}.start-screen-title{font-size:1.4rem;padding:22px 20px 12px;letter-spacing:3px}.start-screen-subtitle{font-size:.6rem;margin-bottom:10px}.start-screen-body{padding:14px 20px 22px;gap:20px}.start-screen-instructions{font-size:.76rem}.start-screen-instructions li{margin-bottom:8px}.start-screen .play-btn{padding:16px 24px;font-size:1.1rem}.play-btn{font-size:1rem;padding:14px 36px}}