.feather-bg{opacity:.08;z-index:0;pointer-events:none;width:420px;animation:12s ease-in-out infinite alternate featherSway;position:fixed;top:0;right:-80px}@keyframes featherSway{0%{transform:rotate(-5deg)translateY(0)}to{transform:rotate(5deg)translateY(-20px)}}.quiz-page-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;max-width:700px;min-height:100dvh;margin:0 auto;padding:40px 20px;display:flex;position:relative}.quiz-page-content{width:100%}.quiz-back-link{color:var(--accent-gold);-webkit-backdrop-filter:blur(12px)saturate(180%);background:#c9a22714;border:1px solid #c9a22740;border-top-color:#ffffff1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.quiz-back-link:hover{color:var(--accent-gold-light);background:#c9a22726;border-color:#c9a22766;transform:translate(-4px);box-shadow:0 8px 24px #c9a22733,inset 0 1px #ffffff1f}.quiz-card-label{letter-spacing:.28em;text-transform:uppercase;color:var(--accent-teal-light);opacity:.8;font-size:.65rem;font-weight:600}.quiz-card-title{color:var(--accent-gold-light);margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600}.quiz-progress-container{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#c9a22726 0%,#14083c80 100%);border:1px solid #c9a22733;border-top-color:#ffffff14;border-radius:50px;height:6px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0f}.quiz-progress-bar{background:linear-gradient(90deg, var(--accent-gold), var(--accent-teal));border-radius:50px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #c9a22780,0 0 40px #00b4d84d}.quiz-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmerProgress;position:absolute;inset:0}@keyframes shimmerProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz-instructions-screen{padding:8px 0 20px}.quiz-instructions-title{color:var(--accent-gold-light);text-align:center;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600}.quiz-instructions-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:.88rem;line-height:1.6}.quiz-rules-list{flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.quiz-rule-item{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px)saturate(160%);background:linear-gradient(135deg,#c9a22712 0%,#14083c73 100%);border:1px solid #c9a2272e;border-top-color:#ffffff12;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;box-shadow:0 4px 16px #0000002e,inset 0 1px #ffffff0d}.quiz-rule-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.quiz-rule-item strong{color:var(--accent-gold-light);margin-bottom:4px;font-family:Montserrat,sans-serif;font-size:.9rem;display:block}.quiz-rule-item p{color:var(--text-muted);margin:0;font-size:.83rem;line-height:1.6}.quiz-rule-item em{color:var(--accent-teal-light);font-style:normal}.quiz-start-screen{text-align:center;padding:20px 0}.quiz-start-icon{margin-bottom:20px;font-size:4rem;animation:3s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quiz-start-description{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.7}.quiz-start-btn{justify-content:center;width:100%;margin-top:20px}.quiz-already-completed{text-align:center;padding:20px 0}.quiz-completed-icon{margin-bottom:20px;font-size:4rem;animation:2s ease-in-out infinite iconPulse;display:inline-block}.quiz-completed-title{color:var(--accent-gold-light);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600}.quiz-completed-message{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.7}.quiz-completed-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.quiz-completed-actions .btn-gold,.quiz-completed-actions .btn-outline{justify-content:center;width:100%;max-width:300px}.quiz-question-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.quiz-question-number{letter-spacing:.2em;color:var(--accent-teal-light);text-transform:uppercase;margin-bottom:0;font-size:.7rem}.quiz-timer{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.quiz-timer-ring{width:100%;height:100%;position:absolute;inset:0}.quiz-timer-ring-bg{stroke:#c9a22726}.quiz-timer-ring-fill{stroke:var(--accent-gold);transition:stroke-dasharray .9s linear,stroke .3s}.quiz-timer.warning .quiz-timer-ring-fill{stroke:#f59e0b}.quiz-timer.danger .quiz-timer-ring-fill{stroke:#ff6b6b;animation:.5s ease-in-out infinite alternate timerPulse}@keyframes timerPulse{0%{opacity:1}to{opacity:.5}}.quiz-timer-number{color:var(--accent-gold-light);font-family:Cinzel Decorative,serif;font-size:.95rem;font-weight:700;line-height:1;position:relative}.quiz-timer.warning .quiz-timer-number{color:#f59e0b}.quiz-timer.danger .quiz-timer-number{color:#ff6b6b}.quiz-timer.overdue{background:linear-gradient(135deg,#ff6b6b2e 0%,#14083c99 100%);border:1px solid #ff6b6b73;border-radius:50px;width:auto;height:auto;padding:6px 12px;animation:1s ease-in-out infinite alternate overdueFlash}@keyframes overdueFlash{0%{box-shadow:0 0 8px #ff6b6b4d}to{box-shadow:0 0 20px #ff6b6b99}}.quiz-timer-overdue-label{letter-spacing:.12em;color:#ff6b6b;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:700}.quiz-points-badge{text-align:center;border-radius:50px;margin-bottom:14px;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) badgePop}@keyframes badgePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.quiz-points-badge.correct{color:#3ddc84;background:linear-gradient(135deg,#3ddc842e 0%,#14083c80 100%);border:1px solid #3ddc8466;box-shadow:0 4px 20px #3ddc8440}.quiz-points-badge.incorrect{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b26 0%,#14083c80 100%);border:1px solid #ff6b6b59;box-shadow:0 4px 20px #ff6b6b33}.quiz-overdue-tag{opacity:.8;font-size:.78rem;font-weight:400}.quiz-breakdown{text-align:left;flex-direction:column;gap:8px;margin:20px 0 24px;display:flex}.quiz-breakdown-row{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:.85rem;display:flex}.quiz-breakdown-row.correct{background:linear-gradient(135deg,#3ddc841a 0%,#14083c66 100%);border:1px solid #3ddc8440}.quiz-breakdown-row.incorrect{background:linear-gradient(135deg,#ff6b6b1a 0%,#14083c66 100%);border:1px solid #ff6b6b40}.quiz-breakdown-q{color:var(--text-muted);min-width:28px;font-weight:700}.quiz-breakdown-status{color:var(--text-primary);flex:1}.quiz-breakdown-row.correct .quiz-breakdown-status{color:#3ddc84}.quiz-breakdown-row.incorrect .quiz-breakdown-status{color:#ff6b6b}.quiz-breakdown-pts{color:var(--accent-gold-light);font-weight:600}.quiz-question-text{margin-bottom:28px;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;line-height:1.4}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.quiz-option{border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--text-primary);-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(135deg,#c9a22712 0%,#14083c80 100%);border:1px solid #c9a2272e;border-top-color:#ffffff14;padding:14px 18px;font-family:Montserrat,sans-serif;font-size:.88rem;line-height:1.4;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0f}.quiz-option:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#c9a22766,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.quiz-option:hover:not(:disabled){background:linear-gradient(135deg,#c9a2271f 0%,#14083c99 100%);border-color:#c9a22773;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #c9a2272e,0 4px 12px #0000004d,inset 0 1px #ffffff1a}.quiz-option:hover:not(:disabled):before{opacity:1}.quiz-option.selected{background:linear-gradient(135deg,#00b4d826 0%,#14083c99 100%);border-color:#00b4d880;box-shadow:0 8px 24px #00b4d833,inset 0 1px #ffffff1f}.quiz-option.correct{color:#3ddc84;background:linear-gradient(135deg,#3ddc842e 0%,#14083c99 100%);border-color:#3ddc84;animation:.6s cubic-bezier(.34,1.56,.64,1) correctPulse;box-shadow:0 8px 32px #3ddc844d,inset 0 1px #ffffff26}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quiz-option.incorrect{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b2e 0%,#14083c99 100%);border-color:#ff6b6b;animation:.5s incorrectShake;box-shadow:0 8px 32px #ff6b6b4d,inset 0 1px #ffffff26}@keyframes incorrectShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.quiz-option:disabled{cursor:default}.quiz-feedback-box{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#c9a2271f 0%,#14083c99 100%);border:1px solid #c9a2274d;border-top-color:#ffffff1f;align-items:center;gap:16px;margin-bottom:20px;padding:20px;animation:.5s cubic-bezier(.34,1.56,.64,1) feedbackSlideIn;display:flex;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.quiz-feedback-icon{background:linear-gradient(135deg,#c9a22733 0%,#00b4d826 100%);border:2px solid #c9a22766;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;font-weight:700;display:flex;box-shadow:0 4px 16px #c9a2274d}.quiz-option.correct~.quiz-feedback-box .quiz-feedback-icon{color:#3ddc84;background:linear-gradient(135deg,#3ddc8433 0%,#3ddc841a 100%);border-color:#3ddc84;box-shadow:0 4px 20px #3ddc8466}.quiz-feedback-box:has(+.quiz-option.correct) .quiz-feedback-icon{color:#3ddc84;background:linear-gradient(135deg,#3ddc8433 0%,#3ddc841a 100%);border-color:#3ddc84;box-shadow:0 4px 20px #3ddc8466}.quiz-feedback-text{color:var(--text-primary);flex:1;font-size:.88rem;font-style:italic;line-height:1.6}.quiz-toast{border-radius:var(--radius);-webkit-backdrop-filter:blur(30px)saturate(180%);z-index:1000;background:linear-gradient(135deg,#c9a22726 0%,#14083cd9 100%);border:1px solid #c9a22766;border-top:2px solid #fff3;align-items:center;gap:16px;width:calc(100% - 40px);max-width:600px;padding:20px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) toastSlideUp,1s ease-in 7s forwards toastFadeOut;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #00000080,inset 0 2px #ffffff26}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(100px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(20px)scale(.95)}}@media (min-width:600px){.quiz-toast{width:auto;min-width:320px;max-width:400px;animation:.5s cubic-bezier(.34,1.56,.64,1) toastSlideLeft,1s ease-in 7s forwards toastFadeOutRight;inset:20px 20px auto auto;transform:none}@keyframes toastSlideLeft{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastFadeOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(50px)scale(.95)}}}.quiz-toast.correct{background:linear-gradient(135deg,#3ddc8433 0%,#14083cd9 100%);border-color:#3ddc84;box-shadow:0 12px 48px #3ddc844d,inset 0 2px #3ddc844d}.quiz-toast.incorrect{background:linear-gradient(135deg,#ff6b6b33 0%,#14083cd9 100%);border-color:#ff6b6b;box-shadow:0 12px 48px #ff6b6b4d,inset 0 2px #ff6b6b4d}.quiz-toast-icon{background:linear-gradient(135deg,#c9a22740 0%,#00b4d833 100%);border:2px solid #c9a22780;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;font-weight:700;display:flex;box-shadow:0 4px 20px #c9a22766}.quiz-toast.correct .quiz-toast-icon{color:#3ddc84;background:linear-gradient(135deg,#3ddc844d 0%,#3ddc8426 100%);border-color:#3ddc84;box-shadow:0 4px 24px #3ddc8480}.quiz-toast.incorrect .quiz-toast-icon{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b4d 0%,#ff6b6b26 100%);border-color:#ff6b6b;box-shadow:0 4px 24px #ff6b6b80}.quiz-toast-content{flex:1}.quiz-toast-title{color:var(--accent-gold-light);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.quiz-toast.correct .quiz-toast-title{color:#3ddc84}.quiz-toast.incorrect .quiz-toast-title{color:#ff6b6b}.quiz-toast-text{color:var(--text-primary);font-size:.88rem;line-height:1.5}.quiz-toast.high-dpi{z-index:9999;width:calc(100% - 40px);max-width:520px;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#c9a227 0%,#14083c 100%)!important;border-color:#fff9!important;animation:.4s cubic-bezier(.34,1.56,.64,1) toastCenterPop,1s ease-in 4s forwards toastFadeOut!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 20px 60px #000c,0 0 0 2px #ffffff26!important}.quiz-toast.high-dpi.correct{background:linear-gradient(135deg,#14643c 0%,#0a0528 100%)!important;border-color:#3ddc84!important;box-shadow:0 20px 60px #000c,0 0 0 2px #3ddc8480!important}.quiz-toast.high-dpi.incorrect{background:linear-gradient(135deg,#641414 0%,#0a0528 100%)!important;border-color:#ff6b6b!important;box-shadow:0 20px 60px #000c,0 0 0 2px #ff6b6b80!important}@keyframes toastCenterPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.quiz-next-btn{justify-content:center;width:100%;margin-top:20px}.quiz-results{text-align:center;animation:.8s cubic-bezier(.34,1.56,.64,1) resultsAppear}@keyframes resultsAppear{0%{opacity:0;transform:scale(.85)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-score-display{color:var(--accent-gold-light);text-shadow:0 0 40px #c9a22780,0 0 80px #c9a2274d;margin-bottom:8px;font-family:Cinzel Decorative,serif;font-size:4rem;animation:2s ease-in-out infinite scorePulse}@keyframes scorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-score-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;font-size:.8rem}.quiz-score-message{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.quiz-submit-score-btn{justify-content:center;width:100%;margin-bottom:16px}.quiz-submitting{text-align:center;padding:20px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-submitting-spinner{border:4px solid #c9a22733;border-top:4px solid var(--accent-gold);border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-submitting-text{color:var(--text-muted);font-size:.9rem}.quiz-submitted{text-align:center;padding:20px;animation:.5s fadeIn}.quiz-submitted-icon{color:#3ddc84;background:linear-gradient(135deg,#3ddc8433 0%,#3ddc841a 100%);border:2px solid #3ddc84;border-radius:50%;width:64px;height:64px;margin:0 auto 16px;font-size:2rem;line-height:64px;animation:.6s cubic-bezier(.34,1.56,.64,1) successPop;box-shadow:0 4px 24px #3ddc8466}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quiz-submitted-text{color:var(--text-muted);font-size:.9rem}.quiz-submit-row{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 0;display:flex}.quiz-name-input{flex:1;min-width:140px;border-radius:50px!important;padding:12px 20px!important}.quiz-leaderboard-link{margin-top:0}.quiz-leaderboard-btn{justify-content:center;width:100%}@media (max-width:768px){.quiz-options-grid{grid-template-columns:1fr}.quiz-page-wrapper{align-items:flex-start;padding:40px 16px 32px}.quiz-card-title{font-size:clamp(1.5rem,4vw,2rem)}.quiz-question-text{font-size:1.25rem}.feather-bg{width:280px;right:-40px}.quiz-feedback-box{gap:12px;padding:16px}.quiz-feedback-icon{width:40px;height:40px;font-size:1.5rem}.quiz-toast{gap:14px;width:calc(100% - 32px);padding:18px 20px;bottom:24px}.quiz-toast-icon{width:44px;height:44px;font-size:1.6rem}.quiz-toast-title{font-size:1.05rem}.quiz-toast-text{font-size:.85rem}.quiz-timer{width:46px;height:46px}.quiz-timer-number{font-size:.85rem}.quiz-rule-item{gap:12px;padding:14px}.quiz-rule-icon{font-size:1.2rem}}@media (max-width:480px){.quiz-page-wrapper{padding:32px 14px 24px}.quiz-card-title{font-size:clamp(1.3rem,5vw,1.8rem)}.quiz-question-text{margin-bottom:20px;font-size:1.1rem}.quiz-option{padding:12px 14px;font-size:.84rem}.quiz-score-display{font-size:3rem}.quiz-submit-row{flex-direction:column;gap:10px}.quiz-name-input{width:100%;min-width:unset}.quiz-submit-row .btn-gold{justify-content:center;width:100%}.quiz-submit-score-btn{width:100%}.quiz-progress-container{margin-bottom:24px}.feather-bg{display:none}.quiz-feedback-box{gap:10px;padding:14px}.quiz-feedback-icon{width:36px;height:36px;font-size:1.3rem}.quiz-feedback-text{font-size:.82rem}.quiz-toast{gap:12px;width:calc(100% - 28px);padding:16px 18px;bottom:20px}.quiz-toast-icon{width:40px;height:40px;font-size:1.5rem}.quiz-toast-title{font-size:1rem}.quiz-toast-text{font-size:.82rem}.quiz-start-icon,.quiz-completed-icon{font-size:3rem}.quiz-completed-title{font-size:1.5rem}.quiz-start-description,.quiz-completed-message{font-size:.88rem}}@media (max-width:360px){.quiz-page-wrapper{padding:28px 12px 20px}.quiz-option{padding:10px 12px;font-size:.8rem}.quiz-score-display{font-size:2.5rem}.quiz-feedback-box{gap:8px;padding:12px}.quiz-feedback-icon{width:32px;height:32px;font-size:1.1rem}.quiz-feedback-text{font-size:.78rem}.quiz-toast{gap:10px;width:calc(100% - 24px);padding:14px 16px;bottom:16px}.quiz-toast-icon{width:36px;height:36px;font-size:1.3rem}.quiz-toast-title{font-size:.95rem}.quiz-toast-text{font-size:.78rem}.quiz-start-icon,.quiz-completed-icon{font-size:2.5rem}.quiz-completed-title{font-size:1.3rem}}