/* The treasure album: flat paper cards, crisp ink, no gradients or blur. */
#treasure-album .album-count { font-weight: 700; margin-block: .2rem; }
#treasure-album .album-hint { margin-block: .2rem .6rem; }
#treasure-album .album-kit { margin-bottom: .6rem; }
.album-page { margin-block: .8rem; padding: .7rem .8rem; border: 2px solid #29262a; border-radius: .8rem; background: #fff7dc; }
.album-page h4 { margin: 0 0 .5rem; }
.album-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(7.2rem, 1fr)); gap: .5rem; }
.album-find { display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .5rem .35rem; text-align: center; border: 2px dashed #a99f8a; border-radius: .7rem; background: #fffdf6; color: #8b8273; min-width: 0; }
.album-find.found { border: 2px solid #29262a; color: #29262a; background: #ffffff; }
.album-find strong { font-size: .85rem; line-height: 1.15; overflow-wrap: anywhere; }
.album-swatch { width: 2.1rem; height: 2.1rem; border-radius: 50%; border: 2px solid #29262a; display: grid; place-items: center; font-weight: 800; background: #efe6cf; color: #8b8273; }
.album-find:not(.found) .album-swatch { border-style: dashed; border-color: #a99f8a; }
.album-times { font-size: .8rem; font-weight: 700; }
.album-rare { font-size: .72rem; font-weight: 700; color: #b0661c; }
@media (max-width: 600px) { .album-grid { grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr)); } }