#app-menu[data-page="collection"]{background:#1428c8;color:white}
#app-menu[data-page="collection"] .section-intro,#app-menu[data-page="collection"] .menu-status{color:#d9e1ff}
#app-menu[data-page="collection"] .text-button{color:white}
#app-menu .collection-overview{display:flex;align-items:baseline;gap:14px;padding:8px 0 22px;border-bottom:1px solid #ffffff30}
#app-menu #collection-progress{font-size:clamp(2.5rem,13vw,4rem);font-weight:500;letter-spacing:-.04em}
#app-menu #collection-summary{font-size:.875rem;color:#d9e1ff;line-height:1.6}
#app-menu .collection-group{padding:20px 0 4px}
#app-menu .collection-group h3{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 18px;font-size:1rem;font-weight:500}
#app-menu .collection-badge{font-size:.875rem;color:#d9e1ff;font-weight:400}
#app-menu .collection-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:0;margin:0}
#app-menu .collection-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-width:0}
#app-menu .collection-item img{width:88px;height:88px;object-fit:contain}
#app-menu .collection-item strong{font-size:.875rem;font-weight:500;overflow-wrap:anywhere}
#app-menu .collection-item span{font-size:.875rem;color:#cbd6ff}
#app-menu .collection-item.owned span{color:var(--flavor)}
#app-menu .collection-item.missing img{filter:grayscale(1);opacity:.3}
#app-menu #collection-status:empty{display:none}
#app-menu .collection-item small{font-size:.875rem;color:#e7ff69;min-height:1em}
#app-menu .collection-power{border-top:1px solid #ffffff30;margin:24px 0 4px;padding-top:18px}
#app-menu .collection-power strong{font-size:1rem;font-weight:500}
#app-menu .collection-power p{font-size:.875rem;color:#d9e1ff;margin:8px 0}
.bonus-choice{margin-top:16px;border:1px solid #ffffff66;border-radius:8px;padding:12px;text-align:center;font-size:.875rem;line-height:1.6}
.bonus-choice p{margin:0}.bonus-choice .text-button{color:white}
@media(min-width:520px){#app-menu .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}}
