@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Space Mono,monospace}:root{--neon-blue:#00f0ff;--neon-pink:#ff0080;--neon-yellow:#ffd000;--neon-purple:#a855f7;--neon-green:#0f8;--deep-purple:#0a0118;--dark-bg:#050014;--darker-bg:#020008;--card-bg:#ffffff08;--card-border:#ffffff14;--glow-blue:0 0 30px #00f0ff66,0 0 60px #00f0ff1a;--glow-pink:0 0 30px #ff008066,0 0 60px #ff00801a;--glow-yellow:0 0 30px #ffd00066,0 0 60px #ffd0001a;--glow-purple:0 0 30px #a855f766,0 0 60px #a855f71a}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at top,#0a0118 0,#050014 50%,#020008 100%);background:radial-gradient(ellipse at top,var(--deep-purple) 0,var(--dark-bg) 50%,var(--darker-bg) 100%);color:#fff;font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:drift 25s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#a855f726 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff00801f 0,#0000 50%),radial-gradient(circle at 40% 20%,#00f0ff1f 0,#0000 50%),radial-gradient(circle at 60% 60%,#ffd00014 0,#0000 50%);height:200%;left:-50%;top:-50%;width:200%}body:after,body:before{content:"";position:fixed;z-index:-1}body:after{animation:sparkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff1a,#0000),radial-gradient(2px 2px at 60% 70%,#ffffff14,#0000),radial-gradient(1px 1px at 50% 50%,#ffffff0f,#0000),radial-gradient(1px 1px at 80% 10%,#ffffff0d,#0000);background-size:200% 200%,180% 180%,220% 220%,190% 190%;bottom:0;left:0;pointer-events:none;right:0;top:0}@keyframes drift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-5%,5%) rotate(2deg)}66%{transform:translate(5%,-3%) rotate(-2deg)}}@keyframes sparkle{0%,to{background-position:0 0,0 0,0 0,0 0}50%{background-position:100% 100%,-100% -100%,100% -100%,-100% 100%}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{animation:slideUp .7s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0a011899;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:32px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d,0 0 30px #00f0ff66,0 0 60px #00f0ff1a;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,var(--glow-blue);max-width:480px;overflow:hidden;padding:3.5rem;position:relative;width:100%}.login-box:before{background:linear-gradient(90deg,#0000,#00f0ff80 20%,#ff008080 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.login-box:after{animation:rotate 8s linear infinite;background:conic-gradient(from 180deg at 50% 50%,#0000 0deg,#00f0ff08 90deg,#0000 180deg,#ff008008 270deg,#0000 1turn);content:"";inset:-100%;position:absolute;z-index:-1}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-box h1{-webkit-text-fill-color:#0000;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#00f0ff,#a855f7 50%,#ff0080);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 50%,var(--neon-pink) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,240,255,.5));font-family:Outfit,sans-serif;font-size:4rem;font-weight:900;letter-spacing:8px;margin-bottom:.5rem;position:relative;text-align:center;text-transform:uppercase}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(0,240,255,.5))}50%{filter:drop-shadow(0 0 30px rgba(255,0,128,.6))}}.login-box p{color:#ffd000;color:var(--neon-yellow);font-size:.9rem;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.form-group{margin-bottom:1.5rem}.form-group label{color:#00f0ff;color:var(--neon-blue);display:block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.form-group input{background:#ffffff0a;border:1.5px solid #ffffff14;border:1.5px solid var(--card-border);border-radius:16px;color:#fff;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:1.2rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.form-group input:focus{background:#ffffff14;border-color:#00f0ff;border-color:var(--neon-blue);box-shadow:0 0 0 3px #00f0ff1a,0 8px 24px #00f0ff33;transform:translateY(-2px)}.form-group input::placeholder{color:#fff6}.btn{border:none;border-radius:16px;cursor:pointer;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:1.4rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:1}.btn-primary{background:linear-gradient(135deg,#00f0ff,#a855f7);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);box-shadow:0 8px 32px #00f0ff4d;color:#fff}.btn-primary:before{background:linear-gradient(135deg,#a855f7,#ff0080);background:linear-gradient(135deg,var(--neon-purple) 0,var(--neon-pink) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.btn-primary:hover{box-shadow:0 16px 48px #00f0ff80;transform:translateY(-4px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(-2px)}.btn:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:after{height:400px;opacity:0;width:400px}.error-message{animation:shake .5s;background:#ff006e33;border:2px solid #ff0080;border:2px solid var(--neon-pink);border-radius:10px;color:#ff0080;color:var(--neon-pink);font-weight:700;margin-bottom:1.5rem;padding:1rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.role-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.role-card{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:#0a011866;border:2px solid #ffffff14;border:2px solid var(--card-border);border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.16,1,.3,1)}.role-card:before{background:radial-gradient(circle at center,#00f0ff1a,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s ease}.role-card:hover{border-color:#00f0ff;border-color:var(--neon-blue);box-shadow:0 20px 60px #00f0ff4d,inset 0 0 0 1px #ffffff1a;transform:translateY(-10px) scale(1.05)}.role-card:hover:before{opacity:1}.role-card h3{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:1px;margin-bottom:.8rem;text-transform:uppercase}.role-card h3,.role-card p{position:relative;z-index:1}.role-card p{font-size:.95rem;opacity:.7}.tv-display{display:flex;flex-direction:column;min-height:100vh;padding:2rem;position:relative}.tv-header{margin-bottom:2rem;text-align:center}.tv-header h1{-webkit-text-fill-color:#0000;animation:titlePulse 3s ease-in-out infinite,float 6s ease-in-out infinite;background:linear-gradient(135deg,#ffd000,#ff0080 50%,#a855f7);background:linear-gradient(135deg,var(--neon-yellow) 0,var(--neon-pink) 50%,var(--neon-purple) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,208,0,.6));font-family:Outfit,sans-serif;font-size:5rem;font-weight:900;letter-spacing:12px;position:relative;text-transform:uppercase}.tv-header h1:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f0ff,#a855f7 50%,#ff0080);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 50%,var(--neon-pink) 100%);-webkit-background-clip:text;background-clip:text;content:attr(data-text);filter:blur(10px);left:0;opacity:.5;position:absolute;top:0;z-index:-1}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,208,0,.6))}50%{filter:drop-shadow(0 0 50px rgba(255,0,128,.8))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.question-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;width:100%}.question-number{color:#ffd000;color:var(--neon-yellow);font-family:Barlow Condensed,sans-serif;font-size:2rem;letter-spacing:4px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.question-text{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0a011880;border:2px solid #00f0ff;border:2px solid var(--neon-blue);border-radius:32px;box-shadow:0 0 60px #00f0ff4d,inset 0 0 0 1px #ffffff0d,0 20px 60px #0006;margin-bottom:3rem;overflow:hidden;padding:3.5rem;position:relative;text-align:center}.question-text:before{animation:rotate 4s linear infinite;background:conic-gradient(#0000,#00f0ff1a,#0000 30%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.question-text h2{color:#fff;font-family:Outfit,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.4;position:relative;z-index:1}.options-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.option-card{align-items:center;animation:slideIn .6s cubic-bezier(.16,1,.3,1) backwards;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:#0a011866;border:2px solid #ffffff14;border:2px solid var(--card-border);border-radius:24px;cursor:pointer;display:flex;gap:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1)}.option-card:before{background:linear-gradient(135deg,#ffffff0d,#fff0);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.option-card:hover{border-color:#ffffff4d;box-shadow:0 20px 60px #0000004d,0 0 40px #00f0ff33;transform:translateX(15px) scale(1.02)}.option-card:hover:before{opacity:1}.option-card:first-child{animation-delay:.1s}.option-card:nth-child(2){animation-delay:.2s}.option-card:nth-child(3){animation-delay:.3s}.option-card:nth-child(4){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}.option-letter{align-items:center;border-radius:50%;box-shadow:0 8px 32px #0000004d;display:flex;flex-shrink:0;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900;height:90px;justify-content:center;position:relative;transition:all .4s ease;width:90px}.option-card:hover .option-letter{transform:scale(1.1) rotate(-5deg)}.option-card[data-option=A] .option-letter{background:linear-gradient(135deg,#ff0080,#ff4d9f);box-shadow:0 0 30px #ff008066,0 0 60px #ff00801a,0 8px 32px #ff008066;box-shadow:var(--glow-pink),0 8px 32px #ff008066}.option-card[data-option=B] .option-letter{background:linear-gradient(135deg,#00f0ff,#4dd9ff);box-shadow:0 0 30px #00f0ff66,0 0 60px #00f0ff1a,0 8px 32px #00f0ff66;box-shadow:var(--glow-blue),0 8px 32px #00f0ff66}.option-card[data-option=C] .option-letter{background:linear-gradient(135deg,#ffd000,#ffd966);box-shadow:0 0 30px #ffd00066,0 0 60px #ffd0001a,0 8px 32px #ffd00066;box-shadow:var(--glow-yellow),0 8px 32px #ffd00066}.option-card[data-option=D] .option-letter{background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 0 30px #a855f766,0 0 60px #a855f71a,0 8px 32px #a855f766;box-shadow:var(--glow-purple),0 8px 32px #a855f766}.option-text{color:#fff;font-size:2rem;font-weight:600;transition:all .3s ease}.option-card:hover .option-text{transform:translateX(5px)}.option-card.correct{animation:correctPulse 1s cubic-bezier(.16,1,.3,1);background:#00ff8826;border-color:#0f8;border-color:var(--neon-green);box-shadow:0 0 60px #0f86,0 20px 60px #0f83}.option-card.correct:after{animation:checkmark .6s cubic-bezier(.16,1,.3,1);color:#0f8;color:var(--neon-green);content:"✓";font-size:4rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.option-card.incorrect{background:#ff00550d;border-color:#ff00554d;filter:grayscale(.5);opacity:.5}@keyframes correctPulse{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.02)}75%{transform:scale(1.05)}}@keyframes checkmark{0%{opacity:0;transform:translateY(-50%) scale(0) rotate(-180deg)}50%{transform:translateY(-50%) scale(1.2) rotate(10deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0deg)}}.timer-bar{background:#ffffff0d;height:6px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.timer-bar:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";inset:0;position:absolute}.timer-fill{animation:gradientShift 3s linear infinite;background:linear-gradient(90deg,#0f8,#ffd000 50%,#ff0080);background:linear-gradient(90deg,var(--neon-green) 0,var(--neon-yellow) 50%,var(--neon-pink) 100%);background-size:200% 100%;box-shadow:0 0 20px currentColor;height:100%;position:relative;transition:width .1s linear}.timer-fill:after{background:linear-gradient(90deg,#0000,#ffffff80);bottom:0;content:"";filter:blur(10px);position:absolute;right:0;top:0;width:40px}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes gradientShift{to{background-position:200% 0}}.leaderboard-container{margin:0 auto;max-width:1000px;padding:2rem}.leaderboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd000,#ff0080);background:linear-gradient(135deg,var(--neon-yellow),var(--neon-pink));-webkit-background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:4rem;margin-bottom:3rem;text-align:center;text-transform:uppercase}.podium{grid-gap:2rem;align-items:end;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:3rem}.podium-item{animation:riseUp 1s cubic-bezier(.16,1,.3,1) backwards;position:relative;text-align:center;transform-style:preserve-3d}.podium-item:before{animation:haloGlow 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff0d 0,#0000 70%);border-radius:50%;content:"";inset:-20px;opacity:0;position:absolute;z-index:-1}.podium-item:first-child{animation-delay:.3s;order:2;transform:scale(1.1)}.podium-item:first-child:before{animation-delay:.3s}.podium-item:nth-child(2){animation-delay:.5s;order:1}.podium-item:nth-child(2):before{animation-delay:.5s}.podium-item:nth-child(3){animation-delay:.7s;order:3}.podium-item:nth-child(3):before{animation-delay:.7s}@keyframes riseUp{0%{opacity:0;transform:translateY(150px) rotateX(45deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes haloGlow{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.podium-rank{animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 10px 30px currentColor);font-family:Outfit,sans-serif;font-size:6rem;font-weight:900;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.podium-item:first-child .podium-rank{color:gold;text-shadow:0 0 40px gold}.podium-item:nth-child(2) .podium-rank{color:silver;text-shadow:0 0 40px silver}.podium-item:nth-child(3) .podium-rank{color:#cd7f32;text-shadow:0 0 40px #cd7f32}.podium-name{font-size:1.8rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.podium-score{color:#00f0ff;color:var(--neon-blue);filter:drop-shadow(0 0 20px #00f0ff);filter:drop-shadow(0 0 20px var(--neon-blue));font-size:2.5rem;font-weight:800}.leaderboard-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--card-bg);border:2px solid #ffffff1a;border-radius:20px;padding:2rem}.leaderboard-item{align-items:center;animation:fadeIn .5s ease-out backwards;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.leaderboard-item:nth-child(n+4){animation-delay:calc(.1s*(var(--index) - 3))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leaderboard-item:last-child{border-bottom:none}.player-container{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem}.player-header{margin-bottom:2rem;text-align:center}.player-header h2{color:#00f0ff;color:var(--neon-blue);font-family:Barlow Condensed,sans-serif;font-size:2rem;text-transform:uppercase}.player-question{display:flex;flex:1 1;flex-direction:column}.player-question-text{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0a011899;border:2px solid #00f0ff;border:2px solid var(--neon-blue);border-radius:24px;box-shadow:0 8px 32px #00f0ff33,inset 0 0 0 1px #ffffff0d;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.player-question-text:before{background:linear-gradient(90deg,#0000,#00f0ff 50%,#0000);background:linear-gradient(90deg,#0000,var(--neon-blue) 50%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.player-question-text h3{font-size:1.4rem;font-weight:600;line-height:1.7;position:relative;z-index:1}.player-options{display:flex;flex-direction:column;gap:1rem}.player-option{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:#0a011880;border:2px solid #ffffff14;border:2px solid var(--card-border);border-radius:20px;cursor:pointer;display:flex;gap:1.2rem;overflow:hidden;padding:1.8rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.player-option:before{background:linear-gradient(135deg,#ffffff0d,#fff0);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.player-option:active:before,.player-option:hover:before{opacity:1}.player-option:active{transform:scale(.96)}.player-option:hover{border-color:#fff6;box-shadow:0 12px 40px #0000004d,0 0 30px #00f0ff26;transform:translateX(8px)}.player-option-letter{align-items:center;border-radius:50%;box-shadow:0 6px 20px #0000004d;display:flex;flex-shrink:0;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;height:60px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);width:60px}.player-option:hover .player-option-letter{transform:scale(1.15) rotate(-8deg)}.player-option[data-option=A] .player-option-letter{background:linear-gradient(135deg,#ff0080,#ff4d9f);box-shadow:0 0 20px #ff008066}.player-option[data-option=B] .player-option-letter{background:linear-gradient(135deg,#00f0ff,#4dd9ff);box-shadow:0 0 20px #00f0ff66}.player-option[data-option=C] .player-option-letter{background:linear-gradient(135deg,#ffd000,#ffd966);box-shadow:0 0 20px #ffd00066}.player-option[data-option=D] .player-option-letter{background:linear-gradient(135deg,#a855f7,#c084fc);box-shadow:0 0 20px #a855f766}.player-option.selected{background:#ffd0001f;border-color:#ffd000;border-color:var(--neon-yellow);box-shadow:0 0 40px #ffd0004d,0 8px 32px #ffd00033;transform:translateX(8px) scale(1.02)}.player-option.selected .player-option-letter{box-shadow:0 0 30px currentColor;transform:scale(1.2)}.player-option-text{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600}.player-result{padding:3rem 1rem;text-align:center}.result-icon{animation:scaleIn .5s ease-out;font-size:5rem;margin-bottom:1rem}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.player-result.correct .result-icon{color:#0f8}.player-result.incorrect .result-icon{color:#f05}.player-result h2{font-family:Barlow Condensed,sans-serif;font-size:2.5rem;margin-bottom:1rem}.admin-container{min-height:100vh;padding:2rem}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f0ff,#ff0080);background:linear-gradient(135deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;font-family:Barlow Condensed,sans-serif;font-size:3rem;text-transform:uppercase}.admin-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:20px;display:flex;gap:1rem;margin-bottom:2.5rem;padding:.5rem}.tab-button{background:#0000;border:none;border-radius:16px;color:#fff9;cursor:pointer;flex:1 1;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:1.2rem 2rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.tab-button:before{background:linear-gradient(135deg,#00f0ff,#a855f7);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);border-radius:16px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.tab-button:hover{color:#fff;transform:translateY(-3px)}.tab-button:hover:before{opacity:.15}.tab-button.active{background:linear-gradient(135deg,#00f0ff,#a855f7);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);box-shadow:0 8px 32px #00f0ff4d,inset 0 0 0 1px #ffffff1a;color:#fff;transform:translateY(-2px)}.tab-button.active:before{opacity:1}.admin-content{-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:#0a011866;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:28px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff08;overflow:hidden;padding:2.5rem;position:relative}.admin-content:before{background:linear-gradient(90deg,#0000,#00f0ff80 30%,#a855f780 70%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.questions-list{grid-gap:1rem;display:grid;gap:1rem}.question-item{align-items:start;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1.5rem;justify-content:space-between;overflow:hidden;padding:1.8rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.question-item:before{background:linear-gradient(180deg,#00f0ff,#a855f7);background:linear-gradient(180deg,var(--neon-blue) 0,var(--neon-purple) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:3px}.question-item:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateX(8px)}.question-item:hover:before{opacity:1}.question-item h3{flex:1 1;font-size:1.15rem;font-weight:600;line-height:1.5;margin-bottom:.8rem}.question-options{grid-gap:.5rem;color:#ffffffb3;display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.correct-answer{color:#ffd000;color:var(--neon-yellow);font-weight:700}.question-actions{display:flex;gap:.5rem}.btn-small{border:none;border-radius:12px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.7rem 1.4rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-small:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.btn-small:hover:before{opacity:1}.btn-edit{background:linear-gradient(135deg,#00f0ff,#0096c7);background:linear-gradient(135deg,var(--neon-blue) 0,#0096c7 100%);box-shadow:0 4px 16px #00f0ff4d;color:#fff}.btn-delete{background:linear-gradient(135deg,#ff0080,#d90368);background:linear-gradient(135deg,var(--neon-pink) 0,#d90368 100%);box-shadow:0 4px 16px #ff00804d;color:#fff}.btn-small:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.btn-small:active{transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:linear-gradient(135deg,#0a0118f2,#1a0b2ef2);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:32px;box-shadow:0 20px 80px #00000080,inset 0 0 0 1px #ffffff0d,0 0 30px #00f0ff66,0 0 60px #00f0ff1a;box-shadow:0 20px 80px #00000080,0 0 0 1px #ffffff0d inset,var(--glow-blue);max-height:90vh;max-width:700px;overflow-y:auto;padding:2.5rem;position:relative;width:90%}.modal-content:before{background:linear-gradient(90deg,#0000,#00f0ff 30%,#a855f7 70%,#0000);background:linear-gradient(90deg,#0000,var(--neon-blue) 30%,var(--neon-purple) 70%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f0ff,#a855f7);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-purple) 100%);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:48px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);width:48px}.close-button:hover{background:#ff008033;border-color:#ff0080;border-color:var(--neon-pink);box-shadow:0 0 20px #ff008066;transform:rotate(90deg) scale(1.1)}@media (max-width:768px){.options-grid{gap:1.2rem}.options-grid,.podium{grid-template-columns:1fr}.podium{gap:2rem}.podium-item:first-child,.podium-item:nth-child(2),.podium-item:nth-child(3){order:0}.tv-header h1{font-size:3rem;letter-spacing:6px}.question-text{padding:2rem}.question-text h2{font-size:2rem}.option-text{font-size:1.4rem}.option-letter{font-size:2.5rem;height:70px;width:70px}.login-box{border-radius:24px;padding:2.5rem}.login-box h1{font-size:3rem;letter-spacing:4px}.admin-tabs{flex-direction:column}.modal-content{border-radius:24px;padding:2rem}}@media (max-width:480px){.tv-header h1{font-size:2.2rem;letter-spacing:4px}.question-text h2{font-size:1.5rem}.option-card{gap:1rem;padding:1.5rem}.option-letter{font-size:2rem;height:55px;width:55px}.option-text{font-size:1.1rem}.login-box{padding:2rem}.login-box h1{font-size:2.5rem}.player-option{padding:1.4rem}.player-option-letter{font-size:1.8rem;height:50px;width:50px}.waiting-screen h2{font-size:2.5rem}.podium-rank{font-size:4rem}}@media (max-height:600px) and (orientation:landscape){.tv-header h1{font-size:2rem;margin-bottom:1rem}.question-text{margin-bottom:1.5rem;padding:1.5rem}.question-text h2{font-size:1.4rem}.options-grid{gap:1rem}.option-card{padding:1rem}.option-letter{font-size:1.8rem;height:50px;width:50px}}@media (min-width:1920px){.tv-header h1{font-size:6rem}.question-text h2{font-size:4rem}.option-card{padding:3rem}.option-letter{font-size:4rem;height:110px;width:110px}.option-text{font-size:2.5rem}}.loading{animation:pulse 1.5s ease-in-out infinite;color:#00f0ff;color:var(--neon-blue);font-size:2rem;font-weight:600;min-height:100vh}.loading,.waiting-screen{align-items:center;display:flex;justify-content:center}.waiting-screen{flex-direction:column;min-height:80vh;padding:2rem;text-align:center}.waiting-screen h2{-webkit-text-fill-color:#0000;animation:titlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#00f0ff,#ff0080);background:linear-gradient(135deg,var(--neon-blue) 0,var(--neon-pink) 100%);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:2px;margin-bottom:3rem;text-transform:uppercase}.waiting-spinner{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-bottom:4px solid #ffffff1a;border-left:4px solid #ffffff1a;border-radius:50%;border-right:4px solid #a855f7;border-right-color:var(--neon-purple);border-top:4px solid #00f0ff;border-top-color:var(--neon-blue);height:100px;position:relative;width:100px}.waiting-spinner:after{animation:spin 1.8s cubic-bezier(.5,0,.5,1) infinite reverse;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--neon-pink);content:"";inset:8px;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f0ff,#a855f7);background:linear-gradient(180deg,var(--neon-blue) 0,var(--neon-purple) 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#ff0080);background:linear-gradient(180deg,var(--neon-purple) 0,var(--neon-pink) 100%)}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.a02e6b83.css.map*/