:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;padding:0;width:100%;height:100%;position:fixed;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overscroll-behavior:none}body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}#root{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}:root{--game-bg-color: #121212;--primary-color: #00f5ff;--secondary-color: #ff00c8;--accent-color: #00ff8c;--dark-color: #0a0a0a;--light-color: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--game-bg-color);color:var(--light-color);font-family:Arial,sans-serif;overflow:hidden}.game-layout{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.center-container{flex:1;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.landscape{display:grid;grid-template-areas:"top" "game" "bottom";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100vh;width:100vw}.landscape .top-banner{grid-area:top}.landscape .bottom-banner{grid-area:bottom}.landscape .center-container{grid-area:game;min-height:0;min-width:0}.portrait{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:100vw}.portrait .center-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--dark-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-screen h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2s infinite}.loading-byline{font-size:1.2rem;color:var(--accent-color);margin-bottom:2rem}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}.xhaka-logo{width:120px;height:auto;opacity:.9;animation:pulse 2s infinite}.xhaka-logo.big{width:220px;max-width:80vw;height:auto;opacity:1;margin-bottom:1.5rem;animation:pulse 2s infinite}.presents-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.2em;text-align:center;margin-bottom:2.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@media (orientation: landscape) and (max-height: 600px){.top-banner,.bottom-banner{height:100px;min-height:100px;max-height:100px}.ad-placeholder{font-size:.7rem;padding:4px}}@media (max-width: 760px){.top-banner,.bottom-banner{height:80px;min-height:80px;max-height:80px;margin:1px 0;overflow:visible}.ad-container{transform:none;width:100%;max-width:320px;margin:0 auto;display:flex;justify-content:center}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.top-banner,.bottom-banner{height:80px;min-height:80px;max-height:80px}}.play-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.game-menu-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-menu-modal{background-color:#000000d9;border:2px solid #00f5ff;border-radius:10px;padding:30px;min-width:300px;box-shadow:0 0 20px #00f5ff,0 0 40px #00f5ff80;animation:modalFadeIn .3s ease-out forwards}.modal-title{text-align:center;margin-bottom:20px;font-size:2.5rem}.game-menu-modal .home-buttons{display:flex;flex-direction:column;gap:12px}.game-menu-modal .home-btn{min-width:180px}.game-menu-modal .home-btn.restart{background:linear-gradient(135deg,#ff5722,#ff9800);border:2px solid #ff9800;box-shadow:0 0 15px #ff9800b3;text-shadow:0 0 5px #ff5722,0 0 10px #ff5722}.game-menu-modal .home-btn.restart:hover{background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 0 20px #ff9800e6}.game-menu-modal .home-btn.home{background:linear-gradient(135deg,#673ab7,#9c27b0);border:2px solid #9c27b0;box-shadow:0 0 15px #9c27b0b3;text-shadow:0 0 5px #9c27b0,0 0 10px #9c27b0}.game-menu-modal .home-btn.home:hover{background:linear-gradient(135deg,#9c27b0,#673ab7);box-shadow:0 0 20px #9c27b0e6}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.simple-pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0000004d;z-index:900;pointer-events:none}.pause-text{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#fff;text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 30px var(--primary-color),0 0 40px var(--primary-color);animation:pauseTextPulse 2s infinite alternate}.pause-icon{margin-top:20px;font-size:3rem;color:#fff;animation:pauseIconPulse 1s infinite alternate}@keyframes pauseTextPulse{0%{opacity:.7;text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color)}to{opacity:1;text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 30px var(--primary-color),0 0 40px var(--primary-color)}}@keyframes pauseIconPulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@media (display-mode: fullscreen){body{height:100vh;height:100dvh}}.game-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100vw;height:100vh;background-color:#0a0a0a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0;overflow:hidden;box-shadow:none;border:none}.game-canvas{display:block;width:100%;height:100%;background-color:transparent;touch-action:none;position:relative;z-index:1}.game-play-container{position:relative;width:100vw;height:100vh;max-width:405px;max-height:720px;aspect-ratio:9/16;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none}.game-play-container:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;z-index:0;border-radius:12px;padding:0;pointer-events:none;background:linear-gradient(270deg,#00f5ff,#ff00c8,#fc0,#00ff8c,#00f5ff);background-size:400% 400%;filter:blur(4px) brightness(1.2);animation:neon-rgb-border 8s linear infinite}@keyframes neon-rgb-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-play-container>*{position:relative;z-index:3}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:20;pointer-events:auto}.modal-content{background-color:#0a0a0acc;border:2px solid var(--primary-color);border-radius:20px;padding:24px;width:80%;max-width:400px;max-height:80%;overflow-y:auto;color:var(--light-color);box-shadow:0 0 30px #00f5ff66}.modal-content h2{color:var(--primary-color);text-align:center;margin-bottom:20px;font-size:1.5rem}.modal-content button{background-color:var(--primary-color);color:var(--dark-color);border:none;border-radius:15px;padding:10px 20px;margin-top:20px;cursor:pointer;font-weight:700;display:block;width:100%}.modal-content button:hover{background-color:var(--secondary-color)}.leaderboard{display:flex;flex-direction:column;gap:10px}.leaderboard-entry{background-color:#0000004d;padding:10px;border-radius:5px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:5px;font-size:.9rem}.game-over-stats{text-align:center;font-size:1.1rem;line-height:1.6}.game-over-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}@media (max-width: 480px){.stat{font-size:.8rem}.control-btn{font-size:.8rem;padding:6px 12px}.leaderboard-entry{font-size:.8rem;grid-template-columns:1fr}}.home-bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;overflow:hidden;background:linear-gradient(to bottom,#060729,#1a0033)}.home-bg-image{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:url(/assets/HomeBG-j_CjgH63.png);background-size:cover;background-position:center;opacity:.6;z-index:-1;animation:zoomEffect 20s infinite alternate ease-in-out}@keyframes zoomEffect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.home-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;margin:70px 0;background:#0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:24px;box-shadow:0 0 32px 8px #0006;border:1px solid rgba(255,255,255,.1);width:90%;max-width:400px;transition:padding-bottom .3s}.home-title{margin-bottom:32px;font-family:Orbitron,Arial,sans-serif;letter-spacing:2px;font-weight:700;text-align:center;font-size:3.5rem;transform:scale(.9);opacity:.8;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s ease}.home-title.animated{transform:scale(1);opacity:1}.neon-text{color:#00f5ff;text-shadow:0 0 5px #00f5ff,0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #00f5ff;animation:neon-pulse 1.5s infinite alternate}.neon-text-alt{color:#ff00c8;text-shadow:0 0 5px #ff00c8,0 0 10px #ff00c8,0 0 20px #ff00c8,0 0 40px #ff00c8;animation:neon-pulse-alt 1.5s infinite alternate}.neon-text-small{color:#00f5ff;text-shadow:0 0 5px #00f5ff;margin-right:8px}.xhaka-brand{font-family:Orbitron,Arial,sans-serif;font-weight:700;color:#ff00c8;text-shadow:0 0 5px #ff00c8,0 0 10px #ff00c8;letter-spacing:1px}@keyframes neon-pulse{0%{opacity:.8;text-shadow:0 0 5px #00f5ff,0 0 10px #00f5ff}to{opacity:1;text-shadow:0 0 5px #00f5ff,0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #00f5ff,0 0 80px #00f5ff}}@keyframes neon-pulse-alt{0%{opacity:.8;text-shadow:0 0 5px #ff00c8,0 0 10px #ff00c8}to{opacity:1;text-shadow:0 0 5px #ff00c8,0 0 10px #ff00c8,0 0 20px #ff00c8,0 0 40px #ff00c8,0 0 80px #ff00c8}}.home-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:280px;margin:0 auto}.home-btn{font-size:1.3rem;padding:16px 0;border-radius:12px;border:none;font-weight:700;cursor:pointer;color:#fff;box-shadow:0 2px 12px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.home-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;pointer-events:none}.home-btn:hover:before{left:100%}.home-btn.play{background:linear-gradient(90deg,#00f5ff,#00ff8c);box-shadow:0 0 10px #00f5ff80,0 0 20px #00f5ff4d}.home-btn.leaderboard{background:linear-gradient(90deg,#fc0,#ff00c8);box-shadow:0 0 10px #ffcc0080,0 0 20px #ffcc004d}.home-btn.about{background:linear-gradient(90deg,#ff00c8,#06f);box-shadow:0 0 10px #ff00c880,0 0 20px #ff00c84d}.home-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 7px 25px #00f5ff80,0 0 30px #00f5ff4d}.home-footer{position:fixed;bottom:0;left:0;width:100%;z-index:200;background:#000000b3;padding:10px 0;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(255,255,255,.1);transition:bottom .3s}.neon-footer{display:flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:1px}@media (max-width: 600px){.home-title{font-size:2.8rem}.home-footer{position:fixed;left:0;bottom:0;width:100vw;z-index:9999;background:#000000d9;padding-bottom:env(safe-area-inset-bottom,8px);pointer-events:auto}.home-content{padding-bottom:60px;padding-top:calc(32px + env(safe-area-inset-top,16px))}.home-buttons{width:100%;max-width:260px}.home-btn{font-size:1.2rem;padding:14px 0}}@media (max-width: 400px){.home-title{font-size:2.3rem}.neon-footer{font-size:.9rem}.home-footer{bottom:24px;padding-bottom:env(safe-area-inset-bottom,16px)}}.play-bg{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.game-score,.game-level,.game-lives{background-color:#0009;color:var(--primary-color, #00f5ff);padding:5px 10px;border-radius:15px;font-size:.9rem;font-weight:700;text-shadow:0 0 5px rgba(0,245,255,.5);margin-bottom:5px}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;color:#fff}.game-over h2{color:#ff00c8;font-size:2rem;margin-bottom:1rem}.game-over-actions{display:flex;gap:10px;margin-top:1rem}.game-over-actions button{background-color:#00f5ffcc;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.game-over-actions button:disabled{background-color:#646464cc;cursor:not-allowed}.game-over-actions .restart-btn{background:linear-gradient(135deg,#ff5722,#ff9800);border:2px solid #ff9800;box-shadow:0 0 15px #ff9800b3;text-shadow:0 0 5px #ff5722,0 0 10px #ff5722}.game-over-actions .restart-btn:hover{background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 0 20px #ff9800e6;transform:translateY(-2px)}.about-container{width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.about-container h1{color:#00f5ff;font-size:2rem;margin-bottom:20px}.about-container p{margin-bottom:15px;font-size:1.1rem;max-width:80%}.about-container a{color:#ff00c8;text-decoration:none;font-weight:700;padding:5px 10px;border-radius:5px;transition:all .3s ease;background:#0003}.about-container a:hover{background:#ff00c833;text-shadow:0 0 8px #ff00c8;box-shadow:0 0 12px #ff00c880}.back-btn{background:linear-gradient(90deg,#00f5ff,#00ff8c);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:20px}.leaderboard-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30;color:#fff;padding:20px}.leaderboard-container h2{color:#fc0;font-size:2rem;margin-bottom:20px}.leaderboard-entries{width:80%;max-width:400px;margin-bottom:20px}.close-btn{background:linear-gradient(90deg,#fc0,#ff00c8);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer}.modern-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;font-family:Orbitron,Arial,sans-serif;-webkit-user-select:none;user-select:none}.hud-top-bar{position:absolute;top:10px;left:0;width:100%;display:flex;justify-content:space-between;padding:10px 15px;pointer-events:auto;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom:1px solid rgba(0,245,255,.3);box-shadow:0 0 15px #00f5ff33;z-index:15}.hud-controls{position:absolute;bottom:15px;left:0;width:100%;display:flex;justify-content:center;gap:15px;padding:10px 15px;pointer-events:auto;z-index:15;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-top:1px solid rgba(0,245,255,.3);box-shadow:0 0 15px #00f5ff33}.hud-stat{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:10px;background:#000000b3;border:1px solid rgba(255,255,255,.15);margin:0 5px;transition:all .3s ease;box-shadow:0 0 10px #00000080;min-width:60px;flex:1;max-width:100px;position:relative;overflow:hidden;gap:4px}.hud-stat.time{--stat-color: #00f5ff;border-color:#00f5ff4d;min-width:90px}.hud-stat.time .stat-value{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--stat-color, #00f5ff),transparent);animation:scanline 2s linear infinite}.hud-stat:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--stat-color, #00f5ff),transparent);animation:scanline 2s linear infinite reverse}.hud-stat.score{--stat-color: #ff00c8;border-color:#ff00c84d}.hud-stat.shape{--stat-color: #ffcc00;border-color:#ffcc004d}.hud-stat.lives{--stat-color: #00ff8c;border-color:#00ff8c4d}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hud-stat:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--stat-color-rgb, 0, 245, 255),.3);border-color:var(--stat-color, #00f5ff)}.stat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;padding:4px;box-shadow:0 0 8px var(--stat-color, #00f5ff);margin-bottom:2px}.time .stat-icon{color:#00f5ff;filter:drop-shadow(0 0 3px #00f5ff)}.score .stat-icon{color:#ff00c8;filter:drop-shadow(0 0 3px #ff00c8)}.shape .stat-icon{color:#fc0;filter:drop-shadow(0 0 3px #ffcc00)}.lives .stat-icon{color:#00ff8c;filter:drop-shadow(0 0 3px #00ff8c)}.stat-icon svg{width:1.2em;height:1.2em;animation:iconPulse 1.5s infinite alternate ease-in-out}@keyframes iconPulse{0%{filter:brightness(.9);transform:scale(.95)}to{filter:brightness(1.1);transform:scale(1.05)}}.stat-value{font-size:.9rem;font-weight:700;color:var(--stat-color, #fff);text-shadow:0 0 5px var(--stat-color, #00f5ff),0 0 10px var(--stat-color, #00f5ff);white-space:nowrap;text-align:center}.hud-btn{background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:20px;padding:10px 15px;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;overflow:hidden;position:relative;min-width:50px;flex:1;max-width:100px;justify-content:center;pointer-events:auto}.hud-btn:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;pointer-events:none}.hud-btn:hover:before{left:100%}.btn-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:6px;transition:all .3s ease;position:relative}.btn-icon svg{width:1.2em;height:1.2em;filter:drop-shadow(0 0 2px var(--btn-color, white))}.pause .btn-icon svg{--btn-color: #00f5ff;color:#00f5ff}.fullscreen .btn-icon svg{--btn-color: #ffcc00;color:#fc0}.ranking .btn-icon svg{--btn-color: #ff00c8;color:#ff00c8}.home .btn-icon svg{--btn-color: #00ff8c;color:#00ff8c}.btn-text{white-space:nowrap;font-weight:700;letter-spacing:.5px;font-family:Orbitron,sans-serif;font-size:.8rem}.hud-btn.pause{background:linear-gradient(90deg,#00f5ff33,#000000b3);border-color:#00f5ff66;box-shadow:0 0 10px #00f5ff33}.hud-btn.pause:hover{background:linear-gradient(90deg,#00f5ff4d,#000c);box-shadow:0 0 15px #00f5ff80;transform:translateY(-3px)}.hud-btn.fullscreen{background:linear-gradient(90deg,#fc03,#000000b3);border-color:#fc06;box-shadow:0 0 10px #fc03}.hud-btn.fullscreen:hover{background:linear-gradient(90deg,#ffcc004d,#000c);box-shadow:0 0 15px #ffcc0080;transform:translateY(-3px)}.hud-btn.ranking{background:linear-gradient(90deg,#ff00c833,#000000b3);border-color:#ff00c866;box-shadow:0 0 10px #ff00c833}.hud-btn.ranking:hover{background:linear-gradient(90deg,#ff00c84d,#000c);box-shadow:0 0 15px #ff00c880;transform:translateY(-3px)}.hud-btn.home{background:linear-gradient(90deg,#00ff8c33,#000000b3);border-color:#00ff8c66;box-shadow:0 0 10px #00ff8c33}.hud-btn.home:hover{background:linear-gradient(90deg,#00ff8c4d,#000c);box-shadow:0 0 15px #00ff8c80;transform:translateY(-3px)}.hud-btn.menu{background:linear-gradient(90deg,#f603,#000000b3);border-color:#f606;box-shadow:0 0 10px #f603}.hud-btn.menu:hover{background:linear-gradient(90deg,#ff66004d,#000c);box-shadow:0 0 15px #ff660080;transform:translateY(-3px)}.menu .btn-icon svg{--btn-color: #ff6600;color:#f60}.game-stats-summary{background:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:20px 30px;margin-bottom:25px;min-width:250px;box-shadow:0 0 25px #000c}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1.1rem}.stat-row .stat-name{color:#ffffffe6;display:flex;align-items:center;font-weight:700}.stat-row .stat-name svg{margin-right:8px;font-size:1.2em}.stat-row:nth-child(1) .stat-name svg{color:#ff00c8;filter:drop-shadow(0 0 3px #ff00c8)}.stat-row:nth-child(2) .stat-name svg{color:#fc0;filter:drop-shadow(0 0 3px #ffcc00)}.stat-row:nth-child(3) .stat-name svg{color:#00f5ff;filter:drop-shadow(0 0 3px #00f5ff)}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:10px}.leaderboard-title svg{color:#fc0;font-size:1.5rem;filter:drop-shadow(0 0 5px #ffcc00)}@media (max-width: 768px){.hud-stat{min-width:50px;padding:6px 8px}.stat-icon{width:20px;height:20px}.stat-value{font-size:.8rem}}@media (max-width: 480px){.hud-stat{min-width:45px;padding:4px 6px}.stat-icon{width:18px;height:18px}.stat-value{font-size:.75rem}}@keyframes levelGlow{0%{box-shadow:0 0 5px #ffffff80}50%{box-shadow:0 0 20px #ffd700cc}to{box-shadow:0 0 5px #ffffff80}}.level-change{animation:levelGlow 1.5s}.fullscreen-alert{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;text-align:center;z-index:9999;box-shadow:0 0 10px #00000080;border:1px solid rgba(255,255,255,.2);animation:fadeIn .3s,fadeOut .3s 2.7s}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.cooldown-indicator{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;align-items:flex-start;background:#0009;border-radius:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);width:150px;z-index:100}.cooldown-label{color:#fff;font-size:.7rem;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(255,255,255,.5)}.cooldown-bar-container{width:100%;height:10px;background-color:#00000080;border-radius:5px;overflow:hidden;position:relative}.cooldown-bar{height:100%;transition:width .3s ease,background-color .3s ease}.life-steal-cooldown .cooldown-bar{background-color:#00ff8c;box-shadow:0 0 8px #00ff8cb3}.life-steal-cooldown .cooldown-label{color:#00ff8c}@media (max-width: 768px){.cooldown-indicator{bottom:15px;left:15px;width:120px;padding:6px 10px}.cooldown-label{font-size:.6rem}.cooldown-bar-container{height:8px}}.simple-pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.pause-text{font-size:3rem;font-weight:700;color:#00f5ff;text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff;margin-bottom:20px;animation:neon-pulse 2s infinite alternate}.pause-icon{font-size:3rem;color:#00f5ff;margin-bottom:30px;animation:neon-pulse 2s infinite alternate}.pause-instructions{font-size:1.2rem;color:#fff;text-shadow:0 0 5px #00f5ff;text-align:center;padding:0 20px}.game-menu-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:200}.game-menu-modal{background-color:#0a0a0ab3;border-radius:20px;padding:30px;width:90%;max-width:350px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 30px #00f5ff4d;border:1px solid rgba(0,245,255,.2)}.modal-title{margin-bottom:30px;text-align:center}.leaderboard-table{width:100%;border-collapse:collapse;margin-bottom:20px}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:.5fr 2fr 1fr .7fr;padding:10px;text-align:center}.leaderboard-header{background:linear-gradient(90deg,#00f5ff33,#ff00c833);border-bottom:2px solid #00f5ff;font-weight:700;border-radius:5px 5px 0 0;font-size:.9rem}.leaderboard-row{background-color:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.leaderboard-row:nth-child(odd){background-color:#0006}.leaderboard-row:hover{background-color:#00f5ff1a;transform:translateY(-2px);box-shadow:0 4px 8px #00f5ff33}.leaderboard-row.current-user{background-color:#ff00c833;font-weight:700;box-shadow:0 0 15px #ff00c866}.rank{font-weight:700;color:#fc0}.leaderboard-row:nth-child(1) .rank{color:gold;font-size:1.2em;text-shadow:0 0 10px gold}.leaderboard-row:nth-child(2) .rank{color:silver;font-size:1.1em;text-shadow:0 0 8px silver}.leaderboard-row:nth-child(3) .rank{color:#cd7f32;font-size:1.05em;text-shadow:0 0 8px #cd7f32}.score{color:#00f5ff;font-weight:700}.level{color:#fc0}.name-input-container{display:flex;flex-direction:column;align-items:center;gap:15px;width:80%;max-width:400px;margin-bottom:20px}.name-input{background-color:#00000080;border:2px solid #00f5ff;border-radius:8px;padding:12px;color:#fff;font-size:1.1rem;width:100%;text-align:center;outline:none;transition:all .3s ease}.name-input:focus{box-shadow:0 0 15px #00f5ff80;border-color:#fc0}.save-score-btn{background:linear-gradient(90deg,#00f5ff,#ff00c8);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;width:100%;transition:all .3s ease}.save-score-btn:hover{box-shadow:0 0 20px #00f5ffb3;transform:translateY(-2px)}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.game-over h2{color:#ff00c8;font-size:2.5rem;margin-bottom:30px;text-shadow:0 0 15px rgba(255,0,200,.8)}.game-stats-summary{background-color:#00000080;border:2px solid #00f5ff;border-radius:15px;padding:20px;margin-bottom:30px;width:80%;max-width:400px;box-shadow:0 0 30px #00f5ff4d}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}.stat-row:last-child{border-bottom:none;margin-bottom:0}.stat-row.final-score{background-color:#ffcc0026;border-radius:8px;margin-top:15px;padding:12px 8px;font-size:1.2em;font-weight:700;color:#fc0;text-shadow:0 0 8px rgba(255,204,0,.5)}.game-over-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:80%;max-width:400px}.game-over-actions button{border:none;border-radius:8px;padding:12px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff}.save-score-btn{grid-column:1 / -1;background:linear-gradient(90deg,#fc0,#ff9500)}.skip-retry-btn{background:linear-gradient(90deg,#00ff8c,#00c861)}.quit-btn{background:linear-gradient(90deg,#ff00c8,#c800ff)}.game-over-actions button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}@media (max-width: 768px){.leaderboard-header,.leaderboard-row{grid-template-columns:.5fr 1.5fr 1fr .7fr;font-size:.9rem;padding:8px}.game-stats-summary,.game-over-actions{width:90%}}@media (max-width: 480px){.leaderboard-header,.leaderboard-row{grid-template-columns:.5fr 1.2fr 1fr .7fr;font-size:.8rem;padding:6px}.game-over h2{font-size:2rem}.stat-row{font-size:.9rem}.stat-row.final-score{font-size:1.1rem}}.name-input-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:35}.name-input-modal{background-color:#0a0a1ee6;border:2px solid #00f5ff;border-radius:15px;padding:30px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 30px #00f5ff66;animation:modalFadeIn .5s ease}.name-input-modal h3{color:#fc0;font-size:1.5rem;margin-bottom:15px;text-align:center;text-shadow:0 0 8px rgba(255,204,0,.6)}.name-input-modal p{color:#fff;margin-bottom:20px;text-align:center}.save-name-btn{background:linear-gradient(90deg,#00f5ff,#ff00c8);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;width:100%;transition:all .3s ease}.save-name-btn:hover{box-shadow:0 0 20px #00f5ffb3;transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.leaderboard-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:25}.leaderboard-content{background-color:#0a0a1ee6;border:2px solid #00f5ff;border-radius:15px;padding:25px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 30px #00f5ff66}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:10px;color:#fc0;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 10px rgba(255,204,0,.6)}.leaderboard-title svg{color:#fc0;filter:drop-shadow(0 0 5px #ffcc00)}.close-leaderboard{background:linear-gradient(90deg,#fc0,#ff00c8);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:20px;width:100%;transition:all .3s ease}.close-leaderboard:hover{box-shadow:0 0 20px #ffcc0080;transform:translateY(-2px)}.no-scores-message{background-color:#0000004d;border-radius:8px;padding:20px;text-align:center;margin:20px 0;color:#fff;font-style:italic;width:100%}.clear-btn{background:linear-gradient(90deg,#ff3d00,#ff9100);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.clear-btn:hover{box-shadow:0 0 15px #ff3d0080;transform:translateY(-2px)}.score-summary{font-size:1.2rem;margin-bottom:15px;color:#fff}.highlight-score{color:#fc0;font-size:1.4rem;font-weight:700;text-shadow:0 0 10px rgba(255,204,0,.7);animation:scorePulse 2s infinite alternate}@keyframes scorePulse{0%{text-shadow:0 0 5px rgba(255,204,0,.7)}to{text-shadow:0 0 15px rgba(255,204,0,1)}}.leaderboard-logo{display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:20px}.leaderboard-logo .neon-text{color:#00f5ff;font-size:1.8rem;text-shadow:0 0 5px #00f5ff,0 0 10px #00f5ff,0 0 20px #00f5ff}.leaderboard-logo .neon-text-alt{color:#ff00c8;font-size:1.8rem;text-shadow:0 0 5px #ff00c8,0 0 10px #ff00c8,0 0 20px #ff00c8}.share-leaderboard-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#00f5ff,#08f);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.share-leaderboard-btn:hover{box-shadow:0 0 15px #00f5ff80;transform:translateY(-2px)}.share-leaderboard-btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.leaderboard-entries.capturing .close-btn,.leaderboard-entries.capturing .share-leaderboard-btn,.leaderboard-entries.capturing .clear-btn{display:none}.leaderboard-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:20px}.leaderboard-actions button{flex:1;min-width:120px;max-width:200px}.whatsapp-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#25d366,#128c7e);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.whatsapp-share-btn:hover{box-shadow:0 0 15px #25d36680;transform:translateY(-2px)}.whatsapp-share-btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.whatsapp-share-btn svg{font-size:1.2em}.facebook-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#1877f2,#166fe5);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.facebook-share-btn:hover{box-shadow:0 0 15px #1877f280;transform:translateY(-2px)}.facebook-share-btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.facebook-share-btn svg{font-size:1.2em}@media (max-width: 480px){.leaderboard-actions button{padding:10px 15px;font-size:.9rem;min-width:100px}}.audio-control-button{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;padding:8px;box-shadow:0 2px 5px #0003}.audio-control-button:hover{background-color:#000c;transform:scale(1.05)}.audio-control-button:active{transform:scale(.95)}.audio-control-button svg{width:24px;height:24px}