:global(.quiz-header-compact){padding:var(--space-4) 0!important;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.quiz-gameplay-layout-container{max-width:1400px!important;margin:0 auto;padding:0 var(--space-4)}.quiz-columns-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}@media(min-width:1024px){.quiz-columns-grid{grid-template-columns:250px 1fr 250px}}@media(min-width:1200px){.quiz-columns-grid{grid-template-columns:300px 1fr 300px}}.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);position:relative}: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}.ad-sidebar{display:none;min-height:250px}@media(min-width:1024px){.ad-sidebar{display:block;position:sticky;top:var(--space-6)}}.sidebar-ad-wrapper{display:flex;justify-content:center;align-items:center;height:100%;min-height:250px}.quiz-gameplay-container{background:#ffffffb3;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8) var(--space-8) var(--space-8);box-shadow:var(--shadow-xl);transition:all .3s ease;margin-bottom:var(--space-6);width:100%}:global(.dark-mode) .quiz-gameplay-container{background:#0f172a73;border:1px solid rgba(255,255,255,.08)}@media(min-width:1024px){.quiz-gameplay-container{max-width:760px;margin-left:auto;margin-right:auto}}.card-loading{opacity:.6;pointer-events:none}.quiz-status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.status-item{display:flex;align-items:center;gap:var(--space-2)}.status-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.status-value{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary)}.status-score-group{display:flex;gap:var(--space-4)}.status-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:#fff}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.timer-indicator{position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center}.timer-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.timer-ring-progress{stroke-dasharray:94.2;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}.timer-text{position:relative;font-size:var(--text-xs);font-weight:700;color:var(--color-text-primary);z-index:10}.progress-bar-container{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-6)}:global(.dark-mode) .progress-bar-container{background:#ffffff0f}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .4s ease}.question-body{margin-bottom:var(--space-6)}.question-body p{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);line-height:1.5}.options-container{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.option-btn{display:flex;align-items:flex-start;width:100%;background:#ffffffa6;backdrop-filter:blur(12px);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:var(--text-base);font-weight:500;text-align:left;color:var(--color-text-body);position:relative;overflow:hidden}:global(.dark-mode) .option-btn{background:#1e293b4d;border-color:#ffffff14;color:#ffffffd9}.option-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#066fef08,#066fef14);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:1}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px -5px #066fef26,0 8px 16px -6px #066fef0d}:global(.dark-mode) .option-btn:hover:not(:disabled){background:#1e293b99;border-color:var(--color-primary);box-shadow:0 10px 25px -5px #066fef40}.option-btn:hover:not(:disabled):after{opacity:1}.option-btn:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:var(--shadow-sm);transition:all .08s ease}.option-label{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e2e8f0cc;color:var(--color-text-body);font-size:var(--text-sm);font-weight:700;margin-right:var(--space-4);margin-top:2px;flex-shrink:0;transition:all .25s ease;z-index:2}:global(.dark-mode) .option-label{background:#ffffff0f;color:#ffffffb3}.option-text{z-index:2;line-height:1.45}.option-btn:hover:not(:disabled) .option-label{background:var(--color-primary);color:#fff;transform:scale(1.05)}.option-btn.selected{border-color:var(--color-primary);background:var(--color-primary-light)}:global(.dark-mode) .option-btn.selected{background:#066fef26}.option-btn.correct{border-color:var(--color-success)!important;background-color:#16a34a0f!important;color:var(--color-success)!important;box-shadow:0 4px 15px -3px #16a34a26!important}.option-btn.correct .option-label{background:var(--color-success)!important;color:#fff!important}.option-btn.incorrect{border-color:var(--color-error)!important;background-color:#dc26260f!important;color:var(--color-error)!important;box-shadow:0 4px 15px -3px #dc262626!important}.option-btn.incorrect .option-label{background:var(--color-error)!important;color:#fff!important}.option-btn:disabled{cursor:not-allowed;opacity:.8}.rationale-box{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);animation:slideDownFade .3s ease forwards}:global(.dark-mode) .rationale-box{background:#1e293b33;border-color:#ffffff0d}.rationale-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.rationale-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary)}.rationale-box p{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-body);margin:0}.quiz-navigation-container{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);width:100%}.btn-prev{display:flex;align-items:center;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all .25s ease}.btn-prev:hover{background:var(--color-bg-subtle);color:var(--color-primary);border-color:var(--color-primary)}:global(.dark-mode) .btn-prev{border-color:#ffffff14}:global(.dark-mode) .btn-prev:hover{background:#ffffff05}.btn-next{margin-left:auto}.btn-next{display:flex;align-items:center;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 14px #066fef40}.btn-next:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #066fef59}.btn-next:active{transform:translateY(0)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-ticker-wrapper{display:none;overflow:hidden;white-space:nowrap;flex-grow:1;margin:0 var(--space-4);background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:6px var(--space-4);max-width:480px;font-size:var(--text-xs);color:#fffffff2;position:relative;box-shadow:inset 0 2px 4px #0000001a}@media(min-width:640px){.quiz-ticker-wrapper{display:block}}.quiz-ticker-content{display:inline-block;padding-left:100%;animation:quiz-ticker-scroll 24s linear infinite}.quiz-ticker-content:hover{animation-play-state:paused}@keyframes quiz-ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.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}@keyframes toast-slideInUp{to{transform:translateY(0);opacity:1}}@keyframes toast-fadeOutDown{to{transform:translateY(20px);opacity:0}}