/* Collection summary: one compact, readable band shared by both stations. */
#collection .collection-info{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1fr) minmax(240px,1.3fr);grid-template-rows:auto;gap:28px;justify-content:stretch;align-items:center;padding:16px 24px;margin:20px 0 0}
#collection .collection-progress-group{min-width:0}
#collection .collection-count{display:flex;align-items:center;justify-content:space-between;gap:12px}
#collection .collection-count>span{font-size:12px;letter-spacing:0}
#collection .collection-count strong{font-size:24px;white-space:nowrap;margin:0}
#collection .progress{height:7px;margin:8px 0 0}
#collection .score-mini{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-left:28px;border-left:1px solid #bfd6e6}
#collection .score-mini>span{font-size:12px;letter-spacing:0}
#collection .score-mini strong{font-size:24px;margin-top:4px}
#collection .collection-info p{grid-column:auto;grid-row:auto;text-align:left;margin:0;font-size:13px;line-height:1.45;color:#405d77}
/* Keep artwork sizes; remove accumulated margins around the mobile sprites. */
@media(max-width:540px){
 #collection .pack-display,#collection .feed-art{margin:0;padding:12px 0 0;min-height:0;max-height:none}
 #collection .open-panel,#collection .collection-complete{padding:8px 22px 18px}
 #collection .open-panel h3{margin-bottom:8px}
 #collection .open-panel>p{margin-bottom:14px}
 #collection .machine-copy{padding:8px 22px 18px}
 #collection .machine-copy h2{margin-bottom:10px}
 #collection .feed-control{padding-top:12px}
 #collection .collection-complete{gap:14px}
 #collection .collection-complete strong{margin-bottom:8px}
}
@media(max-width:760px){
 #collection .collection-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;padding:14px 12px;margin-top:16px}
 #collection .collection-count{display:block}
 #collection .collection-count>span,#collection .score-mini>span{font-size:11px}
 #collection .collection-count strong{display:block;margin-top:4px;font-size:23px}
 #collection .score-mini{gap:12px;padding-left:18px}
 #collection .score-mini strong{font-size:22px}
 #collection .collection-info p{grid-column:1/-1;font-size:12px;margin:0}
}
/* Playback is a catalog tool, leaving the section title its full width. */
#codex .catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#codex .ownership-filter{order:0}
#codex .rarity-tabs{order:1;flex:1}
#codex .catalog-toolbar .search{order:2;width:170px;flex:0 1 170px;margin:0}
#codex .catalog-toolbar .motion-button{order:3;flex:0 0 auto;margin:0;min-height:42px;padding:8px 12px;font-size:12px;color:#405d77;border-color:#8aa7bf;background:#f5fbff}
@media(max-width:760px){
 #codex .section-heading h2{white-space:nowrap}
 #codex .catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px 0}
 #codex .ownership-filter{grid-column:1;grid-row:1;justify-self:start;min-height:40px}
 #codex .catalog-toolbar .motion-button{grid-column:2;grid-row:1;justify-self:end;font-size:11px;padding:8px;min-height:40px}
 #codex .catalog-toolbar .search{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
 #codex .rarity-tabs{grid-column:1/-1;grid-row:3;width:100%;gap:4px}
}
/* Strengthen secondary information without competing with the artwork. */
.game-card .card-info>span{color:#415e79;font-size:13px}
.game-card .card-meta>span:last-child{color:#52677d;font-size:12px}
.game-card.common .card-meta>span:first-child{color:#526477}
.game-card.uncommon .card-meta>span:first-child{color:#456c37}
.game-card.rare .card-meta>span:first-child{color:#32618a}
.game-card.legendary .card-meta>span:first-child{color:#934574}
.game-card.grail .card-meta>span:first-child{color:#81621e}
.competition-heading .reward-link{color:#15395f;font-size:12px;font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px;padding-block:5px}
.rank-foot,.catalog-meta{color:#455f78}
@media(min-width:761px) and (max-width:950px){#collection .collection-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px}#collection .collection-info p{grid-column:1/-1}}
@media(max-width:760px){.game-card .card-info>span{font-size:12px}.game-card .card-meta>span:last-child{font-size:11px}}