.collection-heading{margin-bottom:10px}.collection-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.collection-mode-tab{min-height:46px;border:0;border-radius:14px;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:950}.collection-mode-tab.active{background:var(--surface);color:var(--purple-deep);box-shadow:var(--shadow-sm)}
.collection-toolbar{padding:12px;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;margin-bottom:12px;position:sticky;top:8px;z-index:10}.search-box{height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);display:flex;align-items:center;gap:8px;padding:0 12px}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--ink)}.collection-summary{display:flex;align-items:center;gap:7px;white-space:nowrap}
.filter-row{display:flex;gap:7px;overflow-x:auto;padding:0 1px 10px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.filter-chip.active{background:var(--purple);border-color:var(--purple);color:var(--surface)}.filter-chip[data-rarity="common"].active{background:var(--common);border-color:var(--common)}.filter-chip[data-rarity="uncommon"].active{background:var(--uncommon);border-color:var(--uncommon)}.filter-chip[data-rarity="rare"].active{background:var(--rare);border-color:var(--rare)}.filter-chip[data-rarity="super-rare"].active{background:var(--super-rare);border-color:var(--super-rare)}.filter-chip[data-rarity="legendary"].active{background:var(--legendary);border-color:var(--legendary)}.wishlist-filter-chip{background:var(--amber-panel);border-color:var(--amber-line);color:var(--amber-ink)}.wishlist-filter-chip.active{background:var(--amber);border-color:var(--amber);color:var(--surface)}
.collection-status-row{padding-bottom:7px}.collection-rarity-row{padding-bottom:12px}.collection-book-filter-row{padding-bottom:7px}
.collection-book-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.collection-book-stat{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.collection-book-stat strong{font-size:15px}.collection-book-stat span{font-size:9px;font-weight:900;color:var(--ink-soft)}.collection-book-stat[data-rarity="common"] strong{color:var(--common)}.collection-book-stat[data-rarity="uncommon"] strong{color:var(--uncommon)}.collection-book-stat[data-rarity="rare"] strong{color:var(--rare)}.collection-book-stat[data-rarity="super-rare"] strong{color:var(--super-rare)}.collection-book-stat[data-rarity="legendary"] strong{color:var(--legendary)}
.collection-grid{align-items:stretch}.collection-empty{grid-column:1/-1}.bite-card{position:relative;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0;padding:9px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.bite-card.interactive{cursor:pointer}.bite-card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.bite-art{aspect-ratio:1;border-radius:16px;background:var(--surface);display:grid;place-items:center;padding:7px;overflow:hidden}.bite-art img{width:100%;height:100%;object-fit:contain}.bite-card.undiscovered .bite-art img{filter:grayscale(1) brightness(.78);opacity:.24}.bite-card.undiscovered .bite-art{background:var(--neutral-muted)}.bite-card.undiscovered .bite-name{color:var(--ink-faint)}.bite-stars{font-size:9px;color:var(--legendary);letter-spacing:-1px;min-height:12px;margin-top:8px}.bite-name{font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bite-food{font-size:9px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bite-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;min-height:22px}.qty-badge,.state-badge,.wish-badge{font-size:8px;font-weight:900;border-radius:999px;padding:3px 6px;background:var(--surface-strong);color:var(--ink-soft)}.state-badge.available{background:var(--mint-soft);color:var(--mint-ink)}.state-badge.listed{background:var(--amber-soft);color:var(--amber-ink)}.state-badge.reserved{background:var(--pink-soft);color:var(--pink)}.state-badge.working{background:var(--blue-soft);color:var(--blue-ink)}.wish-badge{background:var(--amber-soft);color:var(--amber-ink)}
.collection-action-button{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:12px;border:1px solid var(--surface-glass-70);background:var(--surface-glass-88);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:16px;box-shadow:var(--shadow-sm)}.collection-action-button.favorite.active{background:var(--pink-soft);color:var(--pink)}.collection-action-button.wishlist{color:var(--amber-ink);background:var(--amber-panel);border-color:var(--amber-line);font-size:12px;font-weight:950}.collection-action-button.wishlist.active{background:var(--amber-soft)}.collection-action-button.pending-action{opacity:.7;cursor:progress}
.owned-bite-card{display:grid;grid-template-rows:auto auto auto auto auto;align-content:start}.owned-bite-age{margin-top:3px;min-height:14px;font-size:8px;font-weight:850;color:var(--ink-soft);line-height:1.25}.owned-bite-meta{align-content:start}.owned-origin-button{width:100%;margin-top:5px;border:0;border-radius:10px;background:var(--purple-panel);color:var(--purple-deep);padding:7px 8px;font-size:8px;font-weight:950}.owned-origin-button:hover{background:var(--purple-soft)}
.book-bite-card.undiscovered{cursor:default}.book-bite-card.undiscovered .bite-stars{color:var(--ink-faint)}
@media(max-width:900px){.collection-book-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-book-stat:nth-child(4),.collection-book-stat:nth-child(5){grid-column:auto}}
@media(max-width:700px){.collection-mode-tabs{position:sticky;top:calc(var(--header-h) + 5px);z-index:12;margin-bottom:8px}.collection-mode-tab{min-height:42px;font-size:11px}.collection-toolbar{position:static;grid-template-columns:1fr;padding:8px}.collection-summary{display:none}.collection-book-stats{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;scrollbar-width:none}.collection-book-stats::-webkit-scrollbar{display:none}.collection-book-stat{min-width:72px;padding:8px}.collection-grid{gap:7px}.bite-card{border-radius:17px;padding:6px}.bite-art{border-radius:13px;padding:3px}.collection-action-button{top:9px;right:9px;width:27px;height:27px;border-radius:10px;font-size:14px}.collection-action-button.wishlist{font-size:10px}.bite-stars{margin-top:5px;font-size:8px}.bite-name{font-size:10px}.bite-food{display:none}.bite-meta{margin-top:5px;min-height:17px;gap:3px}.qty-badge,.state-badge,.wish-badge{font-size:7px;padding:2px 4px}.owned-bite-age{font-size:7px}.owned-origin-button{font-size:7px;padding:6px 4px}}
@media(max-width:390px){.collection-grid{gap:5px}.bite-card{padding:5px}.bite-name{font-size:9px}.owned-origin-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:701px) and (max-width:840px){.collection-toolbar{top:calc(var(--header-h) + 8px)}}