.quiz-card{flex-direction:column;gap:0;width:100%;max-height:calc(100dvh - 90px);padding:20px 18px;display:flex;overflow:hidden}.quiz-screen{flex-direction:column;flex-grow:1;gap:14px;display:flex;overflow-y:auto}.quiz-screen.hidden{display:none!important}.quiz-start-header{text-align:center}.quiz-main-title{color:var(--dark-green);letter-spacing:-.5px;text-transform:uppercase;margin-bottom:4px;font-size:1.6rem;font-weight:900}.quiz-subtitle-text{color:var(--terracotta);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.quiz-video-container{aspect-ratio:1;border-radius:20px;flex-shrink:0;max-width:240px;margin:0 auto;box-shadow:0 8px 24px #0000001f}.quiz-intro-text{text-align:center;color:#555;font-size:.92rem;line-height:1.5}.btn-quiz-start{background:linear-gradient(135deg, var(--dark-green), #116b54);color:#fff;letter-spacing:.3px;cursor:pointer;border:none;border-radius:16px;flex-shrink:0;width:100%;padding:15px;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #0a4d3c40}.btn-quiz-start:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0a4d3c59}.quiz-progress-bar-container{flex-shrink:0;align-items:center;gap:10px;display:flex}.quiz-progress-bar{background:#e8e4dd;border-radius:10px;flex-grow:1;height:8px;position:relative;overflow:hidden}.quiz-progress-bar:after{content:"";height:100%;width:var(--progress,0%);background:linear-gradient(90deg, var(--dark-green), #1a9972);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.quiz-progress-label{color:var(--dark-green);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:700}.quiz-step{flex-direction:column;flex-grow:1;gap:14px;animation:.35s stepFadeIn;display:flex}.quiz-step.hidden{display:none!important}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-question-title{color:var(--dark-green);text-align:center;font-size:1.05rem;font-weight:800;line-height:1.3}.quiz-image-wrapper{flex-grow:1;justify-content:center;align-items:center;min-height:0;display:flex}.quiz-image-wrapper img{object-fit:contain;border-radius:16px;width:100%;max-height:32vh;box-shadow:0 4px 16px #0000001a}.quiz-question-bubble{background:linear-gradient(135deg,#f9f6f2,#fff);border:1.5px solid #ede8e0;border-radius:20px;flex-direction:column;flex-grow:1;gap:12px;padding:20px;display:flex;box-shadow:0 4px 16px #0000000d}.quiz-question-icon{text-align:center;font-size:2rem}.quiz-context-text{color:#555;text-align:center;flex-grow:1;font-size:.9rem;line-height:1.6;overflow-y:auto}.quiz-question-text{color:var(--terracotta);text-align:center;border-top:1px solid #ede8e0;padding-top:8px;font-size:1rem;font-weight:800;line-height:1.4}.quiz-choose-label{color:#999;text-transform:uppercase;letter-spacing:.8px;text-align:center;flex-shrink:0;font-size:.8rem;font-weight:700}.quiz-options-grid{flex-direction:column;flex-grow:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.quiz-option-btn{appearance:none;cursor:pointer;text-align:left;color:#333;background:linear-gradient(135deg,#f9f6f2,#fff);border:1.5px solid #ede8e0;border-radius:16px;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.quiz-option-btn:hover,.quiz-option-btn:active{background:linear-gradient(135deg, var(--terracotta), #b06938);border-color:var(--terracotta);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #c8794140}.quiz-option-letter{background:var(--dark-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;transition:background .2s,color .2s;display:flex}.quiz-option-btn:hover .quiz-option-letter,.quiz-option-btn:active .quiz-option-letter{color:#fff;background:#ffffff40}.quiz-option-text{color:inherit;flex-grow:1;font-size:.9rem;font-weight:600;line-height:1.4}.btn-quiz-action{cursor:pointer;letter-spacing:.2px;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:14px 20px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.btn-quiz-action--primary{background:linear-gradient(135deg, var(--dark-green), #116b54);color:#fff;box-shadow:0 5px 18px #0a4d3c33}.btn-quiz-action--primary:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0a4d3c4d}.btn-quiz-action--secondary{background:linear-gradient(135deg, var(--terracotta), #b06938);color:#fff;box-shadow:0 5px 18px #c8794133}.btn-quiz-action--secondary:hover{transform:translateY(-2px);box-shadow:0 9px 24px #c879414d}.quiz-final-screen{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:16px;display:flex}.quiz-final-emoji{font-size:3.5rem;animation:.5s bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quiz-final-title{color:var(--dark-green);text-transform:uppercase;font-size:1.5rem;font-weight:900}.quiz-final-img{object-fit:contain;border-radius:16px;width:100%;max-height:32vh;box-shadow:0 4px 16px #0000001a}.quiz-final-text{color:#555;max-height:20vh;font-size:.88rem;line-height:1.6;overflow-y:auto}.quiz-modal-overlay{justify-content:center;align-items:center;padding:20px;display:flex}.quiz-modal-content{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:32px 24px 28px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeScale;display:flex;position:relative}@keyframes modalFadeScale{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.modal-icon-wrapper{font-size:3rem;line-height:1}.modal-verdict-title{text-transform:uppercase;letter-spacing:-.3px;font-size:1.4rem;font-weight:900}.modal-feedback-text{color:#555;width:100%;max-height:20vh;font-size:.88rem;line-height:1.6;overflow-y:auto}.btn-modal-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.btn-modal-close:hover{background:var(--terracotta);color:#fff}.quiz-options-grid::-webkit-scrollbar{width:4px}.quiz-context-text::-webkit-scrollbar{width:4px}.modal-feedback-text::-webkit-scrollbar{width:4px}.quiz-final-text::-webkit-scrollbar{width:4px}.quiz-options-grid::-webkit-scrollbar-thumb{background:var(--terracotta);border-radius:10px}.quiz-context-text::-webkit-scrollbar-thumb{background:var(--terracotta);border-radius:10px}.modal-feedback-text::-webkit-scrollbar-thumb{background:var(--terracotta);border-radius:10px}.quiz-final-text::-webkit-scrollbar-thumb{background:var(--terracotta);border-radius:10px}