.category-play{width:min(620px,100%);margin:auto}.category-summary{color:#6b805f;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:12px;display:flex}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.category-grid button{color:#385331;overflow-wrap:anywhere;touch-action:manipulation;background:#f1f0df;border:1px solid #dedfcb;border-bottom:3px solid #d4d9c2;border-radius:8px;min-height:80px;padding:12px 6px;font-size:13px;font-weight:600}.category-grid button.is-selected{color:#fff;background:#42673c;border-color:#42673c}.category-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.category-actions .category-group{color:#fff;background:#176c43;border-color:#176c43}.category-found{text-align:center;background:#e4ebce;border-radius:9px;margin-bottom:10px;padding:20px 12px}.category-found h2{margin:0 0 9px;font-size:15px;font-weight:650}.category-found p{color:#4a6144;margin:0;font-size:12px;line-height:1.5}.category-tone-1{background:#f3eac9}.category-tone-2{background:#dceae4}.category-tone-3{background:#e8dfed}@media (max-width:430px){.category-grid{gap:6px}.category-grid button{min-height:69px;padding:9px 4px;font-size:10px}.category-summary{gap:8px;font-size:10px}.category-found{padding:16px 8px}.category-found p{font-size:10px}}