/* Prythian Grows (M10): the Wonder Book, the Curio Hall's cases, and the village's rooms inside.
   See public/js/curio.ts and towninside.ts. */
.cu-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0 8px; }
.cu-tabs .btn.tiny { padding: 3px 7px; font-size: 12px; }
.cu-page .row { align-items: center; }
.cu-unknown { opacity: 0.62; }
.cu-emoji { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-size: 18px; color: #8a7a6a; flex: none; }
.cu-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; margin: 4px 0 8px; }
.cu-cell { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 6px 4px; border-radius: 8px; background: #fffaf0; border: 2px solid #e8d8b8; min-width: 0; }
.cu-cell .sub { font-size: 11px; line-height: 1.15; overflow-wrap: anywhere; }
.cu-cell .cu-by { color: #8a5a34; }
.cu-cell.empty { background: #f0e8d8; border-style: dashed; }
.ico.dim { opacity: 0.45; filter: grayscale(0.6); }
.ti-extras { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.ti-extras .goal { flex: 1 1 100%; }
@media (max-width: 480px) {
  .cu-grid { grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); }
  .cu-tabs .btn.tiny { font-size: 11px; padding: 3px 5px; }
}