body.play{background:linear-gradient(135deg,#fff7fb,var(--quiz-soft,#f0f8ff));min-height:100vh}.quiz-shell{max-width:820px;margin:0 auto;padding:16px}.quiz-box{background:rgba(255,255,255,.96);border-radius:30px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.1);animation:pop .18s ease-out}@keyframes pop{from{transform:translateY(8px);opacity:.75}to{transform:none;opacity:1}}.hidden{display:none!important}.small{color:#6e6475;line-height:1.45}.quiz-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill{padding:8px 12px;border-radius:99px;background:var(--quiz-soft);font-weight:900}.progress{height:12px;border-radius:99px;background:#eee;overflow:hidden;margin:16px 0}.progress>div{height:100%;background:var(--quiz-color,#b879ff);width:0;transition:width .25s}.question{font-size:clamp(1.45rem,5vw,2.35rem);line-height:1.08;margin:14px 0 18px;letter-spacing:-.02em}.answers{display:grid;gap:10px}.answer,.mode-card,.count-chip{border:0;border-radius:20px;background:#f4efff;padding:16px;font-size:1.06rem;font-weight:900;text-align:left;cursor:pointer;color:#211a24}.answer{transition:.12s transform,.12s background}.answer:active{transform:scale(.99)}.answer.correct{background:#bcf3ca}.answer.wrong{background:#ffcbd3}.answer.missed{box-shadow:inset 0 0 0 3px #9fe4b1}.quiz-img{width:100%;max-height:370px;object-fit:cover;border-radius:24px;background:#f1edf5;margin:4px 0 14px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-option{border:4px solid transparent;border-radius:20px;background:#fff;padding:6px;cursor:pointer}.image-option img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#f2eef6}.image-option.correct{border-color:#65d982;background:#d9f8e1}.image-option.wrong{border-color:#ff8fa3;background:#ffe0e6}.start-actions,.mode-grid{display:grid;gap:10px}.mode-grid{grid-template-columns:1fr 1fr;margin:14px 0}.mode-card{background:#fff;box-shadow:inset 0 0 0 2px #eee;display:grid;gap:6px}.mode-card.selected{box-shadow:inset 0 0 0 3px var(--quiz-color);background:var(--quiz-soft)}.mode-card span{font-size:30px}.mode-card small{font-weight:600;color:#6c6371}.count-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.count-chip{width:auto;border-radius:999px;padding:10px 14px;background:#fff;box-shadow:inset 0 0 0 2px #eee}.count-chip.selected{background:var(--quiz-color);color:#fff;box-shadow:none}.avatar-row{display:flex;gap:8px;flex-wrap:wrap}.avatar{border:2px solid #eee;background:#fff;border-radius:16px;padding:10px;font-size:26px;cursor:pointer}.avatar.selected{border-color:var(--quiz-color);background:var(--quiz-soft)}label{font-weight:900;display:grid;gap:6px}input{font-size:18px}.feedback{margin-top:14px;background:var(--quiz-soft);border-radius:20px;padding:14px;display:grid;gap:10px}.feedback strong{font-size:1.1rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.result-stats div{background:var(--quiz-soft);border-radius:18px;padding:14px;text-align:center}.result-stats b{display:block;font-size:1.5rem}.resume-box{background:#fff8d8;border:1px solid #ead076;border-radius:18px;padding:12px;margin:12px 0}.top-link{display:inline-flex;margin-bottom:12px;text-decoration:none;color:#211a24;font-weight:900}@media(max-width:600px){.quiz-shell{padding:10px}.quiz-box{border-radius:24px;padding:16px}.mode-grid{grid-template-columns:1fr}.image-grid{gap:8px}.answer{font-size:1rem}.result-stats{grid-template-columns:1fr 1fr}.quiz-head{align-items:flex-start}.quiz-img{max-height:310px}}
