.challenge-play{max-width:75rem;margin:auto}.challenge-wallet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.challenge-wallet>div{border:1px solid var(--line);border-radius:var(--ds-radius);padding:1rem;background:var(--ice)}.challenge-wallet span{display:block;font-size:.85rem;color:var(--muted)}.challenge-wallet b{display:block;font-size:1.8rem;color:var(--navy);margin-top:.3rem;font-variant-numeric:tabular-nums}.challenge-storage-note{font-size:.86rem;color:var(--muted);line-height:1.7}.quiz-intro,.quiz-summary,.quiz-question{border:1px solid var(--line);border-radius:var(--ds-radius);padding:clamp(1.1rem,3vw,2rem);margin-top:1.5rem}.quiz-intro h2,.quiz-question h2,.quiz-summary h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.5;margin:.7rem 0 1.3rem}.quiz-question>header{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--blue)}.challenge-play progress,.challenge-rewards progress{width:100%;height:.65rem;accent-color:var(--blue);margin-top:1rem}.quiz-options{display:grid;gap:.7rem}.quiz-options button{display:flex;align-items:start;text-align:start;gap:.8rem;padding:1rem;border:1px solid var(--line);background:white;border-radius:.4rem;color:var(--ink);width:100%;min-height:3.2rem;line-height:1.65}.quiz-options button:not(:disabled):hover{border-color:var(--blue);background:var(--ice)}.quiz-options button:disabled{opacity:1}.quiz-options b{color:var(--blue);flex-shrink:0}.quiz-options .quiz-correct{border-color:#23714d;background:#edf7f0}.quiz-options .quiz-incorrect{border-color:#a23d3d;background:#fff2f1}.quiz-feedback{padding:1rem;border-inline-start:3px solid var(--blue);background:var(--ice);margin-block:1rem;line-height:1.75}.quiz-feedback a{min-height:2.75rem;display:inline-flex;align-items:center;font-size:.9rem}.quiz-summary>a{display:inline-block;margin:1rem}.challenge-rewards{background:var(--ice)}.reward-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reward-groups article{padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--ds-radius)}.reward-groups h3{font-size:1.3rem;margin:.2rem 0 1rem}.reward-groups ul{list-style:none;margin:0;padding:0}.reward-groups li{padding:1rem 0;border-top:1px solid var(--line)}.reward-groups li>div{display:flex;justify-content:space-between;gap:1rem;align-items:center}.reward-groups li span{font-weight:750;color:var(--blue)}.reward-groups small{display:block;margin-top:.4rem;color:var(--muted);font-size:.82rem}.challenge-gateway{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ice);border-block:1px solid var(--line)}.challenge-gateway h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.4;margin:.5rem 0}.challenge-gateway .button{flex-shrink:0}@media(max-width:760px){.challenge-wallet{gap:.5rem}.challenge-wallet>div{padding:.8rem}.challenge-wallet b{font-size:1.3rem}.challenge-wallet span{font-size:.73rem}.reward-groups{grid-template-columns:1fr}.challenge-gateway{display:block}.challenge-gateway .button{margin-top:.7rem}.quiz-question>header{font-size:.8rem}.quiz-options button{padding:.8rem}.quiz-summary>a{margin:1rem 0 0;display:block}}@media(max-width:370px){.challenge-wallet{grid-template-columns:1fr}.challenge-wallet>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.challenge-wallet b{margin:0}.quiz-question>header{flex-wrap:wrap}}
/* Pass 5: existing challenge controls and practice progress. */
.challenge-wallet{grid-template-columns:repeat(3,minmax(0,1fr))}.challenge-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.challenge-filters label{font-size:.9rem;font-weight:700;min-width:0}.challenge-filters select{display:block;width:100%;min-height:2.9rem;padding:.65rem;border:1px solid var(--line);border-radius:.35rem;background:white;color:var(--ink);margin-top:.4rem}.next-reward-progress{margin-top:1rem;border:1px solid var(--line);border-radius:var(--ds-radius);padding:1rem}.next-reward-progress label{font-size:.9rem;font-weight:700}.next-reward-progress p{margin:.6rem 0 0;font-size:.85rem;color:var(--muted)}.quiz-summary-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.quiz-summary-actions a{min-height:2.75rem;display:flex;align-items:center}.challenge-wallet b{overflow-wrap:anywhere}
@media(max-width:760px){.challenge-filters{grid-template-columns:1fr;gap:.75rem}.challenge-wallet{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-wallet b{font-size:1.2rem}.quiz-summary-actions{align-items:stretch;flex-direction:column}.quiz-summary-actions .button{width:100%}}
@media(max-width:370px){.challenge-wallet{grid-template-columns:1fr}.challenge-wallet>div{display:flex;align-items:center;justify-content:space-between}}