@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:#020510;--bg-mid:#070d1a;--neon-cyan:#00f5ff;--neon-purple:#a855f7;--neon-orange:#ff6b00;--neon-green:#0f8;--neon-pink:#ff0080;--gold:gold;--panel-bg:#050c1cbf;--panel-border:#00f5ff2e;--text-primary:#f0f8ff;--text-secondary:#8bacc8;--font-head:"Rajdhani", sans-serif;--font-body:"Outfit", sans-serif;--primary-color:#00f5ff;--primary-hover:#00c8d4;--csk-color:#f5c518;--mi-color:#004fc4;--rcb-color:#e8001d;--kkr-color:#7b2fa6;--gt-color:#1a8cff;--rr-color:#ff1eb4;--dc-color:#1e56c8;--srh-color:#ff6b00;--lsg-color:#00d4e8;--pbks-color:#f23;--default-team-color:#00f5ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;justify-content:center;width:100%;max-width:1280px;min-height:100vh;padding:2rem;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:28px;padding:2.5rem;transition:all .4s;box-shadow:0 30px 80px #000c,inset 0 1px #ffffff0f}.glass-panel.neon:hover{border-color:#00f5ff73;box-shadow:0 30px 80px #000c,0 0 40px #00f5ff1f,inset 0 1px #ffffff1a}.setup-container{text-align:center;width:100%;max-width:680px;margin:0 auto;animation:1.4s cubic-bezier(.16,1,.3,1) both heroEntry;position:relative}@keyframes heroEntry{0%{opacity:0;transform:translateY(60px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.title{font-family:var(--font-head);letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg, #fff 0%, var(--neon-cyan) 40%, var(--neon-purple) 80%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #00f5ff80);-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:clamp(3.5rem,8vw,6rem);font-weight:700;line-height:1;animation:3s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px #00f5ff66)}to{filter:drop-shadow(0 0 50px #a855f7b3)}}.title-badge{font-family:var(--font-head);letter-spacing:8px;text-transform:uppercase;color:var(--neon-orange);text-shadow:0 0 20px var(--neon-orange);margin-bottom:1rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;animation:1s .3s both fadeUp;display:inline-block}.subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;animation:1s .5s both fadeUp}.setup-features{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;animation:1s .7s both fadeUp;display:flex}.feature-chip{color:var(--neon-cyan);letter-spacing:.5px;background:#00f5ff14;border:1px solid #00f5ff40;border-radius:50px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600}.btn{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;border-radius:16px;padding:1.1rem 2.5rem;font-size:1.3rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));color:#000;animation:1s .9s both fadeUp;box-shadow:0 0 30px #00f5ff66,0 8px 32px #00000080}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--neon-purple), var(--neon-pink));opacity:0;transition:opacity .4s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 0 60px #a855f799,0 16px 48px #00000080}.btn-primary:active{transform:scale(.96)}.btn.secondary{border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-head);letter-spacing:1px;background:0 0;font-size:1.1rem}.btn.secondary:hover{background:#00f5ff1a;transform:translateY(-3px);box-shadow:0 0 25px #00f5ff4d}.game-layout{grid-template-columns:2fr 1fr;align-items:start;gap:2rem;width:100%;display:grid}.mobile-stats-toggle,.mobile-bottom-sheet{display:none}@media (width<=900px){.game-layout{grid-template-columns:1fr;padding-bottom:90px}.desktop-sidebar{display:none}.mobile-stats-toggle{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));color:#000;font-family:var(--font-head);letter-spacing:1px;z-index:50;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #00f5ff66}.mobile-bottom-sheet{border-top:2px solid var(--neon-cyan);z-index:100;background:#040c1e;border-radius:28px 28px 0 0;width:100%;padding:2rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block;position:fixed;bottom:0;left:0;transform:translateY(110%);box-shadow:0 -20px 60px #000000e6}.mobile-bottom-sheet.open{transform:translateY(0)}.bottom-sheet-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.close-sheet-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.mobile-bottom-sheet .glass-panel{box-shadow:none;background:0 0;border:none;padding:0}}.question-container{flex-direction:column;justify-content:space-between;min-height:500px;display:flex}.game-progress-track{background:#ffffff12;border-radius:7px;width:100%;height:14px;margin-bottom:1.5rem;overflow:hidden;box-shadow:inset 0 2px 6px #0009}.game-progress-fill{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple), var(--neon-pink));height:100%;box-shadow:0 0 15px var(--neon-cyan), 0 0 30px #00f5ff66;background-size:200% 100%;border-radius:7px;transition:width .6s cubic-bezier(.34,1.56,.64,1);animation:2s linear infinite progressShimmer}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:0 0}}.question-meta{justify-content:space-between;align-items:center;margin-bottom:2.5rem;font-size:.9rem;display:flex}.q-count{font-family:var(--font-head);color:var(--neon-cyan);text-shadow:0 0 15px var(--neon-cyan);letter-spacing:1px;font-size:1.1rem;font-weight:700}.q-candidates{color:var(--text-secondary);font-weight:500}.q-candidates span{color:var(--neon-orange);text-shadow:0 0 10px var(--neon-orange);font-weight:800}.question-text{font-family:var(--font-head);text-align:center;letter-spacing:.5px;background:linear-gradient(135deg, #fff 30%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-grow:1;justify-content:center;align-items:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.25;animation:.5s cubic-bezier(.16,1,.3,1) both questionIn;display:flex}@keyframes questionIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.thinking-text{font-family:var(--font-head);letter-spacing:1px;text-align:center;background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple), var(--neon-pink));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:600;animation:1.5s linear infinite thinkingShimmer,.35s both questionIn}@keyframes thinkingShimmer{0%{background-position:200% 0}to{background-position:0 0}}.answer-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.answer-btn{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:1.5px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;gap:.7rem;padding:1.5rem 1rem;font-size:1.25rem;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.answer-btn:after{content:"";opacity:0;transition:opacity .3s;position:absolute;inset:0}.answer-btn.yes{color:var(--neon-green);background:#00ff8812;border-color:#00ff8840}.answer-btn.yes:after{background:radial-gradient(#00ff8826,#0000)}.answer-btn.yes:hover:after{opacity:1}.answer-btn.yes:hover{border-color:var(--neon-green);transform:translateY(-4px)scale(1.02);box-shadow:0 0 25px #00ff884d,inset 0 0 60px #00ff881a}.answer-btn.no{color:var(--neon-pink);background:#ff008012;border-color:#ff008040}.answer-btn.no:after{background:radial-gradient(#ff008026,#0000)}.answer-btn.no:hover:after{opacity:1}.answer-btn.no:hover{border-color:var(--neon-pink);transform:translateY(-4px)scale(1.02);box-shadow:0 0 25px #ff00804d,inset 0 0 60px #ff00801a}.answer-btn.maybe{color:var(--neon-orange);background:#ff6b0012;border-color:#ff6b0040}.answer-btn.maybe:after{background:radial-gradient(#ff6b0026,#0000)}.answer-btn.maybe:hover:after{opacity:1}.answer-btn.maybe:hover{border-color:var(--neon-orange);transform:translateY(-4px)scale(1.02);box-shadow:0 0 25px #ff6b004d,inset 0 0 60px #ff6b001a}.answer-btn.dontknow{color:var(--neon-purple);background:#a855f712;border-color:#a855f740}.answer-btn.dontknow:after{background:radial-gradient(#a855f726,#0000)}.answer-btn.dontknow:hover:after{opacity:1}.answer-btn.dontknow:hover{border-color:var(--neon-purple);transform:translateY(-4px)scale(1.02);box-shadow:0 0 25px #a855f74d,inset 0 0 60px #a855f71a}.answer-btn:active{transform:scale(.94)!important}.answer-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none!important;transform:none!important}.confidence-container{flex-direction:column;display:flex}.confidence-title{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);align-items:center;gap:.6rem;margin-bottom:2rem;font-size:1.4rem;font-weight:700;display:flex}.player-bar-container{margin-bottom:1.6rem;animation:.5s cubic-bezier(.16,1,.3,1) both barEntry}@keyframes barEntry{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.player-info{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.player-name{font-family:var(--font-head);letter-spacing:.5px;font-size:1.1rem;font-weight:600}.player-percent{font-family:var(--font-head);text-shadow:0 0 12px;font-size:1.4rem;font-weight:700;transition:all .5s}.progress-track{background:#00000080;border-radius:6px;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3}.progress-fill{border-radius:6px;height:100%;transition:width .9s cubic-bezier(.34,1.56,.64,1);animation:2.5s ease-in-out infinite alternate barPulse}@keyframes barPulse{0%{filter:brightness()drop-shadow(0 0 4px)}to{filter:brightness(1.4)drop-shadow(0 0 14px)}}.final-guess-container{text-align:center;max-width:720px;margin:0 auto;transition:border-color .5s,box-shadow .5s}.reveal-text{font-family:var(--font-head);letter-spacing:3px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2.5rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;animation:.8s both fadeUp}.reveal-ring{border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto 2.5rem;animation:2.5s ease-in-out infinite ringPulse;display:flex;position:relative}.reveal-ring:before{content:"";opacity:.3;border:2px solid;border-radius:50%;animation:2.5s ease-in-out .4s infinite ringPulse;position:absolute;inset:-8px}@keyframes ringPulse{0%,to{box-shadow:0 0 20px}50%{box-shadow:0 0 60px,0 0 100px}}.guessed-player-image{object-fit:cover;border-radius:50%;width:272px;height:272px;animation:1s cubic-bezier(.34,1.56,.64,1) both imageReveal}@keyframes imageReveal{0%{opacity:0;filter:blur(10px);transform:scale(.4)rotate(-15deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}.guessed-player-name{font-family:var(--font-head);letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg, #fff, var(--neon-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;animation:.8s cubic-bezier(.16,1,.3,1) .2s both slideUp}.guessed-confidence{font-family:var(--font-head);letter-spacing:1px;margin-bottom:2.5rem;font-size:1.4rem;font-weight:600;animation:.8s .4s both slideUp}.leaderboard-section{text-align:left;background:#0006;border:1px solid #ffffff0f;border-radius:20px;padding:1.5rem;animation:.8s .6s both slideUp}.leaderboard-title{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 15px var(--gold);align-items:center;gap:8px;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.leaderboard-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.95rem;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-count{font-family:var(--font-head);color:var(--neon-cyan);font-size:1.2rem;font-weight:700}.spinner{border:4px solid #ffffff1a;border-top-color:var(--neon-cyan);border-radius:50%;width:48px;height:48px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feature-chip{color:var(--neon-cyan);letter-spacing:.5px;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-body);background:#00f5ff12;border:1px solid #00f5ff40;border-radius:50px;align-items:center;gap:6px;padding:.5rem 1.2rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.feature-chip:hover{border-color:var(--neon-cyan);background:#00f5ff29;transform:translateY(-3px);box-shadow:0 0 20px #00f5ff4d}.feature-chip:active{transform:scale(.95)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-card{scrollbar-width:thin;scrollbar-color:#00f5ff4d transparent;background:#050c1ef2;border:1px solid #00f5ff40;border-radius:28px;width:100%;max-width:700px;max-height:85vh;padding:2.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) modalPop;position:relative;overflow-y:auto}.modal-card::-webkit-scrollbar{width:5px}.modal-card::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:5px}@keyframes modalPop{0%{opacity:0;transform:scale(.88)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:#ffffff12;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.modal-close:hover{color:var(--neon-pink);border-color:var(--neon-pink);background:#ff008033}.modal-icon{margin-bottom:.75rem;font-size:3rem}.modal-title{font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-size:2rem;font-weight:700}.modal-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.modal-stats{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.modal-stat-row{background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.9rem;display:flex}.stat-label{color:var(--text-secondary)}.stat-value{font-weight:700;font-family:var(--font-head);letter-spacing:.5px}.player-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin-top:.5rem;display:grid}.player-chip{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:2px;padding:.6rem .8rem;transition:all .2s;display:flex}.player-chip:hover{background:#00f5ff14;border-color:#00f5ff4d}.player-chip-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.player-chip-team{color:var(--neon-cyan);letter-spacing:.5px;font-size:.7rem;font-weight:700}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1rem;display:grid}.achievement-card{text-align:center;border:1px solid #ffffff1a;border-radius:18px;padding:1.4rem 1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.achievement-card.unlocked{background:#ffffff0a}.achievement-card.locked{opacity:.5;filter:grayscale();background:#0000004d}.achievement-card.unlocked:hover{transform:translateY(-5px)scale(1.04)}.achievement-icon{margin-bottom:.6rem;font-size:2.4rem;display:block}.achievement-title{font-family:var(--font-head);letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);margin-bottom:.4rem;font-size:1rem;font-weight:700}.achievement-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.game-background{z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 20% 10%,#0d0630 0%,#0000 60%),radial-gradient(100% 80% at 80% 90%,#040d20 0%,#0000 60%),#020510;position:fixed;inset:0;overflow:hidden}.radial-glow{filter:blur(90px);border-radius:50%;animation:14s ease-in-out infinite alternate orbFloat;position:absolute}.glow-1{background:radial-gradient(circle,#00f5ff1f 0%,#0000 70%);width:70vw;height:70vw;top:-25%;left:-15%}.glow-2{background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:60vw;height:60vw;animation-delay:-7s;bottom:-20%;right:-10%}.glow-3{background:radial-gradient(circle,#ff6b0014 0%,#0000 70%);width:40vw;height:40vw;animation-duration:10s;animation-delay:-3s;top:40%;left:40%}@keyframes orbFloat{0%{opacity:.8;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.15)translate(3%,4%)}to{opacity:.7;transform:scale(.95)translate(-3%,-2%)}}.stadium-lights-container{width:100%;height:100%;position:absolute;top:0;left:0}.stadium-light{filter:blur(25px);transform-origin:top;background:linear-gradient(#ffffff0f 0%,#0000 80%);width:180px;height:110vh;animation:10s ease-in-out infinite alternate beamSweep;position:absolute;top:-5vh}.light-left{left:15%;transform:rotate(18deg)}.light-center{animation-duration:8s;animation-delay:-3s;left:48%;transform:rotate(0)}.light-right{animation-delay:-6s;right:15%;transform:rotate(-18deg)}@keyframes beamSweep{0%{opacity:.07;transform:rotate(-12deg)scaleY(1)}50%{opacity:.25}to{opacity:.07;transform:rotate(12deg)scaleY(1.1)}}.particles-container{position:absolute;inset:0}.particle{background:#fff;border-radius:50%;animation:linear infinite particleRise;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #00f5ff99}@keyframes particleRise{0%{opacity:0;transform:translateY(0)scale(.4)}8%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(-115vh)scale(1.8)}}.grid-overlay{background-image:linear-gradient(#00f5ff06 1px,#0000 1px),linear-gradient(90deg,#00f5ff06 1px,#0000 1px);background-size:80px 80px;animation:30s linear infinite gridDrift;position:absolute;inset:0}@keyframes gridDrift{0%{background-position:0 0}to{background-position:80px 80px}}