@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;600;800&display=swap";:root{--neon-pink:#f0f;--neon-blue:#0ff;--neon-purple:#8a2be2;--neon-gold:gold;--neon-cyan:#0ff;--bg-dark:#050505;--glass:#0f0f1480;--glass-border:#ffffff26}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#app,canvas{touch-action:none}body{background-color:var(--bg-dark);color:#fff;background-image:url(/brand/neon_luci_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;max-width:600px;height:100%;max-height:850px;display:flex;position:relative;box-shadow:0 0 50px #00ffff0d}canvas{object-fit:contain;filter:drop-shadow(0 0 10px #00ffff1a);width:100%;height:100%}.ui-overlay{pointer-events:none;touch-action:auto;width:100%;height:100%;position:absolute;top:0;left:0}.screen{-webkit-backdrop-filter:blur(15px);pointer-events:auto;z-index:10;background:#00000073;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0;touch-action:auto!important}h1,h2{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(to right, var(--neon-cyan), var(--neon-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #ff00ff4d);-webkit-background-clip:text;margin-bottom:20px;font-weight:800}.game-title-neon{letter-spacing:5px;text-align:center;background:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-gold) 50%, var(--neon-pink) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00ffff4d);-webkit-background-clip:text;margin-bottom:35px;font-size:32px}.logo-container{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.logo{width:140px;filter:drop-shadow(0 0 15px var(--neon-cyan));animation:6s ease-in-out infinite float,3s ease-in-out infinite alternate pulse-glow-logo}.brand-text{letter-spacing:4px;color:#fff;text-shadow:0 0 15px var(--neon-pink);font-size:38px;font-weight:800}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow-logo{0%{filter:drop-shadow(0 0 5px var(--neon-cyan))}to{filter:drop-shadow(0 0 25px var(--neon-cyan))}}.input-container{justify-content:center;width:100%;max-width:320px;display:flex}input{border:1px solid var(--glass-border);color:#fff;text-align:center;pointer-events:auto;background:#0000008c;border-radius:14px;outline:none;width:100%;margin-bottom:25px;padding:16px 20px;font-family:Outfit,sans-serif;font-size:16px;transition:all .3s;box-shadow:inset 0 0 10px #00000080}input:focus{border-color:var(--neon-cyan);background:#0a0a14d9;box-shadow:0 0 20px #0ff3,inset 0 0 10px #00000080}input::placeholder{opacity:.6;font-size:15px}.btn{color:#fff;cursor:pointer;pointer-events:auto;border:1px solid #ffffff26;outline:none;font-family:Outfit,sans-serif;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-play{background:linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-purple) 100%);letter-spacing:1.5px;border:1px solid #ffffff40;border-radius:30px;width:100%;max-width:320px;margin-bottom:25px;padding:16px 50px;font-size:18px;font-weight:800;animation:3s infinite alternate button-ring-glow;position:relative;box-shadow:0 0 15px #00ffff40,0 0 30px #00ffff26}@keyframes button-ring-glow{0%{border-color:#fff3;box-shadow:0 0 10px #0ff3,0 0 20px #8a2be233}to{border-color:#00ffffb3;transform:scale(1.01);box-shadow:0 0 25px #00ffff8c,0 0 45px #8a2be273,0 0 60px #f0f3}}.btn-play:hover{background:linear-gradient(135deg,#3ff 0%,#9b30ff 100%);animation:none;transform:translateY(-3px)scale(1.02);box-shadow:0 0 30px #00ffffa6,0 0 50px #8a2be28c}.btn-secondary{color:#ffffffd9;-webkit-backdrop-filter:blur(10px);background:#0a0a0f99;border:1px solid #ffffff1a;border-radius:20px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000004d}.btn-secondary:hover{border-color:var(--neon-cyan);color:#fff;background:#ffffff0d;transform:translateY(-2px);box-shadow:0 0 15px #00ffff26}.btn:active{transform:translateY(1px)}.buttons-row{justify-content:center;gap:15px;width:100%;max-width:320px;display:flex}.buttons-row button{flex:1}.modal{-webkit-backdrop-filter:blur(12px);z-index:100;pointer-events:auto;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.modal-content{border:1px solid var(--glass-border);text-align:center;background:#0f0a19eb;border-radius:24px;width:100%;max-width:460px;max-height:90%;padding:30px 25px;overflow-y:auto;box-shadow:0 15px 40px #000c,0 0 30px #8a2be226;touch-action:auto!important}.modal-content h2{background:linear-gradient(to right, var(--neon-cyan), var(--neon-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:24px}.modal-content p{color:#bbb;margin-bottom:15px;font-size:15px;line-height:1.5}.modal-content ul{padding-left:15px}.live-rank-badge{top:calc(env(safe-area-inset-top,40px) + 50px);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);color:#ffffff80;z-index:20;letter-spacing:1px;text-transform:uppercase;background:#0a0a0f73;border-radius:14px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:20px;box-shadow:0 4px 15px #0006}.live-rank-badge.active{color:var(--neon-blue);background:#00ffff0a;border-color:#00ffff4d;box-shadow:0 2px 8px #0000004d}@keyframes rank-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.game-hud-container{top:calc(env(safe-area-inset-top,40px) + 50px);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;color:#fff;background:#0a0a0f73;border-radius:20px;justify-content:center;align-items:center;gap:15px;padding:8px 15px;font-size:14px;font-weight:600;display:flex;position:absolute;right:140px;box-shadow:0 4px 15px #0006}.hud-item{letter-spacing:.5px;color:#ddd;align-items:center;gap:5px;font-size:15px;font-weight:600;display:flex}.hud-item span{color:var(--neon-cyan);text-shadow:0 0 6px #0ff6;font-size:18px;font-weight:800}.hud-item #hud-score{font-family:monospace;font-size:18px}.inactivity-timer{top:calc(env(safe-area-inset-top,40px) + 110px);letter-spacing:.5px;color:var(--neon-pink);z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 5px var(--neon-pink);pointer-events:none;background:#ff00ff1a;border:1px solid #ff00ff4d;border-radius:10px;padding:5px 12px;font-size:12px;font-weight:800;position:absolute;right:20px}.live-rank-badge{top:calc(env(safe-area-inset-top,40px) + 60px);color:#ffffffe6;z-index:20;-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#0a0a0f73;border:1px solid #ffffff1f;border-radius:14px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s;position:absolute;right:140px;box-shadow:0 2px 8px #0000004d}.live-rank-badge.active{color:var(--neon-cyan);background:#00ffff14;border-color:#0ff6}.live-rank-badge.active.top-ten{color:var(--neon-gold);background:#ffd7001f;border-color:#ffd70099;animation:3s ease-in-out infinite rank-pulse;box-shadow:0 0 8px #ffd70033}.level-progress-container{bottom:calc(env(safe-area-inset-bottom,20px) + 20px);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);z-index:15;background:#0a0a0fa6;border-radius:18px;width:90%;max-width:460px;padding:12px 18px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.level-progress-header{color:#bbb;letter-spacing:.5px;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.level-progress-title{color:#eee}.level-progress-value{color:var(--neon-cyan);font-weight:800}.level-progress-bg{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:10px;overflow:hidden}.level-progress-fill{background:linear-gradient(to right, var(--neon-cyan), var(--neon-pink));height:100%;box-shadow:0 0 10px var(--neon-cyan);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.level-progress-markers{color:#555;justify-content:space-between;padding:0 2px;font-size:10px;font-weight:800;display:flex}.level-progress-marker{transition:all .3s}.level-progress-marker.active{color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink);transform:scale(1.3)}.level-progress-marker.active-past{color:var(--neon-cyan);text-shadow:0 0 4px var(--neon-cyan)}.icon-btn{top:calc(env(safe-area-inset-top,40px) + 50px);border:1px solid var(--glass-border);color:#fff;z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(15px);background:#0a0a0f80;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;box-shadow:0 4px 15px #0006}.icon-btn svg{stroke:#fff;fill:none;pointer-events:none;width:22px;height:22px}.icon-btn:hover{border-color:var(--neon-cyan);transform:scale(1.1);box-shadow:0 0 15px #00ffff4d}.back-btn{left:20px}.music-btn{right:80px}.pause-btn{right:20px}.hidden{display:none!important}.lb-list-global,.lb-scroll-container{text-align:left;-webkit-overflow-scrolling:touch;max-height:220px;margin-top:15px;padding-right:5px;font-size:15px;font-weight:300;overflow-y:auto;touch-action:pan-y!important;pointer-events:auto!important}.lb-list-global::-webkit-scrollbar{width:5px}.lb-scroll-container::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar{width:5px}.lb-list-global::-webkit-scrollbar-track{background:#0000001a}.lb-scroll-container::-webkit-scrollbar-track{background:#0000001a}.modal-content::-webkit-scrollbar-track{background:#0000001a}.lb-list-global::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.lb-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.lb-list-global::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.lb-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.lb-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.lb-info{text-align:left;flex-direction:column;display:flex}.lb-rank-name{color:#eee;font-size:14px;font-weight:500}.lb-date{color:#777;margin-top:2px;font-size:10px}.lb-score-val{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);font-size:16px}.lb-title-sec{letter-spacing:1.5px;color:var(--neon-pink);text-shadow:0 0 5px #f0f3;margin-top:20px;margin-bottom:10px;font-size:14px;font-weight:800}.game-over-buttons button{width:100%}.pulse-glow{animation:1s ease-in-out infinite alternate pulse-glow-active}@keyframes pulse-glow-active{0%{text-shadow:0 0 3px var(--neon-pink)}to{text-shadow:0 0 12px var(--neon-pink)}}