.quiz-report{margin:0 auto;max-width:100%;width:100%}.report-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media(min-width:768px){.report-header{align-items:center;flex-direction:row;justify-content:space-between}}.report-title{color:#333;font-size:24px;font-weight:700;margin:0}.report-controls{display:flex;flex-direction:column;gap:12px;width:100%}@media(min-width:768px){.report-controls{flex-direction:row;width:auto}}.student-selection{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;margin:0 !important;min-width:250px;padding:10px 40px 10px 14px;transition:border-color .2s,box-shadow .2s}.student-selection:focus{border-color:#6d7bff;box-shadow:0 0 0 3px #6d7bff33;outline:none}.chart-type-selector{background-color:#f5f5f5;border-radius:8px;display:flex;padding:4px}.chart-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s}.chart-button:hover{background-color:#6d7bff1a;color:#6d7bff}.chart-button.active{background-color:#6d7bff;color:#fff}.button-icon{height:16px;width:16px}.chart-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden}.chart-header{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:12px;padding:20px}@media(min-width:768px){.chart-header{align-items:center;flex-direction:row;justify-content:space-between}}.question-info{align-items:flex-start;display:flex;gap:12px}.question-number{align-items:center;background-color:#6d7bff;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 8px}.question-text{align-self:center;color:#333;font-size:16px;font-weight:600;line-height:1.5;margin:0}.response-badge{align-items:center;background-color:#f5f5f5;border-radius:16px;color:#666;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:6px 12px;white-space:nowrap}.chart-content{padding:20px}.chart-container{margin-bottom:24px}.answer-stats{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:768px){.answer-stats{grid-template-columns:1fr 1fr}}.answer-stats-column{background-color:#f9f9f9;border-radius:10px;padding:16px}.stats-title{color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;justify-self:flex-start;margin:0 0 16px}.stats-icon{height:18px !important;margin:0;width:18px !important}.stats-icon.correct{color:#4ade80}.stats-icon.incorrect{color:#f87171}.stats-content{display:flex;flex-direction:column;gap:10px}.stat-item{align-items:flex-start !important;align-items:center;background:none !important;border:none !important;border-radius:8px;box-shadow:none !important;display:flex;flex-direction:row !important;padding:0 !important;transition:background-color .2s;width:100% !important}.stat-item:hover{background-color:#ffffffb3}.stat-item.correct{background-color:#4ade801a}.sr-answer-result{border-radius:0 !important;width:auto !important}.stat-item.incorrect{background-color:#f871711a}.stat-label{align-items:center;display:flex;gap:8px;max-width:70%}.stat-marker{border-radius:50%;flex-shrink:0;height:10px;width:10px}.stat-item.correct .stat-marker{background-color:#4ade80}.stat-item.incorrect .stat-marker{background-color:#f87171}.stat-label span{color:#333;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.stat-value{align-items:flex-start;display:flex;flex-direction:row !important}.stat-count{color:#333;font-size:16px;font-weight:600}.stat-percent{color:#666;font-size:12px}.stat-empty{background-color:#ffffff80;border-radius:8px;color:#888;font-size:14px;padding:16px;text-align:center}.empty-state,.no-data{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon,.no-data-icon{color:#ccc;height:48px;margin-bottom:16px;width:48px}.empty-state p,.no-data p{color:#888;font-size:16px;margin:0}.ad-loading{gap:20px}.ad-spinner{animation:spin 1s linear infinite;border:4px solid #6d7bff33;border-radius:50%;border-top-color:#6d7bff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.ad-error,.ad-error-icon{color:#e53e3e}.chart-tooltip{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:12px}.chart-tooltip-title{border-bottom:1px solid #eee;color:#333;font-size:14px;font-weight:600;margin-bottom:8px;padding-bottom:8px}.chart-tooltip-content{display:flex;flex-direction:column;gap:8px}.chart-tooltip-row{align-items:center;color:#666;display:flex;font-size:13px;justify-content:space-between}.chart-tooltip-value{color:#333;font-weight:600}.chart-tooltip-status{align-items:center;display:flex;font-weight:500;gap:4px}.chart-tooltip-status.correct{color:#38a169}.chart-tooltip-status.incorrect{color:#e53e3e}.chart-tooltip-icon{height:14px;width:14px}
.podium-container{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px #0000004d;margin:0 auto;max-width:1200px;overflow:hidden;padding:1rem;position:relative;width:100%}.podium-container:before{animation:particleFloat 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%, #6d7bff1a 0, #0000 50%),radial-gradient(circle at 80% 20%, #ffa0121a 0, #0000 50%),radial-gradient(circle at 40% 40%, #2cb6be1a 0, #0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes particleFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-10px) rotate(2deg)}}.quiz-title-banner{align-items:center;backdrop-filter:blur(10px);background:#fff;border:1px solid #6d7bff33;border-radius:.5rem;color:#4a5568;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem;position:relative;z-index:6}.quiz-title-banner h1{font-size:1.25rem;font-weight:600;margin:0;opacity:.8;text-align:center}@media(max-width:768px){.quiz-title-banner h1{font-size:1.1rem}}.podium-stage{align-items:end;display:flex;gap:2rem;justify-content:center;min-height:350px;position:relative}.podium-stage:after{background:linear-gradient(90deg, #0000, #0000001a 20%, #0003 50%, #0000001a 80%, #0000);border-radius:50%;bottom:-20px;content:"";filter:blur(10px);height:40px;left:0;position:absolute;right:0}@media(max-width:768px){.podium-stage{align-items:center;flex-direction:column;gap:2rem;min-height:auto}}.podium-place{align-items:center;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4, 0, .2, 1)}.podium-place.highlighted{filter:drop-shadow(0 25px 50px rgba(109, 123, 255, .6));transform:scale(1.15) translateY(-15px)}.podium-place.highlighted:before{animation:winnerSpotlight 2s ease-in-out infinite alternate;background:linear-gradient(180deg, #ffffffe6, #fff9 30%, #ffa01266 60%, #0000);filter:blur(20px);height:300px;top:-80px;width:150px;z-index:2}.podium-place.highlighted:after,.podium-place.highlighted:before{border-radius:50%;content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.podium-place.highlighted:after{animation:winnerSpotlight 1.5s ease-in-out infinite alternate-reverse;background:linear-gradient(180deg, #fff, #ffffff4d 50%, #0000);filter:blur(10px);height:200px;top:-60px;width:100px;z-index:3}.podium-place.first-place{order:2;z-index:3}.podium-place.first-place .winner-name-banner:before{animation:crownGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg, #ffa012, #ff8f00);border-radius:2rem;bottom:-5px;content:"";filter:blur(10px);left:-5px;opacity:.6;position:absolute;right:-5px;top:-5px;z-index:-1}@media(max-width:768px){.podium-place.first-place{order:1}}.podium-place.second-place{order:1;z-index:2}@media(max-width:768px){.podium-place.second-place{order:2}}.podium-place.third-place{order:3;z-index:1}@media(max-width:768px){.podium-place.third-place{order:3}}@keyframes crownGlow{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes winnerSpotlight{0%{opacity:.7;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1.2)}}.winner-name-banner{align-items:center;border-radius:2rem;box-shadow:0 8px 25px #0003;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;position:relative;text-shadow:0 2px 8px #0000004d}.winner-name-banner.gold{background:linear-gradient(135deg, #ffa012, #ff8f00 50%, #f57c00)}.winner-name-banner.silver{background:linear-gradient(135deg, #94a3b8, #64748b 50%, #475569)}.winner-name-banner.bronze{background:linear-gradient(135deg, #ef2c70, #be185d 50%, #9f1239)}.podium-avatar-container{margin-bottom:1.5rem;position:relative}.podium-avatar{border:4px solid;border-radius:50%;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.podium-avatar:after{border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:0;pointer-events:none;position:absolute;right:-4px;top:-4px;transition:opacity .3s ease}.podium-avatar:hover{transform:scale(1.15) translateY(-5px)}.podium-avatar:hover:after{filter:blur(15px);opacity:.6}.first-place .podium-avatar{border-color:#ffa012;box-shadow:0 15px 35px #ffa01266;height:120px;width:120px}.first-place .podium-avatar:after{background:#ffa012}.second-place .podium-avatar{border-color:#94a3b8;box-shadow:0 12px 30px #94a3b84d;height:100px;width:100px}.second-place .podium-avatar:after{background:#94a3b8}.third-place .podium-avatar{border-color:#ef2c70;box-shadow:0 10px 25px #ef2c704d;height:90px;width:90px}.third-place .podium-avatar:after{background:#ef2c70}.avatar-content{background:#f1f5f9;height:100%;width:100%}.avatar-content,.rank-badge{align-items:center;justify-content:center}.rank-badge{border:3px solid #fff;border-radius:50%;bottom:-8px;box-shadow:0 4px 15px #0000004d;color:#fff;display:flex;font-size:1.1rem;font-weight:900;height:36px;position:absolute;right:-8px;width:36px}.rank-badge.gold{background:linear-gradient(135deg, #ffa012, #ff8f00)}.rank-badge.silver{background:linear-gradient(135deg, #94a3b8, #64748b)}.rank-badge.bronze{background:linear-gradient(135deg, #ef2c70, #be185d)}.podium-block{backdrop-filter:blur(10px);background-color:#fff !important;border-radius:1rem;border-top:4px solid;box-shadow:0 15px 35px #0000001a;justify-content:center;min-width:160px;padding:1.5rem;position:relative;text-align:center}.podium-block:before{border-radius:1rem 1rem 0 0;content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.podium-block.gold{background-color:#fff;border-top-color:#ffa012;height:160px}.podium-block.gold:before{background:linear-gradient(90deg, #0000, #ffa012, #0000)}.podium-block.silver{background-color:#fff;border-top-color:#94a3b8;height:140px}.podium-block.silver:before{background:linear-gradient(90deg, #0000, #94a3b8, #0000)}.podium-block.bronze{background-color:#fff;border-top-color:#ef2c70;height:120px}.podium-block.bronze:before{background:linear-gradient(90deg, #0000, #ef2c70, #0000)}@media(max-width:768px){.podium-block.bronze,.podium-block.gold,.podium-block.silver{height:auto;min-height:100px}}.score-display{margin-bottom:1rem}.score-display .points{color:#1e293b;display:block;font-size:2rem;font-weight:900;text-shadow:0 2px 4px #0000001a}.score-display .points-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.winner-progress .progress-label{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.25rem;justify-content:center;margin-bottom:.25rem}.winner-progress .progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.winner-progress .progress-fill.correct{background:#2cb6be;border-radius:3px;height:100%;transition:width .3s ease}.progress-icon.correct{color:#2cb6be;height:12px;width:12px}.leaderboard-table-section{backdrop-filter:blur(10px);background:linear-gradient(135deg, #fffffff2, #f8fafcf2);border:1px solid #fff3;border-radius:1rem;box-shadow:0 15px 35px #0000001a;margin:0 !important;padding:2rem}.leaderboard-table-header h2{color:#1e293b;font-size:1.5rem;font-weight:800;margin:0 0 1.5rem;position:relative;text-align:center}.leaderboard-table-header h2:after{background:linear-gradient(90deg, #6d7bff, #2cb6be);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.leaderboard-table{backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:.75rem;box-shadow:0 8px 25px #0000001a;overflow:hidden}.table-header{align-items:center;background:linear-gradient(135deg, #6d7bff, #4f46e5);color:#fff;display:grid;font-size:.875rem;font-weight:600;gap:1rem;grid-template-columns:60px 2fr 100px 150px 100px;letter-spacing:.5px;padding:1rem;text-transform:uppercase}@media(max-width:768px){.table-header{gap:.5rem;grid-template-columns:50px 2fr 80px}.table-header .accuracy-header,.table-header .progress-header{display:none}}.header-cell{text-align:center}.header-cell.player-header{text-align:left}.table-body{background:#fffffff2}.table-row{align-items:center;border-bottom:1px solid #ffffff4d;cursor:pointer;display:grid;gap:1rem;grid-template-columns:60px 2fr 100px 150px 100px;padding:1rem;transition:all .2s ease}.table-row:hover{background:#6d7bff0d;transform:translateX(2px)}.table-row:last-child{border-bottom:none}@media(max-width:768px){.table-row{gap:.5rem;grid-template-columns:50px 2fr 80px}.table-row .accuracy-cell,.table-row .progress-cell{display:none}}.table-cell{align-items:center;display:flex}.table-cell.rank-cell{color:#64748b;font-size:1rem;font-weight:600;justify-content:center}.table-cell.player-cell{justify-content:flex-start}.table-cell.accuracy-cell,.table-cell.score-cell{justify-content:center}.table-cell.progress-cell{justify-content:center;padding:0 .5rem}.player-info{align-items:center;display:flex;gap:.75rem}.player-avatar-small{background:#f1f5f9;border:2px solid #6d7bff33;border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;transition:border-color .2s ease;width:36px}.player-name{color:#1e293b;font-size:.95rem;font-weight:500}.score-info-p{align-items:center;display:flex;flex-direction:column;gap:.25rem}.score-value{color:#6d7bff;font-size:1.1rem;font-weight:700}.score-label{color:#64748b;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.progress-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.progress-bar{background:#e2e8f0;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg, #2cb6be, #0891b2);border-radius:4px;height:100%;position:relative;transition:width .6s cubic-bezier(.4, 0, .2, 1)}.progress-fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg, #0000, #fff6, #0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#64748b;font-size:.75rem;font-weight:500;text-align:center}.accuracy-value{color:#2cb6be;font-size:1rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.spotlight-overlay{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:4}.spotlight-overlay .spotlight-searching{background:radial-gradient(ellipse 100px 300px at center top, #ffffffe6 0, #ffffffb3 15%, #ffffff80 35%, #ffffff4d 60%, #ffffff1a 85%, #0000 100%);clip-path:polygon(45% 0, 55% 0, 80% 100%, 20% 100%);height:780px;left:50%;opacity:0;position:absolute;top:-200px;transform:translateX(-50%);transition:all .6s cubic-bezier(.4, 0, .2, 1);width:195px}.spotlight-overlay .spotlight-searching.active{animation:searchingSpotlight4Corner 3s ease-in-out infinite;opacity:1}.spotlight-overlay .spotlight{clip-path:polygon(40% 0, 60% 0, 85% 100%, 15% 100%);height:910px;opacity:0;position:absolute;transition:all .6s cubic-bezier(.4, 0, .2, 1);width:260px}.spotlight-overlay .spotlight.active{animation:activeSpotlight4Corner 1s ease-in-out forwards;opacity:1}.spotlight-overlay .spotlight.spotlight-center{background:radial-gradient(ellipse 130px 400px at center top, #ffffffe6 0, #ffffffbf 10%, #cd7f3280 30%, #ef2c704d 60%, #ef2c701a 85%, #0000 100%);left:50%;transform:translateX(-50%)}.spotlight-overlay .spotlight.spotlight-left{background:radial-gradient(ellipse 130px 400px at center top, #ffffffe6 0, #ffffffbf 10%, #c0c0c080 30%, #94a3b84d 60%, #94a3b81a 85%, #0000 100%);left:40%;transform:rotate(5deg);transform-origin:center bottom}.spotlight-overlay .spotlight.spotlight-right{background:radial-gradient(ellipse 130px 400px at center top, #ffffffe6 0, #ffffffbf 10%, #cd7f3280 30%, #ef2c704d 60%, #ef2c701a 85%, #0000 100%);right:25%;transform:rotate(-5deg);transform-origin:center bottom}.spotlight-overlay .spotlight.spotlight-first{background:radial-gradient(ellipse 130px 400px at center top, #fffffff2 0, #fffc 10%, #ffd70099 30%, #ffa01266 60%, #ffa0121a 85%, #0000 100%);left:50%;transform:translateX(-50%)}.spotlight-overlay .spotlight.spotlight-second{background:radial-gradient(ellipse 130px 400px at center top, #ffffffe6 0, #ffffffbf 10%, #c0c0c080 30%, #94a3b84d 60%, #94a3b81a 85%, #0000 100%);left:20%;transform:rotate(8deg);transform-origin:center bottom}.spotlight-overlay .spotlight.spotlight-third{background:radial-gradient(ellipse 130px 400px at center top, #ffffffe6 0, #ffffffbf 10%, #cd7f3280 30%, #ef2c704d 60%, #ef2c701a 85%, #0000 100%);right:20%;transform:rotate(-8deg);transform-origin:center bottom}@keyframes searchingSpotlight4Corner{0%{left:25%;transform:translateX(-50%) rotate(-15deg)}20%{left:40%;transform:translateX(-50%) rotate(-8deg)}40%{left:75%;transform:translateX(-50%) rotate(15deg)}60%{left:60%;transform:translateX(-50%) rotate(8deg)}80%{left:20%;transform:translateX(-50%) rotate(-12deg)}to{left:25%;transform:translateX(-50%) rotate(-15deg)}}@keyframes activeSpotlight4Corner{0%{opacity:0;transform:translateX(-50%) scale(.7) rotate(-8deg)}40%{opacity:.8;transform:translateX(-50%) scale(1.05) rotate(3deg)}to{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}}.confetti-container-2{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.confetti-container-2 .confetti-particle{animation:confettiExplode 3s ease-out infinite;bottom:20%;box-shadow:0 0 4px #0000004d;height:12px;left:50%;position:absolute;width:12px}.confetti-container-2 .confetti-particle.confetti-0{animation-delay:0s;animation-duration:4s;animation-name:confettiExplode0;background:#ff6b6b;border-radius:50%}.confetti-container-2 .confetti-particle.confetti-1{animation-delay:.1s;animation-duration:3.8s;animation-name:confettiExplode1;background:#4ecdc4;transform:rotate(45deg)}.confetti-container-2 .confetti-particle.confetti-2{animation-delay:.2s;animation-duration:4.2s;animation-name:confettiExplode2;background:#45b7d1;border-radius:50%}.confetti-container-2 .confetti-particle.confetti-3{animation-delay:.15s;animation-duration:3.9s;animation-name:confettiExplode3;background:#f9ca24;transform:rotate(45deg)}.confetti-container-2 .confetti-particle.confetti-4{animation-delay:.25s;animation-duration:4.1s;animation-name:confettiExplode4;background:#6c5ce7;border-radius:50%}.confetti-container-2 .confetti-particle.confetti-5{animation-delay:.05s;animation-duration:3.7s;animation-name:confettiExplode5;background:#a29bfe;transform:rotate(45deg)}.confetti-container-2 .confetti-particle.confetti-6{animation-delay:.3s;animation-duration:4.3s;animation-name:confettiExplode6;background:#fd79a8;border-radius:50%}.confetti-container-2 .confetti-particle.confetti-7{animation-delay:.12s;animation-duration:3.6s;animation-name:confettiExplode7;background:#00b894;transform:rotate(45deg)}.confetti-container-2 .confetti-particle.confetti-8{animation-delay:.18s;animation-duration:4.4s;animation-name:confettiExplode8;background:#fdcb6e;border-radius:50%}.confetti-container-2 .confetti-particle.confetti-9{animation-delay:.08s;animation-duration:3.8s;animation-name:confettiExplode9;background:#e17055;transform:rotate(45deg)}.confetti-container-2 .confetti-particle.confetti-10{animation-delay:.35s;animation-duration:4s;animation-name:confettiExplode10;background:#00cec9;border-radius:50%}.confetti-container-2 .confetti-particle.confetti-11{animation-delay:.22s;animation-duration:3.9s;animation-name:confettiExplode11;background:#ff7675;transform:rotate(45deg)}.confetti-container-2 .confetti-particle.confetti-12{animation-delay:.28s;animation-duration:4.1s;animation-name:confettiExplode12;background:#74b9ff;border-radius:50%}@keyframes confettiExplode0{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-80px, -300px) rotate(180deg) scale(1)}to{opacity:0;transform:translate(-160px, -500px) rotate(2turn) scale(.2)}}@keyframes confettiExplode1{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(120px, -350px) rotate(270deg) scale(1)}to{opacity:0;transform:translate(200px, -550px) rotate(900deg) scale(.2)}}@keyframes confettiExplode2{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-150px, -380px) rotate(1turn) scale(1)}to{opacity:0;transform:translate(-280px, -600px) rotate(3turn) scale(.2)}}@keyframes confettiExplode3{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(90px, -400px) rotate(450deg) scale(1)}to{opacity:0;transform:translate(140px, -580px) rotate(810deg) scale(.2)}}@keyframes confettiExplode4{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-200px, -360px) rotate(540deg) scale(1)}to{opacity:0;transform:translate(-350px, -520px) rotate(1260deg) scale(.2)}}@keyframes confettiExplode5{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(180px, -340px) rotate(630deg) scale(1)}to{opacity:0;transform:translate(320px, -530px) rotate(4turn) scale(.2)}}@keyframes confettiExplode6{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-120px, -420px) rotate(2turn) scale(1)}to{opacity:0;transform:translate(-220px, -620px) rotate(1620deg) scale(.2)}}@keyframes confettiExplode7{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(160px, -390px) rotate(810deg) scale(1)}to{opacity:0;transform:translate(280px, -580px) rotate(5turn) scale(.2)}}@keyframes confettiExplode8{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-100px, -450px) rotate(900deg) scale(1)}to{opacity:0;transform:translate(-180px, -650px) rotate(1980deg) scale(.2)}}@keyframes confettiExplode9{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(140px, -370px) rotate(990deg) scale(1)}to{opacity:0;transform:translate(250px, -550px) rotate(6turn) scale(.2)}}@keyframes confettiExplode10{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-250px, -410px) rotate(3turn) scale(1)}to{opacity:0;transform:translate(-400px, -600px) rotate(2340deg) scale(.2)}}@keyframes confettiExplode11{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(220px, -430px) rotate(1170deg) scale(1)}to{opacity:0;transform:translate(380px, -620px) rotate(7turn) scale(.2)}}@keyframes confettiExplode12{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.3)}15%{opacity:1;transform:translate(-180px, -460px) rotate(1260deg) scale(1)}to{opacity:0;transform:translate(-320px, -640px) rotate(2700deg) scale(.2)}}.modal-overlay{align-items:center;backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.winner-details-modal{backdrop-filter:blur(20px);background:linear-gradient(135deg, #fffffff2, #f8fafcf2);border:1px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.winner-details-header{align-items:center;border-bottom:2px solid #6d7bff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.winner-details-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:800;gap:.5rem;margin:0}.close-button{align-items:center;background:#ef2c701a;border:none;border-radius:50%;color:#ef2c70;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:#ef2c7033;transform:scale(1.1)}.winner-details-content{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.winner-avatar-large{background:#f1f5f9;border:4px solid #6d7bff;border-radius:50%;box-shadow:0 15px 35px #6d7bff4d;height:120px;overflow:hidden;width:120px}.winner-info{text-align:center;width:100%}.winner-info .winner-name{color:#1e293b;font-size:2rem;font-weight:800;margin:0 0 1.5rem;text-shadow:0 2px 4px #0000001a}.stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2, 1fr);width:100%}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-item{background:#fffc;border:2px solid #0000;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-item.points{border-color:#ffa0124d}.stat-item.points .stat-value{color:#ffa012}.stat-item.correct{border-color:#2cb6be4d}.stat-item.correct .stat-value{color:#2cb6be}.stat-item.wrong{border-color:#ef2c704d}.stat-item.wrong .stat-value{color:#ef2c70}.stat-item.accuracy{border-color:#6d7bff4d}.stat-item.accuracy .stat-value{color:#6d7bff}.podium-container .stat-value{display:block !important;font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.stat-label{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.winner-details-footer{align-items:center;border-top:2px solid #6d7bff1a;display:flex;justify-content:space-between;padding-top:1.5rem}@media(max-width:480px){.winner-details-footer{flex-direction:column;gap:1rem;text-align:center}}.rank-info,.total-questions{align-items:center;display:flex;font-size:1rem;gap:.5rem}.rank-label,.total-label{color:#64748b;font-weight:500}.rank-value,.total-value{color:#1e293b;font-size:1.1rem;font-weight:700}.podium-place{animation:slideInUp .6s cubic-bezier(.4, 0, .2, 1) forwards;opacity:0}.podium-place.first-place,.podium-place.second-place{animation-delay:2s}.podium-place.third-place{animation-delay:0s}.leaderboard-table-section{animation:fadeIn .6s ease-out forwards;animation-delay:4s;opacity:0}.quiz-title-banner{animation:fadeIn .6s ease-out forwards;opacity:0}.mute-button{align-items:center;backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:48px;z-index:1000}.mute-button:hover{background:#000000e6;transform:scale(1.1)}.mute-button:active{transform:scale(.95)}.mute-button svg{height:20px;width:20px}.pixabay,.pixabay a,.pixabay a:visited{color:#4a5568;font-size:9px}