.quiz-ad-container{text-align:center;background:#fff6;border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);margin-bottom:var(--space-6)}:global(.dark-mode) .quiz-ad-container{background:#0f172a40;border-color:#ffffff0d}.ad-label{font-size:10px;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:var(--space-1);opacity:.7}.ad-leaderboard{max-width:970px;margin-left:auto;margin-right:auto;min-height:90px}.leaderboard-ad-wrapper{display:flex;justify-content:center;align-items:center;min-height:90px}.results-container{background:#ffffffb3;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);text-align:center;margin-bottom:var(--space-8)}:global(.dark-mode) .results-container{background:#0f172a73;border:1px solid rgba(255,255,255,.08)}.score-circle-container{display:flex;justify-content:center;margin-bottom:var(--space-6)}.score-radial{position:relative;width:150px;height:150px}.score-radial svg{width:100%;height:100%;transform:rotate(-90deg)}.radial-fill{transition:stroke-dashoffset 1s ease-out}.score-text-inside{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-num{font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary)}.score-fraction{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.feedback-header{margin-bottom:var(--space-6)}#feedback-badge{margin-bottom:var(--space-3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.feedback-headline{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feedback-message{font-size:var(--text-md);color:var(--color-text-body);line-height:1.5;max-width:500px;margin:0 auto}.results-divider{border:0;height:1px;background:var(--color-border);margin:var(--space-6) 0;opacity:.5}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center}:global(.dark-mode) .stat-card{background:#1e293b33;border-color:#ffffff0d}.stat-icon{font-size:var(--text-lg);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-xl);font-weight:700}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.results-actions{display:flex;justify-content:center;gap:var(--space-4)}.results-actions button,.results-actions a{min-width:150px}.btn-secondary{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:var(--color-primary-light)}:global(.dark-mode) .btn-secondary:hover{background:#066fef1a}.review-panel{margin-top:var(--space-8)}.review-panel h2{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-4);color:var(--color-text-primary)}.review-list{display:flex;flex-direction:column;gap:var(--space-4)}.review-card{background:#ffffffb3;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}:global(.dark-mode) .review-card{background:#0f172a4d;border-color:#ffffff0d}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.review-q-num{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.review-q-text{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);flex:1;margin:0}.review-answers-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-bottom:var(--space-3)}@media(min-width:640px){.review-answers-grid{grid-template-columns:repeat(2,1fr)}}.review-ans-item{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-body)}:global(.dark-mode) .review-ans-item{background:#ffffff08;border-color:#ffffff0d}.review-ans-item.correct{background:#16a34a14;border-color:#16a34a4d;color:var(--color-success);font-weight:600}.review-ans-item.selected{background:#dc262614;border-color:#dc26264d;color:var(--color-error);font-weight:600}.review-rationale{font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px dashed var(--color-border);padding-top:var(--space-2);margin:0;line-height:1.5}:global(.dark-mode) .review-rationale{border-color:#ffffff0f}.leaderboard-card{text-align:left!important}.leaderboard-header{display:flex;flex-direction:column;margin-bottom:var(--space-6);position:relative;gap:var(--space-3)}@media(min-width:640px){.leaderboard-header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:0}}.leaderboard-header h2{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin:0}.leaderboard-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:0}.live-indicator{display:inline-flex;align-items:center;gap:var(--space-2);background:#22c55e1a;color:#16a34a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;align-self:flex-start}:global(.dark-mode) .live-indicator{background:#22c55e26;color:#4ade80}@media(min-width:640px){.live-indicator{align-self:auto}}.pulse-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;display:inline-block;animation:pulse-ring-animation 1.5s infinite ease-in-out}:global(.dark-mode) .pulse-dot{background-color:#4ade80}@keyframes pulse-ring-animation{0%{transform:scale(.85);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.85);box-shadow:0 0 #22c55e00}}.leaderboard-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-subtle)}:global(.dark-mode) .leaderboard-table-wrapper{border-color:#ffffff0f;background:#1e293b26}.leaderboard-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.leaderboard-table th{padding:var(--space-3) var(--space-4);background:#00000005;color:var(--color-text-muted);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--color-border)}:global(.dark-mode) .leaderboard-table th{background:#ffffff05;border-bottom-color:#ffffff0f}.leaderboard-table td{padding:var(--space-3.5) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-body);vertical-align:middle}:global(.dark-mode) .leaderboard-table td{border-bottom-color:#ffffff0a}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr{transition:background-color .25s ease}.leaderboard-table tr:hover{background:#00000004}:global(.dark-mode) .leaderboard-table tr:hover{background:#ffffff04}.leaderboard-row-user{background:linear-gradient(135deg,#066fef14,#066fef08)!important;font-weight:600}.leaderboard-row-user-current{background:linear-gradient(135deg,#066fef1f,#066fef0f)!important;box-shadow:inset 4px 0 0 var(--color-primary);font-weight:700}.leaderboard-row-user-current td{color:var(--color-text-primary)!important}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800}.rank-1{background:linear-gradient(135deg,#fef08a,#eab308);color:#854d0e;box-shadow:0 2px 8px #eab3084d}.rank-2{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#475569;box-shadow:0 2px 8px #94a3b833}.rank-3{background:linear-gradient(135deg,#ffedd5,#d97706);color:#7c2d12;box-shadow:0 2px 8px #d9770640}.rank-other{color:var(--color-text-muted)}.user-tag{font-size:10px;background:var(--color-primary);color:#fff;padding:1px 6px;border-radius:var(--radius-md);margin-left:var(--space-2);font-weight:700;text-transform:uppercase;letter-spacing:.02em;display:inline-block;vertical-align:middle}.user-tag-current{background:var(--color-success);animation:flash-badge 2s infinite ease-in-out}@keyframes flash-badge{0%,to{opacity:.9}50%{opacity:.65}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:360px;width:calc(100% - var(--space-12))}@media(max-width:480px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);width:auto;max-width:none}}.activity-toast{pointer-events:auto;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;align-items:center;gap:var(--space-3);transform:translateY(100px);opacity:0;animation:toast-slideInUp .3s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease}:global(.dark-mode) .activity-toast{background:#0f172af2;border-color:#ffffff14;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006}.activity-toast.dismissing{animation:toast-fadeOutDown .3s ease forwards}.toast-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-md);flex-shrink:0}:global(.dark-mode) .toast-avatar{background:#066fef33}.toast-content{flex-grow:1}.toast-title{font-weight:700;color:var(--color-text-primary);font-size:var(--text-sm);margin:0;line-height:1.2}.toast-desc{color:var(--color-text-muted);font-size:var(--text-xs);margin:var(--space-0.5) 0 0 0;line-height:1.3}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-md);padding:0;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}.row-animate-new{animation:highlight-row-animation 2s cubic-bezier(.25,1,.5,1)}@keyframes highlight-row-animation{0%{background-color:#22c55e40}to{background-color:transparent}}@keyframes toast-slideInUp{to{transform:translateY(0);opacity:1}}@keyframes toast-fadeOutDown{to{transform:translateY(20px);opacity:0}}