.quiz-heading{max-width:850px}.quiz{margin-top:20px}.quiz-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0;list-style:none}.quiz-progress li{padding:10px;text-align:center;color:var(--muted);border-bottom:2px solid var(--line)}.quiz-progress li.active{color:#fff;border-color:var(--violet)}.quiz-panel{margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.quiz-panel h2{margin:4px 0}.quiz-count{color:var(--muted)}.quiz-options{display:flex;gap:9px;flex-wrap:wrap;max-height:390px;overflow:auto;padding:5px 2px 15px}.quiz-options button{padding:10px 14px;border:1px solid #393a49;border-radius:999px;background:#1b1c29;color:#fff;cursor:pointer}.quiz-options button:hover{border-color:var(--violet);background:#2b1d3e}.quiz-controls{display:flex;justify-content:space-between;margin-top:18px}.quiz-controls button,.quiz-result-head button{padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:#242532;color:#fff;cursor:pointer}.quiz-result-head{display:flex;align-items:end;justify-content:space-between;margin:45px 0 20px}.quiz-result-head h2{margin:0}.footer-lucky,.footer-quiz{display:block;width:max-content;margin-top:10px;padding:8px 12px;border:1px solid #7040a1;border-radius:9px;color:#fff}.footer-lucky{background:#6f35ad}@media(max-width:600px){.quiz-progress{grid-template-columns:repeat(5,minmax(70px,1fr));overflow:auto}.quiz-progress li{font-size:12px}.quiz-panel{padding:20px}.quiz-options{max-height:340px}.quiz-result-head{align-items:start;gap:15px}.footer-lucky,.footer-quiz{margin-left:auto;margin-right:auto}}