.quiz-hero{background:linear-gradient(135deg,#C13912,#DD2476);padding:2rem 0 1.5rem}.quiz-breadcrumbs{padding-bottom:.5rem}.quiz-container-section{padding:2rem 0 4rem}.quiz-start-screen{text-align:center;padding:3rem 1.5rem;background:white;border-radius:1.5rem;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-top:-2rem;position:relative;z-index:10}.quiz-start-inner{max-width:400px;margin:0 auto}.quiz-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#C13912,#DD2476);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 32px rgba(255,81,47,.3)}.quiz-icon{font-size:36px!important;color:white}.quiz-start-title{font-size:1.75rem;font-weight:800;color:#1a1a1a;margin-bottom:.5rem;line-height:1.2}.quiz-start-subtitle{font-size:1rem;color:#4b5563;margin-bottom:2rem;line-height:1.5}.quiz-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.quiz-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;background:#f3f4f6;border-radius:2rem;font-size:.8rem;font-weight:600;color:#4b5563}.quiz-pill-icon{font-size:16px!important;color:#34C759}.quiz-start-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#C13912,#DD2476);color:white;font-size:1.125rem;font-weight:700;border-radius:1rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(255,81,47,.35)}.quiz-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,81,47,.45)}.quiz-start-btn:active{transform:translateY(0)}.quiz-loading{text-align:center;padding:4rem 1.5rem;background:white;border-radius:1.5rem;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-top:-2rem;position:relative;z-index:10}.quiz-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#ff512f;border-radius:50%;margin:0 auto 1rem;animation:quiz-spin .8s linear infinite}@keyframes quiz-spin{to{transform:rotate(1turn)}}.quiz-loading-text{color:#4b5563;font-size:.9rem}.quiz-playing-screen{background:white;border-radius:1.5rem;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:1.5rem;margin-top:-2rem;position:relative;z-index:10;overflow:hidden}.quiz-play-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.quiz-question-counter{font-size:.85rem;font-weight:600;color:#4b5563}.quiz-score-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .7rem;background:linear-gradient(135deg,#C13912,#DD2476);color:white;font-size:.8rem;font-weight:700;border-radius:2rem}.quiz-progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#C13912,#DD2476);border-radius:3px;transition:width .4s ease}@keyframes timer-shrink{0%{width:100%}to{width:0}}.timer-bar-animate{animation:timer-shrink linear forwards}.quiz-word-card{text-align:center;padding:2.5rem 1.5rem;margin:1.5rem 0;background:#f9fafb;border-radius:1rem;border:2px solid transparent;transition:border-color .3s,background-color .3s,transform .3s;position:relative}.quiz-word-correct{border-color:#34C759;background-color:rgba(52,199,89,.05);animation:quiz-pulse-green .4s ease}.quiz-word-wrong{border-color:#FF3B30;background-color:rgba(255,59,48,.05);animation:quiz-shake .4s ease}@keyframes quiz-pulse-green{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes quiz-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.quiz-level-badge{display:inline-block;padding:.2rem .6rem;background:linear-gradient(135deg,#C13912,#DD2476);color:white;font-size:.7rem;font-weight:700;border-radius:.4rem;margin-bottom:.75rem;letter-spacing:.03em}.quiz-word-text{font-size:2.5rem;font-weight:800;color:#1a1a1a;letter-spacing:-.02em;line-height:1.2}@media (min-width:640px){.quiz-word-text{font-size:3rem}}.quiz-feedback-text{margin-top:.75rem;font-size:.95rem;font-weight:600;animation:quiz-fade-in .3s ease}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-artikel-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-top:.5rem}.quiz-artikel-btn{padding:1rem;font-size:1.25rem;font-weight:800;border:3px solid;border-radius:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .3s,border-color .3s,color .3s;text-transform:lowercase;min-height:64px;display:flex;align-items:center;justify-content:center}.quiz-artikel-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.quiz-artikel-btn:not(:disabled):active{transform:translateY(0)}.quiz-btn-correct{border-color:#34C759!important;background-color:#34C759!important;color:white!important;transform:scale(1.05);box-shadow:0 4px 20px rgba(52,199,89,.4)!important}.quiz-btn-wrong{border-color:#FF3B30!important;background-color:#FF3B30!important;color:white!important;animation:quiz-shake .4s ease}.quiz-btn-disabled{opacity:.3;cursor:default;border-color:#e5e7eb!important;background-color:#f9fafb!important;color:#9ca3af!important}.quiz-result-screen{background:linear-gradient(180deg,#111827,#1f2937);border-radius:1.5rem;padding:2.5rem 1.5rem;margin-top:-2rem;position:relative;z-index:10;overflow:hidden;text-align:center}.quiz-score-circle-wrapper{position:relative;width:140px;height:140px;margin:0 auto 1.5rem}.quiz-score-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.quiz-score-number{font-size:2.5rem;font-weight:800;color:white}.quiz-score-total{font-size:1.25rem;font-weight:600;color:rgba(255,255,255,.5);margin-top:.5rem}.quiz-score-ring{transition:stroke-dashoffset 1s ease}.quiz-rating-text{font-size:1.5rem;font-weight:700;color:white;margin-bottom:2rem}.quiz-recap-list{background:rgba(255,255,255,.06);border-radius:1rem;padding:.75rem;margin-bottom:2rem;text-align:left}.quiz-recap-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:.5rem;transition:background-color .2s}.quiz-recap-item:hover{background:rgba(255,255,255,.04)}.quiz-recap-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-recap-icon.correct{background:rgba(52,199,89,.2);color:#34C759}.quiz-recap-icon.correct .material-symbols-outlined{font-size:14px!important}.quiz-recap-icon.wrong{background:rgba(255,59,48,.2);color:#FF3B30}.quiz-recap-icon.wrong .material-symbols-outlined{font-size:14px!important}.quiz-recap-word{font-size:.9rem;font-weight:600;color:white;flex:1}.quiz-recap-artikel{font-size:.85rem;font-weight:700}.quiz-recap-selected{font-size:.75rem;color:rgba(255,255,255,.4);margin-left:.25rem}.quiz-result-ctas{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.quiz-play-again-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:linear-gradient(135deg,#C13912,#DD2476);color:white;font-size:1rem;font-weight:700;border-radius:.75rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(255,81,47,.3)}.quiz-play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,81,47,.45)}.quiz-share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:rgba(255,255,255,.1);color:white;font-size:1rem;font-weight:600;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background-color .2s}.quiz-share-btn:hover{background:rgba(255,255,255,.18)}.quiz-app-promo{background:rgba(255,255,255,.06);border-radius:1rem;padding:2rem 1.5rem;border:1px solid rgba(255,255,255,.1)}.quiz-promo-icon-wrap{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,#C13912,#DD2476);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:white}.quiz-promo-title{font-size:1.125rem;font-weight:700;color:white;margin-bottom:.4rem}.quiz-promo-desc{font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:1.25rem;line-height:1.5}.quiz-store-badges{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.quiz-store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:rgba(255,255,255,.12);color:white;font-size:.85rem;font-weight:600;border-radius:.75rem;text-decoration:none;transition:background-color .2s;border:1px solid rgba(255,255,255,.15)}.quiz-store-badge:hover{background:rgba(255,255,255,.2)}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-particle{position:absolute;top:-20px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(-10vh) translateX(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) translateX(var(--drift,0)) rotate(calc(var(--rotation, 0deg) + 2turn));opacity:0}}@media (max-width:480px){.quiz-start-screen{padding:2rem 1rem;margin-top:-1.5rem;border-radius:1rem}.quiz-playing-screen{padding:1rem;margin-top:-1.5rem;border-radius:1rem}.quiz-result-screen{padding:2rem 1rem;margin-top:-1.5rem;border-radius:1rem}.quiz-word-text{font-size:2rem}.quiz-word-card{padding:2rem 1rem}.quiz-artikel-btn{padding:.75rem;font-size:1.1rem;min-height:56px}.quiz-start-title{font-size:1.5rem}.quiz-icon-wrapper{width:64px;height:64px}.quiz-icon{font-size:28px!important}}