.collectionheading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}.collectionheading h1{font-size:30px}.collectionheading p{margin:8px 0 0}.collectionoverview{display:grid;grid-template-columns:repeat(3,minmax(90px,.75fr)) minmax(220px,1.6fr);gap:18px;align-items:center;margin-bottom:16px;padding:16px 20px}.collectionstat{border-right:1px solid var(--tempo-line);padding-right:18px;font-variant-numeric:tabular-nums}.collectionstat small{display:block;font-size:11px;letter-spacing:1px}.collectionstat strong{display:block;font-size:26px;margin-top:6px}.collectioncompletion b{font-size:16px}.collectioncompletion small{display:block;font-size:12px;margin-top:7px}.collectionprogress{height:6px;background:#2b3944;border-radius:5px;overflow:hidden;margin-top:15px}.collectionprogress i{display:block;height:100%;border-radius:5px;background:var(--tempo-teal)}.collectioncontrols{display:flex;align-items:flex-end;gap:12px;margin:14px 0 12px}.collectioncontrols input{min-width:160px;flex:1;height:40px}.collectioncontrols label{font-size:11px;color:var(--tempo-muted);display:flex;flex-direction:column;gap:6px}.collectioncontrols select{min-width:150px;height:40px}.collectionfilterline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.collectionfilterline>small{font-size:12px}.collectionnotice{margin:4px 0 12px}.collectionnotice:empty{display:none}.skincataloggrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.collectionskin{padding:0;overflow:hidden;text-align:left;background:var(--tempo-panel);border:1px solid var(--tempo-line);border-radius:9px;transition:border-color .15s;min-width:0;display:flex;flex-direction:column}.collectionskin:hover{border-color:#7cdec4}.collectionskin:focus-visible{outline:2px solid #7cdec4;outline-offset:3px}.collectionart{position:relative;aspect-ratio:4/3;background:#101b26;overflow:hidden}.collectionart>img{width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block}.skinunowned .collectionart>img{filter:saturate(.85);opacity:.9}.collectionownership{font-size:11px;border-radius:5px;padding:5px 7px;white-space:nowrap;display:inline-block;background:#182734e8;border:1px solid #476174;color:#c1d3df}.collectionownership.isowned{background:#153b31ed;border-color:#508b74;color:#a0efd4}.collectionownership.ismissing{background:#17222eef;color:#bcc7d3;border-color:#526171}.collectionownership.isunknown{background:#343126ed;color:#e6d6ae;border-color:#7a6e50}.collectionskinname{padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-height:91px;flex:1;width:100%}.collectionskinname b{font-size:15px;display:block;line-height:1.4}.collectionskinname small{font-size:12px;display:block;margin:0}.collectionmore{display:flex;gap:14px;align-items:center;justify-content:center;padding:24px 0}.collectionmore small{font-size:12px}.collectionsource{margin:22px 0}.collectionempty{padding:35px;text-align:center}.collectionempty h2{margin-bottom:12px}#collectiondetail{width:min(1000px,94vw);padding:22px;color:#e6edf3;background:#151f28;border:1px solid #4d6573;border-radius:12px;max-height:90vh;overflow:auto}#collectiondetail::backdrop{background:#050b12cc}.collectiondetailart{display:block;width:100%;border-radius:8px;margin:14px 0 18px}.collectiondetailart+button{background:#20473f;border-color:#5b9b86}.collectionoverview[aria-busy=true]{opacity:.7}@media(max-width:900px){.collectionoverview{grid-template-columns:repeat(3,1fr);gap:18px}.collectioncompletion{grid-column:1/-1}.collectionstat:last-of-type{border:0}.collectioncontrols{flex-wrap:wrap}.collectioncontrols input{flex-basis:100%}.collectioncontrols label{flex:1}.collectioncontrols select{min-width:0;width:100%}.skincataloggrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collectionheading{align-items:flex-start}.collectionheading h1{font-size:27px}}@media(max-width:550px){.skincataloggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collectionownership{font-size:10px;padding:4px 5px}.collectionskinname{padding:12px;min-height:98px}.collectionskinname b{font-size:13px}.collectionskinname small{font-size:11px}.collectionoverview{padding:16px;gap:12px}.collectionstat{padding-right:8px}.collectionstat strong{font-size:24px}.collectionstat small{font-size:10px;letter-spacing:.5px}.collectionheading{flex-direction:column;gap:10px}.collectionfilterline{align-items:flex-start;flex-wrap:wrap}.collectionmore{flex-wrap:wrap}.collectionempty{padding:24px}}

.collectionskinmeta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto}.collectionskinbadges{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.collectionrarity{display:inline-block;font-size:11px;line-height:1.3;padding:4px 6px;border:1px solid currentColor;border-radius:5px;background:#10192366;color:#a9b7c3;white-space:nowrap}.rarity-rare{color:#94ccef}.rarity-epic{color:#b8b2f4}.rarity-legendary{color:#e9c78d}.rarity-mythic{color:#d7a8ec}.rarity-ultimate{color:#efb182}.rarity-exalted{color:#edb1c6}.rarity-transcendent{color:#f0dca5}.collectionskinbadges .collectionownership{font-size:11px;padding:4px 6px}.collectionart{width:100%;flex-shrink:0}@media(min-width:901px) and (max-width:1120px){.skincataloggrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.skincataloggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:380px){.skincataloggrid{grid-template-columns:1fr}.collectionskinname{min-height:85px}}

.collectionoverview{grid-template-columns:repeat(4,minmax(95px,.8fr)) minmax(180px,1.3fr);gap:16px}.collectioncost strong{font-size:23px;white-space:nowrap}.collectioncost strong span{font-size:12px;font-weight:500;color:var(--tempo-muted)}.collectionstat .collectioncostscope{font-size:10px;letter-spacing:0;line-height:1.5;margin-top:5px;color:var(--tempo-muted)}@media(max-width:1000px){.collectionoverview{grid-template-columns:repeat(4,minmax(0,1fr))}.collectioncompletion{grid-column:1/-1}.collectioncost{border-right:0}}@media(max-width:600px){.collectionoverview{grid-template-columns:repeat(2,minmax(0,1fr))}}

.collectioncostscope{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--tempo-muted);font-size:10px;line-height:1.5;margin-top:5px}.collectioncostinfo{display:inline-grid;place-items:center;width:24px;height:24px;min-height:24px;padding:3px;background:transparent;border:0;color:var(--tempo-muted)}.collectioncostinfo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}#collectioncostdialog{width:min(560px,92vw);max-height:80vh;overflow:auto;padding:22px;border:1px solid var(--tempo-line);border-radius:10px;background:var(--tempo-panel);color:var(--tempo-text);font-size:13px;line-height:1.65}#collectioncostdialog::backdrop{background:#0009}#collectioncostdialog h2{margin:0;font-size:19px}.costcoverage{display:flex;gap:24px;padding:12px 0;border-block:1px solid var(--tempo-line)}.costmissing{max-height:240px;overflow:auto;padding-left:22px;font-size:12px}.costmissing li{margin:6px 0}