.discord-verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.discord-verification-dialog{position:relative;display:flex;flex-direction:column;align-items:center;gap:25px;padding:40px;background:linear-gradient(145deg,rgba(88,101,242,.15),rgba(114,137,218,.15));border:4px solid #5865F2;border-radius:20px;max-width:600px;width:90%;box-shadow:0 0 60px #5865f299,0 0 100px #7289da66,inset 0 0 60px #00000080;animation:dialogSlideIn .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.discord-verification-icon{width:80px;height:80px;color:#5865f2;filter:drop-shadow(0 0 20px #5865F2);animation:iconFloat 3s ease-in-out infinite}.discord-verification-icon svg{width:100%;height:100%}.discord-verification-content{width:100%;display:flex;flex-direction:column;gap:25px;align-items:center}.discord-verification-title{font-family:"Press Start 2P",cursive;font-size:18px;color:#5865f2;text-shadow:0 0 20px #5865F2,0 0 40px rgba(88,101,242,.5),3px 3px 8px rgba(0,0,0,1);margin:0;text-align:center;line-height:1.5}.discord-verification-instructions{width:100%;background:rgba(0,0,0,.4);border:2px solid rgba(88,101,242,.3);border-radius:15px;padding:25px;box-shadow:inset 0 0 30px #00000080}.discord-instruction-text{font-family:"Press Start 2P",cursive;font-size:11px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,1);margin:0 0 20px;line-height:1.8;text-align:center}.discord-steps{display:flex;flex-direction:column;gap:15px}.discord-step{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(88,101,242,.1);border:2px solid rgba(88,101,242,.3);border-radius:10px;transition:all .3s ease}.discord-step:hover{background:rgba(88,101,242,.2);border-color:#5865f2;transform:translate(5px);box-shadow:0 0 20px #5865f24d}.step-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;min-width:35px;background:linear-gradient(145deg,#5865F2,#4752C4);border:2px solid #7289DA;border-radius:50%;font-family:"Press Start 2P",cursive;font-size:14px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);box-shadow:0 0 15px #5865f280,inset 0 0 10px #fff3}.step-text{font-family:"Press Start 2P",cursive;font-size:10px;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,1);line-height:1.6}.highlight{color:#5865f2;text-shadow:0 0 15px #5865F2,0 0 30px rgba(88,101,242,.5);font-weight:700}.discord-understand-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;background:linear-gradient(145deg,#5865F2,#4752C4);border:3px solid #7289DA;border-radius:12px;color:#fff;font-family:"Press Start 2P",cursive;font-size:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #5865f299,0 0 60px #7289da66,inset 0 0 30px #ffffff1a;text-shadow:0 0 15px rgba(255,255,255,.8);position:relative;overflow:hidden}.discord-understand-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:buttonShine 3s ease-in-out infinite}.discord-understand-btn:hover{background:linear-gradient(145deg,#7289DA,#5865F2);transform:translateY(-3px) scale(1.05);box-shadow:0 0 40px #5865f2e6,0 0 80px #7289da99,inset 0 0 40px #fff3;border-color:#99aab5}.discord-understand-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 0 25px #5865f2b3,inset 0 0 30px #0000004d}.discord-understand-btn svg{width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.discord-verification-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(0,0,0,.6);border:2px solid #5865F2;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#5865f2}.discord-verification-close svg{width:22px;height:22px}.discord-verification-close:hover{background:#5865F2;color:#fff;transform:rotate(90deg) scale(1.15);box-shadow:0 0 25px #5865f2}.discord-verification-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#5865F2 0%,transparent 70%);opacity:.15;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-60px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 20px #5865F2)}50%{transform:translateY(-10px) rotate(5deg);filter:drop-shadow(0 0 30px #5865F2)}}@keyframes glowPulse{0%,to{opacity:.15}50%{opacity:.25}}@keyframes buttonShine{0%{left:-50%}to{left:150%}}@media (max-width: 768px){.discord-verification-dialog{padding:30px 20px;gap:20px}.discord-verification-icon{width:60px;height:60px}.discord-verification-title{font-size:14px}.discord-instruction-text{font-size:9px}.step-number{width:30px;height:30px;min-width:30px;font-size:12px}.step-text{font-size:8px}.discord-understand-btn{padding:15px 30px;font-size:10px}.discord-understand-btn svg{width:20px;height:20px}}.user-avatar-container{position:fixed;bottom:20px;left:20px;z-index:200;transform:none!important;animation:none!important}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#ff00ff,#ff0080);border:3px solid #00ffff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 20px #0ff9,0 0 40px #f0f6,inset 0 0 15px #fff3;overflow:hidden}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 30px #00ffffe6,0 0 60px #f0f9,inset 0 0 20px #ffffff4d;border-color:#ff0}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:"Press Start 2P",cursive;font-size:20px;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.8),2px 2px 4px rgba(0,0,0,.8)}.avatar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:199}.avatar-dropdown{position:absolute;bottom:60px;left:0;min-width:250px;background:linear-gradient(145deg,rgba(25,0,50,.98),rgba(50,0,100,.98));border:3px solid #00ffff;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 30px #0ff9,0 0 60px #f0f6,inset 0 0 40px #ffffff1a;animation:dropdownSlideUp .3s ease-out;overflow:hidden;z-index:201;pointer-events:auto}.dropdown-header{padding:15px;background:rgba(0,255,255,.05);border-bottom:2px solid rgba(0,255,255,.3)}.dropdown-user-name{font-family:"Press Start 2P",cursive;font-size:10px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),2px 2px 4px rgba(0,0,0,.8);word-break:break-word;line-height:1.5}.dropdown-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(255,0,255,.5),transparent);margin:0}.dropdown-item{padding:15px;display:flex;align-items:center;justify-content:space-between;font-family:"Press Start 2P",cursive;font-size:9px;color:#fff;transition:all .3s ease;cursor:default}.membership-item{background:rgba(255,0,255,.05)}.item-label{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8)}.item-value{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.8);padding:5px 10px;background:rgba(255,255,0,.1);border:2px solid rgba(255,255,0,.3);border-radius:4px;transition:all .3s ease}.item-value.premium-tier{color:#0ff;text-shadow:0 0 15px rgba(0,255,255,1);background:rgba(0,255,255,.15);border:2px solid rgba(0,255,255,.5);animation:premiumGlow 2s ease-in-out infinite}@keyframes premiumGlow{0%,to{box-shadow:0 0 10px #00ffff80}50%{box-shadow:0 0 20px #0ffc}}.verify-item{background:none;border:none;width:100%;cursor:pointer;gap:10px;justify-content:flex-start;color:#5865f2;text-shadow:0 0 10px rgba(88,101,242,.8);pointer-events:auto;position:relative;z-index:10}.verify-item:hover{background:rgba(88,101,242,.1);border-left:3px solid #5865F2;padding-left:12px;box-shadow:inset 0 0 20px #5865f233}.verify-icon{width:18px;height:18px;color:#5865f2;filter:drop-shadow(0 0 8px rgba(88,101,242,.9))}.logout-item{background:none;border:none;width:100%;cursor:pointer;gap:10px;justify-content:flex-start;color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,.8);pointer-events:auto;position:relative;z-index:10}.logout-item:hover{background:rgba(255,0,128,.1);border-left:3px solid #ff0080;padding-left:12px;box-shadow:inset 0 0 20px #ff008033}.logout-icon{width:16px;height:16px;color:#ff0080;filter:drop-shadow(0 0 5px rgba(255,0,128,.8))}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.user-avatar{width:40px;height:40px}.avatar-initials{font-size:16px}.avatar-dropdown{min-width:200px}.dropdown-user-name{font-size:8px}.dropdown-item{font-size:8px;padding:12px}}.home-screen{position:relative;width:100vw;height:100vh;background-image:url(/assets/mainbg-3492155b.png);background-size:105%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:bgZoom 18s ease-in-out infinite alternate;transition:opacity 1.2s ease-out}.home-screen.exiting{opacity:0;animation:none}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.35) 0%,rgba(0,0,0,.65) 65%,rgba(0,0,0,.9) 100%);mix-blend-mode:multiply;z-index:1}.content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;animation:fadeIn 1s ease-in;perspective:1500px;transform-style:preserve-3d}.content-wrapper.exit-3d{animation:none}.retro-text-container{text-align:center;perspective:1000px;opacity:0;transform:translateY(-50px);transition:all 1.5s cubic-bezier(.34,1.56,.64,1)}.retro-text-container.loaded{opacity:1;transform:translateY(0)}.retro-text-container.exit-3d{animation:exit3DText 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards}.retro-text{font-family:"Press Start 2P",cursive;font-size:48px;color:#f0f;text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ffff00,9px 9px 0px #ff0000,12px 12px 20px rgba(0,0,0,.8);animation:float 3s ease-in-out infinite,glow 2s ease-in-out infinite alternate;display:flex;flex-direction:column;gap:20px;transform-style:preserve-3d}.text-line{display:block;animation:slideIn 1s ease-out backwards}.text-line:nth-child(1){animation-delay:.2s}.text-line:nth-child(2){animation-delay:.4s}.text-line:nth-child(3){animation-delay:.6s}.retro-button{position:relative;font-family:"Press Start 2P",cursive;font-size:20px;padding:20px 40px;background:linear-gradient(145deg,#ff00ff,#ff0080);color:#fff;border:4px solid #00ffff;cursor:pointer;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 20px #ff00ff80,0 0 40px #00ffff4d,inset 0 0 20px #fff3;animation:buttonPulse 2s ease-in-out infinite;z-index:1}.retro-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 30px #f0fc,0 0 60px #00ffff80,inset 0 0 30px #ffffff4d;border-color:#ff0}.retro-button:active{transform:translateY(0) scale(.98);box-shadow:0 0 15px #f0f9,0 0 30px #0ff6,inset 0 0 15px #fff3}.retro-button.exit-3d{animation:exit3DButton 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.2s}@keyframes float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-20px) rotateX(5deg)}}@keyframes glow{0%{text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ffff00,9px 9px 0px #ff0000,12px 12px 20px rgba(0,0,0,.8)}to{text-shadow:3px 3px 0px #ff00ff,6px 6px 0px #00ffff,9px 9px 0px #ffff00,12px 12px 30px rgba(255,0,255,.8)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100px) rotateY(-90deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px #ff00ff80,0 0 40px #00ffff4d,inset 0 0 20px #fff3}50%{box-shadow:0 0 30px #ff00ffb3,0 0 60px #00ffff80,inset 0 0 30px #ffffff4d}}@keyframes bgZoom{0%{transform:scale(1);background-size:102%}50%{transform:scale(1.03);background-size:108%}to{transform:scale(1.06);background-size:112%}}@keyframes exit3DText{0%{opacity:1;transform:translateY(0) translateZ(0) rotateX(0)}to{opacity:0;transform:translateY(-100px) translateZ(-500px) rotateX(-90deg)}}@keyframes exit3DButton{0%{opacity:1;transform:translateY(0) translateZ(0) rotateY(0) scale(1)}to{opacity:0;transform:translateY(100px) translateZ(-500px) rotateY(90deg) scale(.5)}}@media (max-width: 768px){.retro-text{font-size:24px;text-shadow:2px 2px 0px #00ffff,4px 4px 0px #ffff00,6px 6px 0px #ff0000,8px 8px 15px rgba(0,0,0,.8)}.retro-button{font-size:14px;padding:15px 30px}.content-wrapper{gap:40px}}@media (max-width: 480px){.retro-text{font-size:18px;gap:15px}.retro-button{font-size:12px;padding:12px 24px}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notification-dialog{position:relative;display:flex;align-items:flex-start;gap:20px;padding:30px;background:linear-gradient(145deg,rgba(20,0,40,.98),rgba(40,0,80,.98));border:4px solid;border-radius:15px;max-width:500px;width:90%;box-shadow:0 0 50px currentColor,inset 0 0 50px #00000080;animation:dialogSlideIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.notification-error{border-color:red;color:red}.notification-warning{border-color:#ff0;color:#ff0}.notification-success{border-color:#0f0;color:#0f0}.notification-info{border-color:#0ff;color:#0ff}.notification-icon{width:50px;height:50px;min-width:50px;filter:drop-shadow(0 0 15px currentColor);animation:iconPulse 2s ease-in-out infinite}.notification-icon svg{width:100%;height:100%}.notification-content{flex:1;display:flex;flex-direction:column;gap:10px}.notification-title{font-family:"Press Start 2P",cursive;font-size:16px;color:currentColor;text-shadow:0 0 15px currentColor,3px 3px 6px rgba(0,0,0,1);margin:0;line-height:1.4}.notification-message{font-family:"Press Start 2P",cursive;font-size:10px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,1);margin:0;line-height:1.8}.notification-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:12px 25px;background:linear-gradient(145deg,#5865F2,#4752C4);border:3px solid #7289DA;border-radius:8px;color:#fff;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #5865f280,inset 0 0 20px #ffffff1a;text-shadow:0 0 10px rgba(255,255,255,.5)}.notification-action-btn:hover{background:linear-gradient(145deg,#7289DA,#5865F2);transform:translateY(-2px);box-shadow:0 0 30px #5865f2cc,0 0 60px #7289da80,inset 0 0 30px #fff3;border-color:#99aab5}.notification-action-btn:active{transform:translateY(0);box-shadow:0 0 15px #5865f299,inset 0 0 20px #0000004d}.notification-action-btn svg{width:18px;height:18px;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.notification-close{position:absolute;top:15px;right:15px;width:35px;height:35px;background:rgba(0,0,0,.5);border:2px solid currentColor;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:currentColor}.notification-close svg{width:20px;height:20px}.notification-close:hover{background:currentColor;color:#000;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px currentColor}.notification-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,currentColor 0%,transparent 70%);opacity:.1;pointer-events:none;animation:glowPulse 2s ease-in-out infinite}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px currentColor)}50%{transform:scale(1.1);filter:drop-shadow(0 0 25px currentColor)}}@keyframes glowPulse{0%,to{opacity:.1}50%{opacity:.2}}@media (max-width: 768px){.notification-dialog{padding:20px;gap:15px}.notification-icon{width:40px;height:40px;min-width:40px}.notification-title{font-size:12px}.notification-message{font-size:8px}}.song-selection{position:relative;width:100vw;height:100vh;background-image:url(/assets/selectionmenu-60b2651e.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity 1.2s ease-out}.song-selection.exiting{opacity:0;animation:none}.premium-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;padding:15px 30px;background:linear-gradient(145deg,rgba(255,0,0,.95),rgba(200,0,0,.95));border:3px solid #ffff00;border-radius:12px;z-index:100;font-family:"Press Start 2P",cursive;font-size:12px;color:#fff;text-shadow:0 0 15px rgba(255,255,0,1),2px 2px 4px rgba(0,0,0,1);box-shadow:0 0 30px #f00c,0 0 60px #ffff0080,inset 0 0 30px #00000080;animation:warningPulse 2s ease-in-out infinite}.premium-warning svg{width:30px;height:30px;color:#ff0;filter:drop-shadow(0 0 10px rgba(255,255,0,1))}@keyframes warningPulse{0%,to{box-shadow:0 0 30px #f00c,0 0 60px #ffff0080,inset 0 0 30px #00000080}50%{box-shadow:0 0 50px red,0 0 100px #ff0c,inset 0 0 30px #00000080}}.selection-content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;perspective:1500px;padding:20px;max-width:100vw;box-sizing:border-box}.selection-header{text-align:center;opacity:0;transform:translateZ(-200px) rotateX(45deg);transition:all 1.2s cubic-bezier(.34,1.56,.64,1)}.selection-header.loaded{opacity:1;transform:translateZ(0) rotateX(0)}.selection-title{font-family:"Press Start 2P",cursive;font-size:28px;color:#0ff;text-shadow:3px 3px 0px #ff00ff,6px 6px 0px #ffff00,9px 9px 20px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:10px;animation:titleGlow 2s ease-in-out infinite alternate;text-align:center}.song-menu-container{display:flex;align-items:center;gap:30px}.song-menu{display:flex;flex-direction:column;gap:15px;opacity:0;transform:translateZ(-300px) rotateY(45deg);transition:all 1.5s cubic-bezier(.34,1.56,.64,1);transition-delay:.3s;max-width:90vw;width:100%}.song-menu.loaded{opacity:1;transform:translateZ(0) rotateY(0)}.page-arrow-button{position:relative;width:70px;height:70px;background:linear-gradient(145deg,#ff00ff,#ff0080);border:4px solid #00ffff;cursor:pointer;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 25px #f0f9,0 0 50px #0ff6,inset 0 0 25px #fff3,5px 5px #ff0080,10px 10px #c06,15px 15px #990050;opacity:0;transform:translateZ(-100px) rotateY(45deg);animation:arrowFloat 2s ease-in-out infinite}.page-arrow-button.loaded{opacity:1;transform:translateZ(0) rotateY(0);transition:all 1.5s cubic-bezier(.34,1.56,.64,1);transition-delay:.5s}.page-arrow-button:hover{transform:translateZ(30px) scale(1.15) rotateY(-10deg);box-shadow:0 0 40px #ffff00e6,0 0 80px #ff00ffb3,inset 0 0 40px #fff6,8px 8px #ff0080,16px 16px #c06,24px 24px #990050;border-color:#ff0}.page-arrow-button:active{transform:translateZ(10px) scale(.95);box-shadow:0 0 20px #f0f9,0 0 40px #0ff6,inset 0 0 25px #fff3,2px 2px #ff0080,4px 4px #c06}.arrow-icon{font-size:28px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(0,255,255,.8);z-index:2;position:relative}.arrow-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.page-arrow-button:hover .arrow-glow{opacity:1}@keyframes arrowFloat{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-8px) translateZ(15px)}}.song-menu.slide-left{animation:slideOutLeft .3s ease-in forwards}.song-menu.slide-right{animation:slideOutRight .3s ease-in forwards}.song-menu.slide-in-right{animation:slideInRight .4s ease-out forwards}.song-menu.slide-in-left{animation:slideInLeft .4s ease-out forwards}.selection-header.slide-left{animation:headerSlideOutLeft .3s ease-in forwards}.selection-header.slide-right{animation:headerSlideOutRight .3s ease-in forwards}.selection-header.slide-in-right{animation:headerSlideInRight .4s ease-out forwards}.selection-header.slide-in-left{animation:headerSlideInLeft .4s ease-out forwards}.back-button.slide-left{animation:backButtonSlideOutLeft .3s ease-in forwards!important}.back-button.slide-right{animation:backButtonSlideOutRight .3s ease-in forwards!important}.back-button.slide-in-right{animation:backButtonSlideInRight .4s ease-out forwards!important;opacity:1}.back-button.slide-in-left{animation:backButtonSlideInLeft .4s ease-out forwards!important;opacity:1}.page-indicator.slide-left{animation:indicatorSlideOutLeft .3s ease-in forwards}.page-indicator.slide-right{animation:indicatorSlideOutRight .3s ease-in forwards}.page-indicator.slide-in-right{animation:indicatorSlideInRight .4s ease-out forwards}.page-indicator.slide-in-left{animation:indicatorSlideInLeft .4s ease-out forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0) translateZ(0) rotateY(0)}to{opacity:0;transform:translate(-100px) translateZ(-200px) rotateY(-30deg)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0) translateZ(0) rotateY(0)}to{opacity:0;transform:translate(100px) translateZ(-200px) rotateY(30deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) translateZ(-200px) rotateY(30deg)}to{opacity:1;transform:translate(0) translateZ(0) rotateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px) translateZ(-200px) rotateY(-30deg)}to{opacity:1;transform:translate(0) translateZ(0) rotateY(0)}}@keyframes headerSlideOutLeft{0%{opacity:1;transform:translate(0) translateZ(0) rotateX(0)}to{opacity:0;transform:translate(-80px) translateZ(-150px) rotateX(-15deg)}}@keyframes headerSlideOutRight{0%{opacity:1;transform:translate(0) translateZ(0) rotateX(0)}to{opacity:0;transform:translate(80px) translateZ(-150px) rotateX(-15deg)}}@keyframes headerSlideInRight{0%{opacity:0;transform:translate(80px) translateZ(-150px) rotateX(-15deg)}to{opacity:1;transform:translate(0) translateZ(0) rotateX(0)}}@keyframes headerSlideInLeft{0%{opacity:0;transform:translate(-80px) translateZ(-150px) rotateX(-15deg)}to{opacity:1;transform:translate(0) translateZ(0) rotateX(0)}}@keyframes backButtonSlideOutLeft{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}to{opacity:0;transform:translateY(20px) translate(-60px) scale(.9)}}@keyframes backButtonSlideOutRight{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}to{opacity:0;transform:translateY(20px) translate(60px) scale(.9)}}@keyframes backButtonSlideInRight{0%{opacity:0;transform:translateY(20px) translate(60px) scale(.9)}to{opacity:1;transform:translateY(0) translate(0) scale(1)}}@keyframes backButtonSlideInLeft{0%{opacity:0;transform:translateY(20px) translate(-60px) scale(.9)}to{opacity:1;transform:translateY(0) translate(0) scale(1)}}@keyframes indicatorSlideOutLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-40px) scale(.8)}}@keyframes indicatorSlideOutRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.8)}}@keyframes indicatorSlideInRight{0%{opacity:0;transform:translate(40px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes indicatorSlideInLeft{0%{opacity:0;transform:translate(-40px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.page-indicator{display:flex;gap:12px;justify-content:center;margin-top:10px}.page-dot{width:12px;height:12px;border-radius:50%;background:rgba(0,255,255,.3);border:2px solid #00ffff;transition:all .3s ease;box-shadow:0 0 10px #00ffff4d}.page-dot.active{background:#ff00ff;border-color:#ff0;box-shadow:0 0 15px #f0fc,0 0 30px #ffff0080;transform:scale(1.2)}.song-button{position:relative;font-family:"Press Start 2P",cursive;font-size:14px;padding:20px 30px;background:linear-gradient(145deg,#ff00ff,#ff0080);color:#fff;border:4px solid #00ffff;cursor:pointer;text-transform:uppercase;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 25px #f0f9,0 0 50px #0ff6,inset 0 0 25px #fff3;transform-style:preserve-3d;animation:songButtonFloat 3s ease-in-out infinite;overflow:visible;width:100%;max-width:500px;min-width:280px;text-align:center}.song-button.featured{border-color:#ff0;box-shadow:0 0 30px #ffff00b3,0 0 60px #ff00ff80,inset 0 0 30px #ffffff4d}.song-button:hover{transform:translateZ(30px) scale(1.08) rotateX(-5deg);box-shadow:0 0 40px #ffff00e6,0 0 80px #ff00ffb3,inset 0 0 40px #fff6;border-color:#f0f}.song-button:active{transform:translateZ(10px) scale(.98)}.song-text{position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8);display:block}.latest-badge{position:absolute;top:-15px;right:-15px;background:linear-gradient(135deg,#ff0000,#ff6600);color:#fff;font-size:10px;padding:6px 12px;border-radius:20px;border:2px solid #ffff00;box-shadow:0 0 15px #f00c,0 0 30px #f609;animation:badgePulse 1.5s ease-in-out infinite;font-weight:700;letter-spacing:1px;z-index:100;white-space:nowrap;pointer-events:none}.song-button:hover .button-glow{opacity:1}.back-button{font-family:"Press Start 2P",cursive;font-size:14px;padding:15px 30px;background:linear-gradient(145deg,#00ffff,#0080ff);color:#fff;border:3px solid #ff00ff;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #fff3;opacity:0}.back-button.loaded{animation:fadeInUp 1s ease-out 1s forwards}.back-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #0ffc,inset 0 0 30px #ffffff4d;border-color:#ff0}.back-button:active{transform:translateY(0) scale(.98)}.back-text{text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes titleSlide{0%{opacity:0;transform:translate(-150px) rotateY(-90deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes songButtonFloat{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(20px)}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 15px #f00c,0 0 30px #f609}50%{transform:scale(1.1);box-shadow:0 0 25px red,0 0 50px #f60c}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.selection-header.exit-3d{animation:exitSelectionHeader 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards}.song-menu.exit-3d{animation:exitSongMenu 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.1s}.back-button.exit-3d{animation:exitBackButton 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.2s}@keyframes exitSelectionHeader{0%{opacity:1;transform:translateZ(0) rotateX(0)}to{opacity:0;transform:translateZ(-400px) rotateX(-90deg) translateY(-100px)}}@keyframes exitSongMenu{0%{opacity:1;transform:translateZ(0) rotateY(0) scale(1)}to{opacity:0;transform:translateZ(-500px) rotateY(180deg) scale(.3)}}@keyframes exitBackButton{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100px) scale(.5)}}@media (max-width: 1200px){.song-button{font-size:12px;padding:18px 25px;max-width:500px;min-width:280px}.selection-title{font-size:24px}.page-arrow-button{width:60px;height:60px}.arrow-icon{font-size:24px}}@media (max-width: 768px){.selection-title{font-size:20px;text-shadow:2px 2px 0px #ff00ff,4px 4px 0px #ffff00,6px 6px 15px rgba(0,0,0,.8)}.song-button{font-size:10px;padding:15px 20px;max-width:400px;min-width:250px}.latest-badge{font-size:8px;padding:4px 8px;top:-10px;right:-10px}.back-button{font-size:12px;padding:12px 24px}.selection-content-wrapper{gap:30px;padding:15px}.song-menu{gap:12px}.song-menu-container{gap:20px}.page-arrow-button{width:50px;height:50px;box-shadow:0 0 15px #f0f9,0 0 30px #0ff6,inset 0 0 15px #fff3,3px 3px #ff0080,6px 6px #c06}.arrow-icon{font-size:20px}.page-dot{width:10px;height:10px}}@media (max-width: 480px){.selection-title{font-size:16px;gap:8px}.song-button{font-size:8px;padding:12px 15px;max-width:300px;min-width:200px}.selection-content-wrapper{gap:25px;padding:10px}.song-menu{gap:10px}.song-menu-container{gap:15px}.page-arrow-button{width:45px;height:45px}.arrow-icon{font-size:18px}.page-dot{width:8px;height:8px}}.video-player{position:relative;width:100vw;height:100vh;background:#000000;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn 1s ease-in}.video-player .vignette-overlay{display:none}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.9);z-index:10;opacity:0;transform:scale(.8);transition:all .5s ease-out}.countdown-overlay.loaded{opacity:1;transform:scale(1)}.countdown-circle{position:relative;width:200px;height:200px;border:8px solid #00ffff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #0ffc,0 0 80px #f0f9,inset 0 0 40px #00ffff4d;animation:countdownPulse 1s ease-in-out infinite}.countdown-number{font-family:"Press Start 2P",cursive;font-size:80px;color:#f0f;text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ffff00,9px 9px 20px rgba(255,0,255,.8);animation:numberScale 1s ease-in-out infinite}.countdown-text{font-family:"Press Start 2P",cursive;font-size:24px;color:#ff0;margin-top:30px;text-shadow:2px 2px 0px #ff00ff,4px 4px 10px rgba(255,255,0,.8);animation:textBlink 1s ease-in-out infinite}.video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:all 1s ease-out}.video-container.show{opacity:1;transform:scale(1)}.main-video{width:100%;height:100%;object-fit:cover;background:#000000;transform:scale(1)}.main-video.no-crop{object-fit:contain}.anushka-thanks{position:fixed;bottom:20px;left:90px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(199,21,133,.95),rgba(219,112,147,.95));border:3px solid #c71585;border-radius:15px;padding:12px 18px;max-width:320px;z-index:150;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 25px #c71585b3,0 0 40px #db709380,inset 0 0 30px #fff3;animation:thanksIntro .8s ease-out 2s both,thanksSlideLeft 1.2s ease-out 2.8s both,thanksPulse 2s ease-in-out 4s infinite}.anushka-thanks.finalboss-theme{background:linear-gradient(135deg,rgba(10,25,47,.95),rgba(25,42,86,.95));border:3px solid #00d4ff;box-shadow:0 8px 25px #00d4ffb3,0 0 40px #0096ff80,inset 0 0 30px #00d4ff4d,inset 0 0 60px #87cefa33;animation:thanksIntro .8s ease-out 2s both,thanksSlideLeft 1.2s ease-out 2.8s both,batmanPulse 2s ease-in-out 4s infinite;overflow:hidden}.anushka-thanks.finalboss-theme:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,212,255,.1) 50%,transparent 70%);animation:lightningMove 3s linear infinite;pointer-events:none}.anushka-thanks.finalboss-theme:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(135,206,250,.2) 0%,transparent 50%);animation:lightningPulse 2s ease-in-out infinite;pointer-events:none}.anushka-thanks.finalboss-theme .rose-icon{color:#00d4ff;filter:drop-shadow(0 0 12px rgba(0,212,255,.9));animation:batmanIconFloat 3s ease-in-out infinite;z-index:1}.anushka-thanks.finalboss-theme .thanks-text{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,212,255,.8),0 0 20px rgba(0,150,255,.6);z-index:1}.thanks-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.rose-icon{width:24px;height:24px;min-width:24px;color:#ff69b4;filter:drop-shadow(0 0 8px rgba(255,105,180,.8));animation:roseFloat 3s ease-in-out infinite}.thanks-text{font-family:"Press Start 2P",cursive;font-size:9px;line-height:1.4;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,20,147,.6);letter-spacing:.5px}.beta-warning{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.85);border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 12px;max-width:280px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #00000080,inset 0 0 20px #ffffff0d;animation:warningSlideIn 1s ease-out 1s both}.warning-icon{width:20px;height:20px;min-width:20px;color:#ff0;filter:drop-shadow(0 0 5px rgba(255,255,0,.8));animation:warningIconPulse 2s ease-in-out infinite}.warning-text{font-family:Arial,sans-serif;font-size:9px;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.play-pause-button{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:linear-gradient(145deg,#ff00ff,#ff0080);border:3px solid #00ffff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 20px #f0f9,0 0 40px #0ff6,inset 0 0 20px #fff3;z-index:50;opacity:0;animation:fadeInButton 1s ease-out 1s forwards;transform-style:preserve-3d}.play-pause-button:hover{transform:translateY(-5px) scale(1.1) rotate(5deg);box-shadow:0 0 30px #f0fc,0 0 60px #0ff9,inset 0 0 30px #ffffff4d;border-color:#ff0}.play-pause-button:active{transform:translateY(0) scale(.95);box-shadow:0 0 15px #f0f9,0 0 30px #0ff6,inset 0 0 15px #fff3}.play-icon,.pause-icon{width:24px;height:24px;color:#fff;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.video-back-button{position:fixed;top:20px;left:20px;font-family:"Press Start 2P",cursive;font-size:12px;padding:12px 24px;background:linear-gradient(145deg,#00ffff,#0080ff);color:#fff;border:3px solid #ff00ff;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #fff3;z-index:50;opacity:0;animation:fadeInButton 1s ease-out 1s forwards}.video-back-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #0ffc,inset 0 0 30px #ffffff4d;border-color:#ff0}.video-back-button:active{transform:translateY(0) scale(.98)}@keyframes countdownPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #0ffc,0 0 80px #f0f9,inset 0 0 40px #00ffff4d}50%{transform:scale(1.05);box-shadow:0 0 60px #0ff,0 0 120px #f0fc,inset 0 0 60px #00ffff80}}@keyframes numberScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes warningSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes warningIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes fadeInButton{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes thanksSlideLeft{0%{opacity:0;transform:translate(-100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes thanksIntro{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes thanksPulse{0%,to{border-color:#c71585;box-shadow:0 8px 25px #c71585b3,0 0 40px #db709380,inset 0 0 30px #fff3}50%{border-color:#db7093;box-shadow:0 12px 35px #c71585e6,0 0 60px #db7093b3,inset 0 0 40px #ffffff4d}}@keyframes roseFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-3px) rotate(5deg)}66%{transform:translateY(3px) rotate(-5deg)}}@keyframes batmanPulse{0%,to{border-color:#00d4ff;box-shadow:0 8px 25px #00d4ffb3,0 0 40px #0096ff80,inset 0 0 30px #00d4ff4d,inset 0 0 60px #87cefa33}50%{border-color:#87ceeb;box-shadow:0 12px 35px #00d4ffe6,0 0 60px #0096ffcc,inset 0 0 40px #00d4ff80,inset 0 0 80px #87cefa66}}@keyframes lightningMove{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes lightningPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes batmanIconFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 12px rgba(0,212,255,.9))}33%{transform:translateY(-3px) rotate(5deg);filter:drop-shadow(0 0 18px rgba(0,212,255,1))}66%{transform:translateY(3px) rotate(-5deg);filter:drop-shadow(0 0 15px rgba(135,206,250,.9))}}.completion-screen{position:relative;width:100vw;height:100vh;background-image:url(/assets/mainbg-3492155b.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn 1s ease-in}.completion-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,0,0,.7) 0%,rgba(0,0,0,.9) 100%);z-index:1}.completion-content{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:80px;padding:40px;max-width:1400px;width:100%}.video-side{flex:0 0 auto;opacity:0;transform:translate(-100px) scale(.8);transition:all 1.5s cubic-bezier(.34,1.56,.64,1)}.video-side.loaded{opacity:1;transform:translate(0) scale(1)}.twerk-video{width:400px;height:600px;object-fit:cover;border:5px solid #ff00ff;border-radius:20px;box-shadow:0 0 40px #f0fc,0 0 80px #0ff6,inset 0 0 40px #f0f3;animation:videoPulse 3s ease-in-out infinite}.text-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;text-align:center}.credits-section{opacity:0;transform:translateY(-50px) scale(.8);transition:all 1.5s cubic-bezier(.34,1.56,.64,1)}.credits-section.loaded{opacity:1;transform:translateY(0) scale(1)}.credits-title{font-family:"Press Start 2P",cursive;font-size:48px;color:#f0f;text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ffff00,9px 9px 20px rgba(255,0,255,.8);display:flex;flex-direction:column;gap:20px;animation:titleFloat 3s ease-in-out infinite,titleGlow 2s ease-in-out infinite alternate}.title-line{display:block;animation:titleSlideIn 1s ease-out backwards}.title-line:nth-child(1){animation-delay:.3s}.title-line:nth-child(2){animation-delay:.5s}.title-line:nth-child(3){animation-delay:.7s}.title-line.hashtag{color:#0ff;font-size:52px;text-shadow:3px 3px 0px #ff00ff,6px 6px 0px #ffff00,9px 9px 30px rgba(0,255,255,1)}.rating-section{display:flex;flex-direction:column;align-items:center;gap:25px;opacity:0;transform:translateY(50px);transition:all 1.5s ease-out .8s}.rating-section.loaded{opacity:1;transform:translateY(0)}.rating-prompt{font-family:"Press Start 2P",cursive;font-size:20px;color:#ff0;text-shadow:2px 2px 0px #ff00ff,4px 4px 10px rgba(255,255,0,.8);animation:textPulse 2s ease-in-out infinite}.stars-container{display:flex;gap:20px;padding:20px;background:rgba(0,0,0,.7);border:4px solid #ff00ff;border-radius:20px;box-shadow:0 0 30px #f0f9,inset 0 0 30px #ff00ff1a}.star-button{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-style:preserve-3d}.star-button:disabled{cursor:default}.star-button svg{width:60px;height:60px;color:#ff0;filter:drop-shadow(0 0 10px rgba(255,255,0,.6));transition:all .3s ease}.star-button:not(:disabled):hover{transform:translateY(-10px) scale(1.2) rotate(10deg)}.star-button:not(:disabled):hover svg{filter:drop-shadow(0 0 20px rgba(255,255,0,1))}.star-button.active svg{color:#ff0;filter:drop-shadow(0 0 20px rgba(255,255,0,1));animation:starPulse .5s ease-out}.star-button:not(:disabled):active{transform:translateY(-5px) scale(1.1)}.rating-message{font-family:"Press Start 2P",cursive;font-size:16px;color:#0f0;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:fadeInUp .5s ease-out}.completion-back-button{font-family:"Press Start 2P",cursive;font-size:14px;padding:15px 35px;background:linear-gradient(145deg,#00ffff,#0080ff);color:#fff;border:3px solid #ff00ff;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #fff3;opacity:0;transform:translateY(30px);transition:all 1s ease-out 1.5s}.completion-back-button.loaded{opacity:1;transform:translateY(0)}.completion-back-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 30px #0ffc,inset 0 0 30px #ffffff4d;border-color:#ff0}.completion-back-button:active{transform:translateY(0) scale(.98)}.thank-you-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease-out}.popup-content{background:linear-gradient(145deg,#1a0033,#330066);border:5px solid #00ffff;border-radius:20px;padding:50px 60px;display:flex;flex-direction:column;align-items:center;gap:25px;box-shadow:0 0 50px #0ffc,inset 0 0 50px #0ff3;animation:popupBounce .5s cubic-bezier(.68,-.55,.265,1.55)}.popup-icon{width:80px;height:80px;background:linear-gradient(145deg,#00ff00,#00cc00);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #0f0c;animation:iconRotate .6s ease-out}.popup-icon svg{width:50px;height:50px;color:#fff;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.popup-title{font-family:"Press Start 2P",cursive;font-size:28px;color:#0ff;text-shadow:2px 2px 0px #ff00ff,4px 4px 10px rgba(0,255,255,.8);margin:0}.popup-message{font-family:"Press Start 2P",cursive;font-size:14px;color:#ff0;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0;line-height:1.6}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes titleSlideIn{0%{opacity:0;transform:translate(-100px) rotateY(-90deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes textPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes popupBounce{0%{opacity:0;transform:scale(.5) translateY(-100px)}60%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iconRotate{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}@keyframes videoPulse{0%,to{box-shadow:0 0 40px #f0fc,0 0 80px #0ff6,inset 0 0 40px #f0f3}50%{box-shadow:0 0 60px #f0f,0 0 120px #0ff9,inset 0 0 60px #ff00ff4d}}.mobile-warning-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/selectionmenu-60b2651e.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999}.mobile-warning-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1}.warning-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:20px;max-width:600px;text-align:center}.warning-icon-large{width:120px;height:120px;color:#ff0;filter:drop-shadow(0 0 20px rgba(255,255,0,.8));animation:iconPulse 2s ease-in-out infinite;opacity:0;transform:scale(.5) rotate(-180deg);transition:all 1s cubic-bezier(.68,-.55,.265,1.55)}.warning-icon-large.loaded{opacity:1;transform:scale(1) rotate(0)}.warning-message{opacity:0;transform:translateY(50px);transition:all 1s ease-out .3s}.warning-message.loaded{opacity:1;transform:translateY(0)}.warning-title{font-family:"Press Start 2P",cursive;font-size:36px;color:#f0f;text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ffff00,9px 9px 20px rgba(255,0,255,.8);margin-bottom:30px;display:flex;flex-direction:column;gap:15px;animation:titleGlow 2s ease-in-out infinite alternate}.title-line{display:block;animation:titleSlide 1s ease-out backwards}.title-line:nth-child(1){animation-delay:.5s}.title-line:nth-child(2){animation-delay:.7s}.title-line:nth-child(3){animation-delay:.9s}.warning-details{margin:20px 0;font-family:"Press Start 2P",cursive;font-size:14px;color:#0ff;line-height:1.8;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.detail-line{margin:8px 0;animation:fadeInUp 1s ease-out backwards}.detail-line:nth-child(1){animation-delay:1.1s}.detail-line:nth-child(2){animation-delay:1.3s}.warning-requirements{display:flex;flex-direction:column;gap:15px;margin:30px 0;padding:20px;background:rgba(0,0,0,.5);border:3px solid #ff00ff;border-radius:10px;box-shadow:0 0 20px #ff00ff80,inset 0 0 20px #ff00ff1a}.requirement-item{display:flex;align-items:center;gap:15px;font-family:"Press Start 2P",cursive;font-size:12px;color:red;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:fadeInLeft 1s ease-out backwards}.requirement-item:nth-child(1){animation-delay:1.5s}.requirement-item:nth-child(2){animation-delay:1.7s}.requirement-item:nth-child(3){animation-delay:1.9s}.requirement-item:nth-child(4){animation-delay:2.1s}.requirement-item.success{color:#0f0}.requirement-icon{font-size:20px;font-weight:700;min-width:30px;text-align:center}.requirement-text{text-align:left}.warning-footer{margin-top:20px;font-family:"Press Start 2P",cursive;font-size:11px;color:#ff0;line-height:1.8;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:textBlink 2s ease-in-out infinite}.footer-text{margin:5px 0}.brand-name{font-family:"Press Start 2P",cursive;font-size:16px;color:#0ff;text-shadow:2px 2px 0px #ff00ff,4px 4px 10px rgba(0,255,255,.8);display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(30px);transition:all 1s ease-out 2.3s}.brand-name.loaded{opacity:1;transform:translateY(0)}.brand-line{display:block}@keyframes iconPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 20px rgba(255,255,0,.8))}50%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 40px rgba(255,255,0,1))}}@keyframes titleGlow{0%{text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ffff00,9px 9px 20px rgba(255,0,255,.8)}to{text-shadow:3px 3px 0px #ff00ff,6px 6px 0px #00ffff,9px 9px 30px rgba(0,255,255,.8)}}@keyframes titleSlide{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.warning-icon-large{width:80px;height:80px}.warning-title{font-size:24px;text-shadow:2px 2px 0px #00ffff,4px 4px 0px #ffff00,6px 6px 15px rgba(255,0,255,.8)}.warning-details{font-size:11px}.requirement-item{font-size:10px}.warning-footer{font-size:9px}.brand-name{font-size:12px}}@media (max-width: 480px){.warning-content{gap:25px}.warning-icon-large{width:60px;height:60px}.warning-title{font-size:18px;gap:10px;margin-bottom:20px}.warning-details{font-size:9px}.requirement-item{font-size:8px;gap:10px}.requirement-icon{font-size:16px;min-width:25px}.warning-footer{font-size:8px}.brand-name{font-size:10px;gap:8px}}.login-screen{position:relative;width:100vw;height:100vh;background-image:url(/assets/selectionmenu-60b2651e.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn 1.5s ease-in}.login-content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px;perspective:1500px;opacity:0;transform:translateZ(-300px) rotateY(45deg);transition:all 1.5s cubic-bezier(.34,1.56,.64,1)}.login-content-wrapper.loaded{opacity:1;transform:translateZ(0) rotateY(0)}.login-header{text-align:center;opacity:0;transform:translateZ(-200px) rotateX(45deg);animation:headerSlideIn 1.2s cubic-bezier(.34,1.56,.64,1) .3s forwards}.login-title{font-family:"Press Start 2P",cursive;font-size:32px;color:#0ff;text-shadow:3px 3px 0px #ff00ff,6px 6px 0px #ffff00,9px 9px 20px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:10px;animation:titleGlow 2s ease-in-out infinite alternate}.title-line{display:block}.login-form{display:flex;flex-direction:column;gap:25px;width:450px;background:linear-gradient(145deg,rgba(25,0,50,.95),rgba(50,0,100,.95));border:4px solid #00ffff;border-radius:15px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 30px #0ff9,0 0 60px #f0f6,inset 0 0 40px #ffffff1a;opacity:0;transform:translateZ(-300px) scale(.8);animation:formSlideIn 1.2s cubic-bezier(.34,1.56,.64,1) .6s forwards}.input-group{display:flex;flex-direction:column;gap:10px}.input-label{font-family:"Press Start 2P",cursive;font-size:11px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px}.phone-input-wrapper{display:flex;align-items:center;background:linear-gradient(145deg,rgba(10,0,20,.9),rgba(20,0,40,.9));border:3px solid #ff00ff;border-radius:8px;overflow:hidden;box-shadow:0 0 15px #f0f6,inset 0 0 20px #00000080;transition:all .3s ease}.phone-input-wrapper:focus-within{border-color:#0ff;box-shadow:0 0 25px #0ffc,0 0 50px #ff00ff80,inset 0 0 30px #0ff3}.phone-prefix{font-family:"Press Start 2P",cursive;font-size:12px;color:#0ff;padding:15px 10px 15px 20px;text-shadow:0 0 10px rgba(0,255,255,.8),2px 2px 4px rgba(0,0,0,.8);border-right:2px solid rgba(255,0,255,.5);background:rgba(0,255,255,.05)}.metro-input{font-family:"Press Start 2P",cursive;font-size:12px;padding:15px 20px;background:linear-gradient(145deg,rgba(10,0,20,.9),rgba(20,0,40,.9));color:#fff;border:3px solid #ff00ff;border-radius:8px;outline:none;transition:all .3s ease;box-shadow:0 0 15px #f0f6,inset 0 0 20px #00000080}.metro-input.phone-input{border:none;border-radius:0;box-shadow:none;background:transparent;flex:1;padding:15px 20px}.metro-input::placeholder{color:#fff6;font-size:10px}.metro-input:focus{border-color:#0ff;box-shadow:0 0 25px #0ffc,0 0 50px #ff00ff80,inset 0 0 30px #0ff3;transform:translateY(-2px)}.google-signin-message{font-family:"Press Start 2P",cursive;font-size:10px;color:#0ff;text-align:center;padding:15px;background:rgba(0,255,255,.05);border:2px solid rgba(0,255,255,.3);border-radius:8px;text-shadow:0 0 10px rgba(0,255,255,.8);line-height:1.6;margin-bottom:10px}.google-button{position:relative;font-family:"Press Start 2P",cursive;font-size:14px;padding:18px 30px;background:linear-gradient(145deg,#ffffff,#f0f0f0);color:#333;border:4px solid #00ffff;border-radius:8px;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 25px #0ff9,0 0 50px #f0f6,inset 0 0 25px #ffffff4d;transform-style:preserve-3d;overflow:hidden;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.google-button:hover:not(:disabled){transform:translateZ(20px) scale(1.05);box-shadow:0 0 40px #ffff00e6,0 0 80px #00ffffb3,inset 0 0 40px #ffffff80;border-color:#ff0;background:linear-gradient(145deg,#ffffff,#ffffff)}.google-button:active:not(:disabled){transform:translateZ(10px) scale(.98)}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:24px;height:24px;min-width:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.metro-button{position:relative;font-family:"Press Start 2P",cursive;font-size:16px;padding:18px 40px;background:linear-gradient(145deg,#ff00ff,#ff0080);color:#fff;border:4px solid #00ffff;border-radius:8px;cursor:pointer;text-transform:uppercase;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 25px #f0f9,0 0 50px #0ff6,inset 0 0 25px #fff3;transform-style:preserve-3d;overflow:hidden;margin-top:10px}.metro-button:hover:not(:disabled){transform:translateZ(20px) scale(1.05);box-shadow:0 0 40px #ffff00e6,0 0 80px #ff00ffb3,inset 0 0 40px #fff6;border-color:#ff0}.metro-button:active:not(:disabled){transform:translateZ(10px) scale(.98)}.metro-button:disabled{opacity:.6;cursor:not-allowed}.button-text{position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.metro-button:hover:not(:disabled) .button-glow{opacity:1}.error-message{font-family:"Press Start 2P",cursive;font-size:10px;color:red;text-align:center;padding:12px;background:rgba(255,0,0,.1);border:2px solid #ff0000;border-radius:8px;text-shadow:0 0 10px rgba(255,0,0,.8);animation:errorShake .5s ease}.verification-message{font-family:"Press Start 2P",cursive;font-size:11px;color:#0ff;text-align:center;padding:15px;background:rgba(0,255,255,.1);border:2px solid #00ffff;border-radius:8px;text-shadow:0 0 10px rgba(0,255,255,.8);line-height:1.6}.login-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.footer-text{font-family:"Press Start 2P",cursive;font-size:9px;color:#ffffffb3;text-shadow:0 0 5px rgba(0,255,255,.5)}.link-button{font-family:"Press Start 2P",cursive;font-size:9px;color:#0ff;background:none;border:none;cursor:pointer;text-decoration:underline;text-shadow:0 0 10px rgba(0,255,255,.8);transition:all .3s ease}.link-button:hover{color:#ff0;text-shadow:0 0 15px rgba(255,255,0,1);transform:scale(1.1)}@keyframes headerSlideIn{0%{opacity:0;transform:translateZ(-200px) rotateX(45deg)}to{opacity:1;transform:translateZ(0) rotateX(0)}}@keyframes formSlideIn{0%{opacity:0;transform:translateZ(-300px) scale(.8)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes titleGlow{0%{text-shadow:3px 3px 0px #ff00ff,6px 6px 0px #ffff00,9px 9px 20px rgba(0,0,0,.8)}to{text-shadow:3px 3px 0px #00ffff,6px 6px 0px #ff00ff,9px 9px 30px rgba(0,255,255,.8)}}.admin-login-screen{position:relative;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a0033 50%,#0a0a0a 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.admin-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%);pointer-events:none}.admin-login-container{position:relative;z-index:2;background:linear-gradient(145deg,rgba(10,10,10,.95),rgba(30,0,60,.95));border:3px solid #ff0000;border-radius:15px;padding:40px;max-width:450px;width:90%;box-shadow:0 0 40px #f009,0 0 80px #ff00004d,inset 0 0 60px #000c;animation:adminPulse 3s ease-in-out infinite}@keyframes adminPulse{0%,to{box-shadow:0 0 40px #f009,0 0 80px #ff00004d,inset 0 0 60px #000c}50%{box-shadow:0 0 60px #ff0000e6,0 0 120px #ff000080,inset 0 0 60px #000c}}.admin-login-header{text-align:center;margin-bottom:30px}.admin-icon{width:80px;height:80px;margin:0 auto 20px;color:red;filter:drop-shadow(0 0 20px rgba(255,0,0,.8));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.admin-icon svg{width:100%;height:100%}.admin-title{font-family:"Press Start 2P",cursive;font-size:24px;color:red;text-shadow:0 0 20px rgba(255,0,0,1),0 0 40px rgba(255,0,0,.5),3px 3px 6px rgba(0,0,0,1);margin-bottom:10px;letter-spacing:2px}.admin-subtitle{font-family:"Press Start 2P",cursive;font-size:9px;color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.8);letter-spacing:1px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-input-group{display:flex;flex-direction:column;gap:10px}.admin-label{font-family:"Press Start 2P",cursive;font-size:11px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);letter-spacing:1px}.admin-input{font-family:"Press Start 2P",cursive;font-size:12px;padding:15px 20px;background:linear-gradient(145deg,rgba(0,0,0,.9),rgba(20,0,0,.9));color:#fff;border:3px solid #ff0000;border-radius:8px;outline:none;transition:all .3s ease;box-shadow:0 0 15px #f006,inset 0 0 20px #000c}.admin-input:focus{border-color:#ff0;box-shadow:0 0 25px #ff0c,0 0 50px #ff000080,inset 0 0 30px #ffff001a;transform:translateY(-2px)}.admin-input::placeholder{color:#ffffff4d;font-size:10px}.admin-error{display:flex;align-items:center;gap:10px;padding:15px;background:rgba(255,0,0,.1);border:2px solid #ff0000;border-radius:8px;color:red;font-family:"Press Start 2P",cursive;font-size:9px;text-shadow:0 0 10px rgba(255,0,0,.8);animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{width:20px;height:20px;min-width:20px;color:red}.admin-submit-btn{font-family:"Press Start 2P",cursive;font-size:14px;padding:18px 30px;background:linear-gradient(145deg,#ff0000,#cc0000);color:#fff;border:4px solid #ffff00;border-radius:8px;cursor:pointer;transition:all .4s ease;box-shadow:0 0 25px #f009,0 0 50px #ff06;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.admin-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 40px #ffff00e6,0 0 80px #ff0000b3;border-color:#0ff}.admin-submit-btn:active:not(:disabled){transform:translateY(-1px)}.admin-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.admin-footer{margin-top:25px;text-align:center}.back-to-home{font-family:"Press Start 2P",cursive;font-size:9px;color:#0ff;background:none;border:none;cursor:pointer;text-shadow:0 0 10px rgba(0,255,255,.8);transition:all .3s ease}.back-to-home:hover{color:#ff0;text-shadow:0 0 15px rgba(255,255,0,1);transform:translate(-5px)}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a0033 50%,#0a0a0a 100%);padding:20px;font-family:"Press Start 2P",cursive}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(145deg,rgba(20,0,40,.95),rgba(40,0,80,.95));border:3px solid #ff0000;border-radius:12px;margin-bottom:30px;box-shadow:0 0 30px #ff000080,inset 0 0 40px #00000080}.admin-header-left{display:flex;align-items:center;gap:20px}.admin-logo{width:50px;height:50px;color:red;filter:drop-shadow(0 0 15px rgba(255,0,0,.8))}.admin-logo svg{width:100%;height:100%}.dashboard-title{font-size:18px;color:red;text-shadow:0 0 15px rgba(255,0,0,1);margin:0 0 5px}.dashboard-subtitle{font-size:8px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);margin:0}.logout-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(145deg,#ff0000,#cc0000);color:#fff;border:3px solid #ffff00;border-radius:8px;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #ff000080}.logout-btn svg{width:16px;height:16px}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff0c}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(145deg,rgba(20,0,40,.9),rgba(40,0,80,.9));border:3px solid;border-radius:12px;transition:all .3s ease}.stat-card.total{border-color:#0ff;box-shadow:0 0 20px #0ff6}.stat-card:hover{transform:translateY(-5px);box-shadow:0 0 30px currentColor}.stat-icon{font-size:32px;filter:drop-shadow(0 0 10px currentColor)}.stat-value{font-size:24px;color:#fff;text-shadow:0 0 10px currentColor}.stat-label{font-size:8px;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.8)}.filters-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0ff;pointer-events:none}.search-input{width:100%;padding:15px 15px 15px 45px;background:rgba(20,0,40,.9);border:3px solid #00ffff;border-radius:8px;color:#fff;font-family:"Press Start 2P",cursive;font-size:10px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#ff0;box-shadow:0 0 20px #ffff0080}.filter-select{padding:15px 20px;background:rgba(20,0,40,.9);border:3px solid #ff00ff;border-radius:8px;color:#fff;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;outline:none;transition:all .3s ease}.filter-select:hover{border-color:#ff0}.users-section{background:linear-gradient(145deg,rgba(20,0,40,.95),rgba(40,0,80,.95));border:3px solid #00ffff;border-radius:12px;padding:25px;box-shadow:0 0 30px #00ffff4d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:16px;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,1);margin:0}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;background:rgba(0,255,255,.1);border:2px solid #00ffff;border-radius:6px;color:#0ff;font-family:"Press Start 2P",cursive;font-size:8px;cursor:pointer;transition:all .3s ease}.refresh-btn svg{width:14px;height:14px}.refresh-btn:hover{background:rgba(0,255,255,.2);box-shadow:0 0 15px #00ffff80}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead tr{background:rgba(255,0,255,.2);border-bottom:3px solid #ff00ff}.users-table th{padding:15px;text-align:left;font-size:9px;color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.8);font-weight:400}.users-table tbody tr{border-bottom:1px solid rgba(0,255,255,.2);transition:all .3s ease}.users-table tbody tr:hover{background:rgba(0,255,255,.05);box-shadow:inset 0 0 20px #00ffff1a}.users-table td{padding:15px;font-size:8px;color:#fff}.email-cell{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6)}.tier-badge{display:inline-block;padding:5px 10px;border-radius:4px;font-size:7px;font-weight:700;text-shadow:0 0 8px currentColor;border:2px solid currentColor}.status-badge{display:inline-block;padding:5px 10px;border-radius:4px;font-size:7px;text-transform:uppercase}.status-badge.active{background:rgba(0,255,0,.2);color:#0f0;border:2px solid #00ff00}.status-badge.expired{background:rgba(255,0,0,.2);color:red;border:2px solid #ff0000}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:linear-gradient(145deg,#ff00ff,#cc00cc);border:2px solid #ffff00;border-radius:6px;color:#fff;font-family:"Press Start 2P",cursive;font-size:7px;cursor:pointer;transition:all .3s ease}.action-btn svg{width:12px;height:12px}.action-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #f0fc}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#0ff;text-align:center}.spinner-large{width:50px;height:50px;border:5px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.empty-state svg{width:60px;height:60px;color:#0ff;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(0,255,255,.5))}.empty-state p{font-size:12px;margin:10px 0}.empty-state small{font-size:8px;color:#0ff9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,rgba(20,0,40,.98),rgba(40,0,80,.98));border:3px solid #ff00ff;border-radius:12px;max-width:500px;width:90%;box-shadow:0 0 50px #f0f9;animation:modalSlideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid rgba(255,0,255,.3)}.modal-header h3{font-size:14px;color:#f0f;text-shadow:0 0 15px rgba(255,0,255,1);margin:0}.close-btn{background:none;border:none;color:red;font-size:32px;cursor:pointer;line-height:1;transition:all .3s ease}.close-btn:hover{transform:rotate(90deg);color:#ff0}.modal-body{padding:25px}.user-info{display:flex;justify-content:space-between;align-items:center;padding:15px;background:rgba(0,255,255,.05);border:2px solid rgba(0,255,255,.3);border-radius:8px;margin-bottom:20px;font-size:9px;color:#0ff}.current-tier{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.8)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:10px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);margin-bottom:10px}.modal-select,.modal-input{width:100%;padding:12px 15px;background:rgba(0,0,0,.5);border:3px solid #ff00ff;border-radius:8px;color:#fff;font-family:"Press Start 2P",cursive;font-size:10px;outline:none;transition:all .3s ease}.modal-select:focus,.modal-input:focus{border-color:#ff0;box-shadow:0 0 15px #ffff0080}.modal-footer{display:flex;gap:15px;padding:20px 25px;border-top:2px solid rgba(255,0,255,.3)}.cancel-btn,.update-btn{flex:1;padding:15px;border-radius:8px;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:all .3s ease;border:3px solid}.cancel-btn{background:rgba(255,0,0,.2);border-color:red;color:red}.cancel-btn:hover{background:rgba(255,0,0,.3);box-shadow:0 0 15px #ff000080}.update-btn{background:linear-gradient(145deg,#00ff00,#00cc00);border-color:#ff0;color:#000}.update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #0f0c}.update-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.App{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:"Press Start 2P",cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}