@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../../public/fonts/press-start-2p-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:optional;src:url(../../public/fonts/inter-v20-latin-regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:optional;src:url(../../public/fonts/inter-v20-latin-600.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:optional;src:url(../../public/fonts/inter-v20-latin-700.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:optional;src:url(../../public/fonts/inter-v20-latin-800.woff2)format("woff2")}:root{--bg-primary:#06060b;--accent-cyan:#00f0ff;--accent-violet:#7b2ff7;--accent-magenta:#ff006e;--accent-yellow:gold;--accent-green:#0f8;--border-subtle:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:#fff;touch-action:none;user-select:none;font-family:Inter,sans-serif;overflow:hidden}#gameContainer{width:100vw;height:100vh;position:relative}#gameCanvas{background:#06060b;width:100%;height:100%;display:block}.ui-layer{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;padding:20px 30px;display:flex;position:absolute;top:0;left:0;right:0}.hud-box{backdrop-filter:blur(5px);background:#10101ad9;border:1px solid #00f0ff4d;border-radius:12px;padding:15px 25px;font-family:"Press Start 2P",monospace;position:relative;box-shadow:0 0 20px #00f0ff1a}.score-title{color:#9a9ab0;margin-bottom:8px;font-size:.6rem;line-height:1.5}.score-value{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan);font-size:1.2rem;transition:color .3s}.level-display{color:var(--accent-yellow);margin-top:10px;font-size:.8rem}#comboContainer{color:var(--accent-yellow);text-shadow:0 0 15px var(--accent-yellow);opacity:0;font-size:1.5rem;transition:opacity .2s,transform .1s;position:absolute;top:50%;right:-20px;transform:translateY(-50%)rotate(5deg)}#comboContainer.active{opacity:1;transform:translateY(-50%)rotate(0)scale(1.2)}#comboBarBg{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-top:10px}#comboBarFill{background:var(--accent-yellow);width:0%;height:100%;transition:width .1s linear}.health-bar-bg{background:#ffffff1a;border:1px solid #ff006e4d;border-radius:4px;width:200px;height:14px;margin-top:8px;overflow:hidden}.health-bar-fill{background:var(--accent-magenta);width:100%;height:100%;box-shadow:0 0 10px var(--accent-magenta);transition:width .2s}#bossHud{text-align:center;opacity:0;visibility:hidden;z-index:9;width:400px;font-family:"Press Start 2P",monospace;transition:opacity .5s;position:absolute;top:20px;left:50%;transform:translate(-50%)}#bossHud.active{opacity:1;visibility:visible}#bossName{color:#ff006e;text-shadow:0 0 10px #ff006e;margin-bottom:10px;font-size:.8rem}.boss-bar-bg{background:#000c;border:2px solid #ff006e;border-radius:10px;width:100%;height:20px;overflow:hidden}.boss-bar-fill{background:linear-gradient(90deg,#ff006e,#7b2ff7);width:100%;height:100%;transition:width .1s}.modal-overlay{backdrop-filter:blur(8px);z-index:100;opacity:0;visibility:hidden;background:#06060be6;justify-content:center;align-items:center;transition:all .4s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.retro-card{text-align:center;border:4px solid var(--accent-cyan);box-shadow:0 0 30px var(--accent-cyan), inset 0 0 20px var(--accent-cyan);-webkit-overflow-scrolling:touch;background:#000;width:90%;max-width:800px;max-height:90vh;padding:40px;font-family:"Press Start 2P",monospace;transition:transform .4s;overflow-y:auto;transform:translateY(20px)}.modal-overlay.active .retro-card{transform:translateY(0)}.retro-title{color:#fff;text-shadow:3px 3px 0 var(--accent-magenta), -3px -3px 0 var(--accent-cyan);margin-bottom:20px;font-size:2.2rem;line-height:1.4}.retro-title span{color:var(--accent-yellow);text-shadow:none;font-size:1.8rem}.retro-text{color:#fff;margin-bottom:25px;font-size:.8rem;line-height:2}.retro-reward{color:var(--accent-green);text-shadow:0 0 10px var(--accent-green);margin:20px 0;font-size:1rem;line-height:1.8}.controls-box{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff1a;border-radius:8px;max-width:400px;margin:0 auto 30px;padding:20px;font-family:Inter,sans-serif;font-size:.8rem;line-height:1.8;box-shadow:0 0 15px #00f0ff33}.btn-retro{background:var(--accent-cyan);color:#000;cursor:pointer;box-shadow:0 0 15px var(--accent-cyan);border:none;margin-top:10px;padding:15px 30px;font-family:"Press Start 2P",monospace;font-size:1rem;transition:all .2s}.btn-retro:hover,.btn-retro:focus{background:#fff;outline:none;transform:scale(1.05);box-shadow:0 0 25px #fff;color:#000!important}.btn-audio{border:1px solid var(--accent-cyan);width:45px;height:45px;color:var(--accent-cyan);cursor:pointer;z-index:100;background:#10101ad9;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 0 10px #00f0ff33}.btn-audio:hover{background:var(--accent-cyan);color:#000;transform:scale(1.1);box-shadow:0 0 20px #00f0ff80}@media (width<=600px){.retro-card{padding:25px 15px}.retro-title{text-shadow:2px 2px 0 var(--accent-magenta), -2px -2px 0 var(--accent-cyan);margin-bottom:15px;font-size:1.4rem}.retro-title span{font-size:1.1rem}.retro-text{margin-bottom:15px;font-size:.7rem;line-height:1.6}.controls-box{margin-bottom:15px;padding:15px;font-size:.7rem}.retro-reward{margin:15px 0;font-size:.75rem}.btn-retro{width:100%;padding:12px 15px;font-size:.8rem}.modern-card{padding:30px 20px}.modern-card h2{font-size:1.8rem}.coupon-box{padding:15px;font-size:1.8rem}.btn-audio{width:35px;height:35px;font-size:1rem;bottom:10px;right:10px}}.modern-card{border:1px solid var(--accent-violet);text-align:center;background:#10101a;border-radius:20px;width:90%;max-width:600px;padding:50px 40px;font-family:Inter,sans-serif;box-shadow:0 20px 50px #7b2ff74d}.modern-card h2{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:2.5rem;font-weight:900}.modern-card p{color:#c0c0d1;margin-bottom:25px;font-size:1.05rem;line-height:1.6}.coupon-box{border:2px dashed var(--accent-cyan);color:var(--accent-cyan);letter-spacing:5px;text-shadow:0 0 15px var(--accent-cyan);background:#00f0ff1a;border-radius:10px;margin-bottom:10px;padding:20px;font-family:"Press Start 2P",monospace;font-size:2.5rem;font-weight:900}.btn-modern{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#06060b;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-bottom:15px;padding:18px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .2s;display:inline-flex}.btn-modern:hover,.btn-modern:focus{outline:2px solid var(--accent-cyan);transform:translateY(-3px);box-shadow:0 15px 30px #7b2ff766}.input-pseudo{border:1px solid var(--accent-cyan);color:#fff;text-align:center;background:#00000080;border-radius:8px;width:100%;margin-bottom:15px;padding:15px;font-family:"Press Start 2P",monospace;font-size:.8rem}.input-pseudo:focus{outline:none;box-shadow:0 0 15px #00f0ff4d}@keyframes shake{0%{transform:translate(2px,2px)rotate(0)}20%{transform:translate(-3px)rotate(1deg)}40%{transform:translate(3px,2px)rotate(0)}60%{transform:translate(-3px,1px)rotate(0)}80%{transform:translate(-1px,-2px)rotate(1deg)}to{transform:translate(1px,-1px)rotate(0)}}.shake{animation:.3s cubic-bezier(.36,.07,.19,.97) both shake}#flashOverlay{z-index:50;opacity:0;pointer-events:none;background:#fff;transition:opacity .5s ease-out;position:absolute;inset:0}#flashOverlay.active{opacity:1;transition:none}#playerSprite{display:none}#healthHud{border-color:#ff006e4d}#healthHud .score-title{color:var(--accent-magenta);font-family:Inter,sans-serif}#transitionModal .retro-card{border-color:var(--accent-yellow);box-shadow:0 0 30px var(--accent-yellow)}#transitionModal .retro-title{color:var(--accent-yellow);text-shadow:none}#btnNextLevel{background:var(--accent-yellow)}#winFinalModal .modern-card{border-color:var(--accent-green)}#winFinalModal .modern-card h2{background:var(--accent-green);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#winFinalModal .coupon-box{color:var(--accent-green);border-color:var(--accent-green);text-shadow:0 0 15px var(--accent-green)}.win-discount-note{color:var(--text-muted,#9a9ab0);font-size:.85rem}#btnLeaderboardWin{margin-bottom:15px}.btn-modern--ghost{border:1px solid var(--accent-cyan);color:#fff;background:0 0}#loseModal .retro-card{border-color:var(--accent-magenta);box-shadow:0 0 30px var(--accent-magenta)}#loseModal .retro-title{color:var(--accent-magenta);text-shadow:none}#btnRetry{background:var(--accent-magenta);color:#fff;width:100%;margin-bottom:15px}#btnLeaderboardLose{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:0 0;width:100%}#leaderboardModal .modern-card{border-color:var(--accent-cyan)}#leaderboardTitle{margin-bottom:25px;font-size:1.8rem}#scoreInputSection{margin-bottom:30px}.score-input-label{margin-bottom:15px;font-size:.9rem}#finalScoreDisplay{color:var(--accent-cyan);font-family:"Press Start 2P",monospace;font-weight:700}#highScoresList{color:var(--accent-yellow);text-align:left;background:#00000080;border-radius:8px;padding:20px;font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:2}#btnCloseLeaderboard{border:1px solid var(--border-subtle);color:#fff;background:0 0;margin-top:25px}