.quiz-card{max-width:720px;margin-left:auto;margin-right:auto}
.quiz-card label,.card label{display:block;margin:15px 0 6px;font-weight:700}
.quiz-card .row{margin:14px 0}
.quiz-random{margin:18px 0;padding:12px;background:#eef6f3;border-radius:14px}
.quiz-random label{margin:0}
.quiz-random select{font:inherit;border:2px solid #bdcec8;border-radius:10px;padding:9px;background:white}
.quiz-selected{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.quiz-candidates{max-height:470px;overflow:auto}
.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0}
.quiz-cell{height:clamp(120px,25vw,175px);border:2px solid #bdd1c6;border-radius:10px;background:#fffdf7;position:relative;background-image:linear-gradient(#e4eee8 1px,transparent 1px),linear-gradient(90deg,#e4eee8 1px,transparent 1px);background-size:50% 50%}
.quiz-pad{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
button:disabled{opacity:.48;cursor:not-allowed}
.nav button{flex:1;min-width:0;white-space:normal;line-height:1.15}
@media(max-width:620px){.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.nav{justify-content:space-around}.nav button{font-size:.7rem;padding:7px 4px}}