#main .collection-panel{max-width:760px;margin:0 auto;min-width:0;font-size:13px;line-height:1.5}
#main .collection-panel>header{display:flex;justify-content:space-between;align-items:center;margin:8px 0}#main .collection-panel h2{margin:0;font-size:21px}#main .collection-panel>header>span{font-size:11px;color:var(--muted)}
#main .collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}#main .collection-tabs button{min-width:0;padding:7px 3px}
#main .collection-body{background:var(--panel,#fff);border:1px solid var(--line,#d5dfd9);border-radius:12px;padding:12px;min-width:0}#main .collection-picker{display:flex;align-items:center;gap:10px}#main .collection-picker select{flex:1;min-width:0}
#main .collection-controls{display:flex;gap:8px;align-items:center;margin:8px 0}#main .collection-identity{display:flex;align-items:center;gap:10px;margin:10px 0}#main .collection-identity img{width:44px;height:55px;object-fit:cover;border-radius:7px}#main .collection-identity>div{flex:1;min-width:0}#main .collection-identity h3{font-size:18px;margin:0}#main .collection-identity p{margin:0;font-size:12px;color:var(--muted)}#main .collection-identity>button{flex-shrink:0}
#main .collection-count{display:flex;align-items:baseline;gap:7px;margin:6px 0}#main .collection-count strong{font-size:24px;color:var(--green)}#main .collection-panel progress{display:block;width:100%;height:10px;accent-color:var(--green,#4b7564)}
#main .collection-body>.primary{width:100%}#main .collection-body p{font-size:12px;line-height:1.5;margin:7px 0}#main .collection-source{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line,#d5dfd9);padding:9px 0}#main .collection-source>div{min-width:0;flex:1}#main .collection-source h3{font-size:13px;margin:0}#main .collection-source p{font-size:11px;margin:2px 0}#main .collection-source>button{flex-shrink:0}
#main .collection-rules{margin:0}#main .collection-rules dt{font-size:13px;font-weight:700;color:var(--green);margin-top:9px}#main .collection-rules dd{margin:2px 0 0;font-size:12px;line-height:1.5}
@media(max-width:900px) and (max-height:650px){#main .collection-panel{font-size:11px;line-height:1.35}#main .collection-panel>header{margin:3px 0}#main .collection-panel h2{font-size:17px}#main .collection-tabs{margin:4px 0;gap:4px}#main .collection-panel button{min-height:27px!important;font-size:10px!important;padding:4px 6px!important}#main .collection-body{padding:7px}#main .collection-body p{font-size:10px!important;line-height:1.35!important;margin:4px 0!important}#main .collection-controls{margin:4px 0}#main .collection-identity{margin:5px 0;gap:7px}#main .collection-identity img{width:31px;height:40px}#main .collection-identity h3{font-size:15px}#main .collection-count strong{font-size:19px}#main .collection-source{padding:5px 0}#main .collection-source h3{font-size:11px}#main .collection-source p{font-size:9px!important}#main .collection-rules dt{font-size:11px;margin-top:5px}#main .collection-rules dd{font-size:10px;line-height:1.35}#main .collection-picker{font-size:10px;gap:6px}#main .collection-picker select{min-height:28px;font-size:11px;padding:4px}}

/* The shared portrait helper returns a sized wrapper as well as its image. */
#main .collection-identity>.hero-portrait{display:block;float:none!important;flex:0 0 44px;width:44px!important;height:55px!important;aspect-ratio:auto!important;margin:0!important;overflow:hidden;border-radius:7px}
#main .collection-identity>.hero-portrait img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center 20%}
#main .collection-identity>button{display:inline-flex;align-items:center;white-space:nowrap;gap:2px}
@media(max-width:900px) and (max-height:650px){#main .collection-identity>.hero-portrait{flex-basis:31px;width:31px!important;height:40px!important}}

@media(max-width:900px) and (max-height:650px){#main .collection-body>.collection-status:has(+button.primary:not(:disabled)){display:none}}

#main .collection-panel[data-collection-owned="true"] .collection-count,#main .collection-panel[data-collection-owned="true"] progress,#main .collection-panel[data-collection-owned="true"] progress+p{display:none}