.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;background:none !important;border:none !important;border-radius:8px;box-shadow:none !important;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:linear-gradient(135deg, #fffffff2, #f0f2fff2);border:1px solid #6d7bff33;border-radius:1.5rem;box-shadow:0 20px 50px #090e2b26;margin:0 auto;max-width:1200px;min-height:80vh;overflow:hidden;padding:2rem;position:relative}.podium-content{animation:fade-in .5s ease-in-out forwards}.podium-header{animation:slide-down .5s ease-in-out forwards;margin-bottom:3rem;text-align:center}.podium-title{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.podium-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg, #6d7bff, #5d6eee);-webkit-background-clip:text;font-size:3.5rem;font-weight:800;margin:0;text-shadow:0 4px 8px #6d7bff33}.podium-subtitle{animation:fade-in 1s ease-in-out forwards;animation-delay:.5s;color:#6c757d;font-size:1.25rem;margin-top:.5rem;opacity:0}.trophy-icon{animation:float 3s ease-in-out infinite;color:gold;filter:drop-shadow(0 4px 8px rgba(255, 215, 0, .5));font-size:3rem}.quiz-title-banner{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg, #3b82f6cc, #2563ebcc);border:1px solid #fff3;border-radius:1rem;box-shadow:0 8px 32px #0003;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem 2rem}.quiz-title-banner h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0;text-align:center;text-shadow:2px 2px 4px #0000004d}.podium-stage{align-items:flex-end;background:linear-gradient(180deg, #ffffff1a, #0000);border-radius:2rem;display:flex;gap:1.5rem;justify-content:center;margin:4rem 0;padding:2rem;position:relative}.winner-name-banner{align-items:center;backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:1rem;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;left:50%;padding:.5rem 1.5rem;position:absolute;top:-2.5rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.winner-name-banner.gold{background:linear-gradient(135deg, #ffd700e6, #ffb700e6)}.winner-name-banner.silver{background:linear-gradient(135deg, #c0c0c0e6, #a9a9a9e6)}.winner-name-banner.bronze{background:linear-gradient(135deg, #cd7f32e6, #a0522de6)}.podium-display{align-items:flex-end;justify-content:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;padding-top:2rem;width:100%}.podium-display,.podium-place{display:flex;position:relative}.podium-place{align-items:center;flex-direction:column;transition:all .3s ease}.podium-place.highlighted{transform:translateY(-1rem) scale(1.05)}.first-place{animation-delay:.9s;position:relative;z-index:3}.spotlight{animation:spotlight-pulse 3s ease-in-out infinite;background:radial-gradient(circle, #ffd7004d 0, #ffd70000 70%);border-radius:50%;height:200px;left:50%;position:absolute;top:-100px;transform:translateX(-50%);width:200px;z-index:-1}.second-place{animation-delay:.6s;z-index:2}.third-place{animation-delay:.3s;z-index:1}.crown{animation:crown-drop .5s ease-in-out forwards,float 3s ease-in-out infinite;animation-delay:1.2s,1.7s;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .3));font-size:3.5rem;opacity:0;position:absolute;top:-50px;z-index:5}@keyframes crown-drop{0%{opacity:0;transform:translateY(-30px) rotate(-15deg)}70%{opacity:1;transform:translateY(5px) rotate(5deg)}85%{opacity:1;transform:translateY(-3px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.podium-avatar-container{margin-bottom:1rem;position:relative;z-index:2}.podium-avatar{backdrop-filter:blur(8px);background:linear-gradient(135deg, #ffffff1a, #ffffff0d);border:2px solid #fff3;border-radius:1rem;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.podium-avatar:hover{box-shadow:0 12px 40px #0003;transform:scale(1.1)}.first-place .podium-avatar{height:120px;width:120px}.second-place .podium-avatar{height:100px;width:100px}.third-place .podium-avatar{height:90px;width:90px}.avatar-content{height:100%;width:100%}.avatar-content,.medal{align-items:center;display:flex;justify-content:center}.medal{border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;font-weight:700;height:36px;position:absolute;right:-10px;top:-10px;width:36px;z-index:5}.medal span{font-size:1rem;font-weight:800;position:absolute}.first-place .medal{height:44px;width:44px}.medal-gold{background:linear-gradient(135deg, gold, #ffb900);box-shadow:0 4px 15px #ffd70080}.medal-silver{background:linear-gradient(135deg, silver, #a0a0a0);box-shadow:0 4px 15px #c0c0c080}.medal-bronze{background:linear-gradient(135deg, #cd7f32, #a05a2c);box-shadow:0 4px 15px #cd7f3280}.rank-badge{align-items:center;border-radius:.5rem;bottom:-.5rem;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:-.5rem;width:2rem}.rank-badge.gold{background:linear-gradient(135deg, gold, #ffb700)}.rank-badge.silver{background:linear-gradient(135deg, silver, #a0a0a0)}.rank-badge.bronze{background:linear-gradient(135deg, #cd7f32, #a05a2c)}.winner-progress{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;width:100%}.progress-label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px}.progress-icon{height:16px;width:16px}.progress-icon.correct{color:#4ade80}.progress-bar{background-color:#ffffff4d;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-fill.correct{background-color:#4ade80}.podium-popup{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg, #6d7bff, #5d6eee, #4a5bdd, #ffa012, #ff8a00, #6d7bff);background-size:400% 400%;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9}.podium-popup:before{background:radial-gradient(circle at 20% 30%, #ffffff4d 0, #fff0 20%),radial-gradient(circle at 80% 20%, #ffffff4d 0, #fff0 20%),radial-gradient(circle at 40% 80%, #ffffff4d 0, #fff0 20%),radial-gradient(circle at 70% 60%, #ffffff4d 0, #fff0 20%)}.podium-popup:after,.podium-popup:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.podium-popup:after{animation:twinkle 8s linear infinite;background-image:radial-gradient(circle at 10% 10%, #fffc 0, #fff0 .5%),radial-gradient(circle at 15% 25%, #fffc 0, #fff0 .5%),radial-gradient(circle at 25% 40%, #fffc 0, #fff0 .5%),radial-gradient(circle at 30% 70%, #fffc 0, #fff0 .5%),radial-gradient(circle at 40% 30%, #fffc 0, #fff0 .5%),radial-gradient(circle at 50% 50%, #fffc 0, #fff0 .5%),radial-gradient(circle at 60% 80%, #fffc 0, #fff0 .5%),radial-gradient(circle at 70% 20%, #fffc 0, #fff0 .5%),radial-gradient(circle at 80% 60%, #fffc 0, #fff0 .5%),radial-gradient(circle at 90% 90%, #fffc 0, #fff0 .5%);background-size:100% 100%;opacity:.7}.podium-popup-confetti{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.podium-popup-confetti i{animation:confetti 5s ease-in-out infinite;background-color:#0000;display:block;height:8px;opacity:0;position:absolute;width:8px}.podium-popup-confetti i:first-child{animation-delay:.2s;animation-duration:6s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);left:27%;top:-20px;transform:rotate(32deg)}.podium-popup-confetti i:nth-child(2){animation-duration:5s;left:45%;transform:rotate(157deg)}.podium-popup-confetti i:nth-child(2),.podium-popup-confetti i:nth-child(3){animation-delay:.3s;background-color:#6d7bff;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(3){animation-duration:4s;left:80%;transform:rotate(285deg)}.podium-popup-confetti i:nth-child(4){animation-duration:6s;left:45%;transform:rotate(93deg)}.podium-popup-confetti i:nth-child(4),.podium-popup-confetti i:nth-child(5){animation-delay:.2s;background-color:#6d7bff;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(5){animation-duration:5s;left:53%;transform:rotate(181deg)}.podium-popup-confetti i:nth-child(6){animation-delay:.5s;animation-duration:6s;left:69%;transform:rotate(53deg)}.podium-popup-confetti i:nth-child(6),.podium-popup-confetti i:nth-child(7){background-color:#6d7bff;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(7){animation-delay:.2s;animation-duration:4s;left:76%;transform:rotate(337deg)}.podium-popup-confetti i:nth-child(8){animation-delay:.1s;animation-duration:5s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);left:42%;top:-20px;transform:rotate(330deg)}.podium-popup-confetti i:nth-child(9){left:91%;transform:rotate(297deg)}.podium-popup-confetti i:nth-child(10),.podium-popup-confetti i:nth-child(9){animation-delay:.5s;animation-duration:4s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(10){left:31%;transform:rotate(251deg)}.podium-popup-confetti i:nth-child(11){animation-delay:.4s;left:85%;transform:rotate(79deg)}.podium-popup-confetti i:nth-child(11),.podium-popup-confetti i:nth-child(12){animation-duration:5s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(12){animation-delay:.5s;left:65%;transform:rotate(71deg)}.podium-popup-confetti i:nth-child(13){animation-delay:.2s;animation-duration:5s;background-color:#6d7bff;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);left:85%;top:-20px;transform:rotate(293deg)}.podium-popup-confetti i:nth-child(14){animation-delay:.2s;left:10%;transform:rotate(262deg)}.podium-popup-confetti i:nth-child(14),.podium-popup-confetti i:nth-child(15){animation-duration:4s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(15){animation-delay:.3s;left:82%;transform:rotate(29deg)}.podium-popup-confetti i:nth-child(16){animation-delay:.2s;background-color:#ffa012;left:64%;transform:rotate(217deg)}.podium-popup-confetti i:nth-child(16),.podium-popup-confetti i:nth-child(17){animation-duration:4s;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(17){animation-delay:.4s;background-color:#6d7bff;left:40%;transform:rotate(33deg)}.podium-popup-confetti i:nth-child(18){animation-delay:.3s;background-color:#6d7bff;transform:rotate(111deg)}.podium-popup-confetti i:nth-child(18),.podium-popup-confetti i:nth-child(19){animation-duration:6s;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);left:42%;top:-20px}.podium-popup-confetti i:nth-child(19){animation-delay:.1s;background-color:#ffa012;transform:rotate(163deg)}.podium-popup-confetti i:nth-child(20){animation-delay:.1s;animation-duration:6s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);left:2%;top:-20px;transform:rotate(37deg)}.podium-popup-confetti i:nth-child(21){animation-delay:.3s;animation-duration:5s;left:59%;transform:rotate(347deg)}.podium-popup-confetti i:nth-child(21),.podium-popup-confetti i:nth-child(22){background-color:#6d7bff;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(22){animation-delay:.2s;animation-duration:4s;left:33%;transform:rotate(267deg)}.podium-popup-confetti i:nth-child(23){animation-delay:.5s;left:71%;transform:rotate(283deg)}.podium-popup-confetti i:nth-child(23),.podium-popup-confetti i:nth-child(24){animation-duration:4s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(24){animation-delay:.1s;left:37%;transform:rotate(22deg)}.podium-popup-confetti i:nth-child(25){animation-delay:.3s;animation-duration:5s;left:75%;transform:rotate(219deg)}.podium-popup-confetti i:nth-child(25),.podium-popup-confetti i:nth-child(26){background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(26){animation-delay:.5s;animation-duration:6s;left:34%;transform:rotate(189deg)}.podium-popup-confetti i:nth-child(27){animation-delay:.3s;left:82%;transform:rotate(55deg)}.podium-popup-confetti i:nth-child(27),.podium-popup-confetti i:nth-child(28){animation-duration:5s;background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(28){animation-delay:.4s;left:99%;transform:rotate(313deg)}.podium-popup-confetti i:nth-child(29){animation-delay:.2s;animation-duration:5s;left:84%;transform:rotate(191deg)}.podium-popup-confetti i:nth-child(29),.podium-popup-confetti i:nth-child(30){background-color:#ffa012;clip-path:polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%);top:-20px}.podium-popup-confetti i:nth-child(30){animation-delay:.4s;animation-duration:4s;left:49%;transform:rotate(71deg)}.podium-popup-content{animation:popIn .5s cubic-bezier(.175, .885, .32, 1.275);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffe6;border-radius:20px;box-shadow:0 20px 50px #0003,inset 0 0 0 1px #ffffff26,0 0 30px #6d7bff4d;max-height:100vh;max-width:1200px;overflow:scroll;position:relative;width:90%;z-index:1}.podium-popup-close{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#20c997;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:40px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.podium-popup-close:hover{background-color:#cd7f32;transform:rotate(90deg)}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes twinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes confetti{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.podium-block{align-items:center;backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:1rem;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.5rem;width:100%}.first-place .podium-block{animation:float 3s ease-in-out infinite,pulse-gold 2s ease-in-out infinite;background:linear-gradient(135deg, gold, orange);box-shadow:0 15px 35px #ffa5004d,0 0 20px #ffd70080,inset 0 0 0 2px #ffd7004d;height:280px;transform:translateY(-20px);width:280px;z-index:3}.first-place:before{animation:rotate 4s linear infinite;background:conic-gradient(#0000, #fff9, #0000 30%)}.second-place .podium-block{background:linear-gradient(135deg, #c0c0c04d, #a9a9a933);height:170px;width:180px}.third-place .podium-block{background:linear-gradient(135deg, #cd7f324d, #a0522d33);height:150px;width:160px}.podium-name{color:#2c2d3a;margin-bottom:.5rem;max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.podium-name,.podium-score{font-size:1.1rem;font-weight:700}.podium-score{background:#ffffff80;border-radius:1rem;color:#6c757d;margin-bottom:.75rem;padding:.25rem .75rem}.podium-stats{display:flex;gap:.75rem;margin-top:.5rem}.stat-badge{align-items:center;border-radius:.75rem;display:flex;font-weight:600;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:transform .2s ease}.stat-badge:hover{transform:scale(1.05)}.stat-badge.correct{background-color:#28a745;box-shadow:0 2px 6px #28a7454d;color:#fff}.stat-badge.wrong{background-color:#dc3545;box-shadow:0 2px 6px #dc35454d;color:#fff}.stat-value{font-size:1.1rem}.first-place .stat-badge{box-shadow:0 3px 8px #0003;padding:.6rem .9rem}.first-place .stat-value{font-size:1.2rem}.stat-icon{font-weight:700}.stat-icon,.stat-value{font-size:1rem}.first-place .podium-name{font-size:1.3rem}.first-place .podium-score{background:#ffd70033;box-shadow:0 2px 10px #ffd7004d;font-size:1.2rem}.first-place .stat-badge{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.winner-details-card{animation:fade-in .3s ease-in-out;background:linear-gradient(135deg, #fff, #f8f9fa);border:1px solid #6d7bff1a;border-radius:1rem;box-shadow:0 15px 35px #090e2b1a;margin:0 auto 2rem;max-width:600px;padding:1.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}.winner-details-card:hover{box-shadow:0 20px 40px #090e2b26;transform:translateY(-5px)}.winner-details-header{align-items:center;border-bottom:1px solid #6d7bff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.winner-details-header h3{align-items:center;color:#2c2d3a;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.winner-icon{color:gold}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:color .2s;width:30px}.close-button:hover{background-color:#0000000d;color:#2c2d3a}.winner-details-content{display:flex;gap:2rem}.winner-avatar-large{align-items:center;background-color:#f0f2ff;border:4px solid #6d7bff;border-radius:50%;box-shadow:0 8px 20px #6d7bff33;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.winner-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg, #2c2d3a, #6d7bff);-webkit-background-clip:text;color:#2c2d3a;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(2, 1fr)}.stat-item{align-items:center;background:linear-gradient(135deg, #fff, #f8f9fa);border:1px solid #6d7bff1a;border-radius:.75rem;display:flex;flex-direction:column;padding:1rem;transition:transform .2s,box-shadow .2s}.podium-container .stat-item .stat-label{align-self:center !important}.stat-item:hover{box-shadow:0 8px 15px #090e2b1a;transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-bottom:.5rem;width:40px}.stat-icon.points{background:linear-gradient(135deg, #6d7bff, #5d6eee);box-shadow:0 4px 10px #6d7bff4d}.stat-icon.correct{background:linear-gradient(135deg, #28a745, #20c997);box-shadow:0 4px 10px #28a7454d}.stat-icon.wrong{background:linear-gradient(135deg, #dc3545, #e83e8c);box-shadow:0 4px 10px #dc35454d}.stat-icon.accuracy{background:linear-gradient(135deg, #fd7e14, #ffc107);box-shadow:0 4px 10px #fd7e144d}.score-display{align-items:center;display:flex;flex-direction:column;gap:.25rem}.points{color:#5d6eee;font-size:2rem;font-weight:800;text-shadow:0 2px 4px #0003}.points-label{color:#2c2d3a;font-size:.9rem;font-weight:800}.stats-row{display:flex;gap:1rem;margin-top:.5rem}.stat{border-radius:.75rem;color:#fff;font-size:1.1rem;font-weight:600;min-width:3rem;padding:.5rem 1rem;text-align:center}.stat.correct{background:linear-gradient(135deg, #22c55e, #16a34a);box-shadow:0 4px 12px #22c55e4d;height:auto}.stat.wrong{background:linear-gradient(135deg, #ef4444, #dc2626);box-shadow:0 4px 12px #ef44444d;height:auto}.stat-value{color:#2c2d3a;font-size:1.5rem;font-weight:700}.stat-label{color:#6c757d;font-size:.875rem}.leaderboard-table-section{animation:fade-in .5s ease-in-out;animation-delay:1.2s;animation-fill-mode:forwards;backdrop-filter:blur(8px);background:linear-gradient(135deg, #3b82f633, #2563eb33);border:1px solid #fff3;border-radius:1rem;box-shadow:0 10px 30px #00000026;margin-top:2rem;opacity:0;padding:1.5rem}.podium-popup-content .leaderboard-table-section{display:none}.podium-popup .podium-popup-content{background:none !important}.leaderboard-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.leaderboard-table-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.leaderboard-table{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 10px 25px #0000001a;overflow:hidden}.leaderboard-table-head{background:#ffffff26;border-bottom:1px solid #ffffff1a;color:#fff;display:grid;font-weight:600;grid-template-columns:60px 2fr 1fr;padding:1rem}.leaderboard-table-head.with-details{grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr}.leaderboard-table-head.with-details .rank-column,.report-wrapper .leaderboard-row.with-details .rank-column{color:#2c2d3a}.leaderboard-table-body{max-height:400px;overflow-y:auto}.leaderboard-row{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:grid;grid-template-columns:60px 2fr 1fr;padding:1rem;transition:all .2s}.leaderboard-row:hover{background-color:#ffffff1a;transform:translateX(5px)}.leaderboard-row.with-details{grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr}.rank-column{color:#fff;font-weight:600}.player-column{align-items:center;display:flex;gap:.75rem}.player-avatar-small{align-items:center;background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.player-column span{color:#2c2d3a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-column{align-items:center;display:flex;flex-direction:column}.score-value{color:gold;font-weight:700}.score-label{color:#ffffffb3;font-size:.75rem}.accuracy-column,.correct-column,.wrong-column{text-align:center}.correct-value{color:#4ade80;font-weight:600}.wrong-value{color:#f87171;font-weight:600}.accuracy-value{color:#60a5fa;font-weight:600}.stats-summary{animation:fade-in .5s ease-in-out;animation-delay:1.5s;animation-fill-mode:forwards;display:grid;gap:1rem;grid-template-columns:repeat(4, 1fr);margin-top:2rem;opacity:0}.stats-card{background:linear-gradient(135deg, #fff, #f8f9fa);border:1px solid #6d7bff1a;border-radius:1rem;box-shadow:0 10px 25px #090e2b0d;padding:1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 15px 35px #090e2b1a;transform:translateY(-5px)}.stats-icon{align-items:center;background:linear-gradient(135deg, #f0f2ff, #e8eaff);border-radius:50%;box-shadow:0 5px 15px #6d7bff33;color:#6d7bff;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin:0 auto .75rem;width:48px}.stats-value{color:#2c2d3a;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stats-label{color:#6c757d;font-size:.875rem}.spotlight-effect{animation:spotlight-pulse 3s ease-in-out infinite;background:radial-gradient(circle, #ffd70033 0, #0000 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:300px;z-index:1}@keyframes spotlight-pulse{0%,to{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.2)}}.other-winners-section{backdrop-filter:blur(8px);background:linear-gradient(135deg, #ffffff1a, #ffffff0d);border:1px solid #ffffff1a;border-radius:1rem;margin-top:4rem;padding:2rem}.section-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0003}.winners-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.winner-card{align-items:center;backdrop-filter:blur(8px);background:linear-gradient(135deg, #ffffff1a, #ffffff0d);border:1px solid #ffffff1a;border-radius:1rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.winner-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-.25rem)}.winner-rank{align-items:center;background:#ffffff1a;border-radius:.5rem;color:#fff;display:flex;font-weight:600;height:2rem;justify-content:center;width:2rem}.winner-avatar-small{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;height:3rem;overflow:hidden;width:3rem}.winner-info{flex:1}.winner-name{color:#fff;font-weight:600;margin-bottom:.25rem}.winner-points{color:#fffc;font-size:.9rem}.stat-mini{border-radius:.5rem;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.stat-mini.correct{background:linear-gradient(135deg, #22c55e, #16a34a)}.stat-mini.wrong{background:linear-gradient(135deg, #ef4444, #dc2626)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes grow-height{0%{height:0}to{height:var(--height, 100px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:768px){.podium-display{flex-wrap:wrap;justify-content:center}.first-place{margin-bottom:2rem;order:1;width:100%}.second-place,.third-place{order:2}.winner-details-content{align-items:center;flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.stats-summary{grid-template-columns:repeat(2, 1fr)}.podium-title h1{font-size:2.5rem}.leaderboard-row.with-details,.leaderboard-table-head.with-details{grid-template-columns:60px 2fr 1fr 1fr}.accuracy-column{display:none}.quiz-title-banner h1{font-size:1.8rem}.podium-stage{align-items:center;flex-direction:column-reverse;gap:3rem;padding:1rem}.first-place{order:-1}.winner-name-banner{margin-bottom:1rem;position:relative;top:0}.podium-block{width:100% !important}.winners-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats-summary{grid-template-columns:1fr}.leaderboard-row.with-details,.leaderboard-table-head.with-details{grid-template-columns:60px 2fr 1fr}.wrong-column{display:none}.podium-title h1{font-size:2rem}}
