.transmog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-16);margin-bottom:var(--ui-space-24)}.transmog-heading h1,.transmog-heading .eyebrow{margin-bottom:0}.transmog-heading>a{font-size:var(--ui-text-sm)}.transmog-classes{display:flex;flex-wrap:wrap;gap:var(--ui-space-6);margin-bottom:var(--ui-space-20)}.transmog-classes a{display:inline-flex;align-items:center;gap:var(--ui-space-6);padding:var(--ui-space-8) var(--ui-space-12);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:var(--ui-text-sm);background:var(--ui-bg-surface);text-decoration:none}.transmog-classes a:hover,.transmog-classes a[aria-current]{color:var(--ui-text-heading);border-color:var(--transmog-class, var(--ui-accent));background:var(--ui-bg-raised)}.transmog-class-dot{width:var(--ui-space-6);height:var(--ui-space-6);border-radius:var(--ui-radius-pill);background:var(--transmog-class)}.transmog-count{color:var(--ui-text-faint);font-variant-numeric:tabular-nums}.transmog-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--ui-space-8);align-items:center}.transmog-filters label{min-width:0}.transmog-filters input,.transmog-filters select,.transmog-filters button{min-width:0;width:100%;height:var(--ui-space-40);padding:var(--ui-space-8) var(--ui-space-12);font:inherit;font-size:var(--ui-text-sm);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm)}.transmog-filters button{background:var(--ui-bg-raised);color:var(--ui-text-heading);cursor:pointer}.transmog-search{position:relative}.transmog-search svg{position:absolute;left:var(--ui-space-12);top:var(--ui-space-12);color:var(--ui-text-muted);pointer-events:none}.transmog-search input{padding-left:var(--ui-space-40)}.transmog-meta{display:flex;align-items:center;gap:var(--ui-space-12);margin-block:var(--ui-space-16);color:var(--ui-text-muted);font-size:var(--ui-text-sm)}.transmog-meta p{margin:0}.transmog-reference{margin-left:auto;font-size:var(--ui-text-xs)}.transmog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ui-space-12)}.transmog-card{min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);overflow:hidden;background:var(--ui-bg-surface);transition:border-color .15s}.transmog-card:hover,.transmog-card:focus-within{border-color:var(--ui-accent)}.transmog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none}.transmog-card-link:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-3px;border-radius:inherit}.transmog-artwork{position:relative;aspect-ratio:1/1.1;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,var(--ui-bg-raised),var(--ui-bg-body))}.transmog-artwork img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .18s}.transmog-card-link:hover img{transform:scale(1.04)}.transmog-new{position:absolute;top:var(--ui-space-8);left:var(--ui-space-8);padding:var(--ui-space-2) var(--ui-space-6);border-radius:var(--ui-radius-sm);background:var(--ui-bg-overlay);color:var(--ui-accent);font-size:var(--ui-text-xs)}.transmog-card-copy{display:flex;flex:1;flex-direction:column;gap:var(--ui-space-8);padding:var(--ui-space-12)}.transmog-card h2{margin:0;font-family:var(--ui-font-body);font-size:var(--ui-text-md);line-height:1.4;color:var(--ui-text-heading);overflow-wrap:anywhere}.transmog-card p{display:flex;justify-content:space-between;gap:var(--ui-space-4);margin:auto 0 0;color:var(--ui-text-muted);font-size:var(--ui-text-xs)}.transmog-empty{padding-block:var(--ui-space-48);text-align:center;color:var(--ui-text-muted)}.transmog-completion{margin-top:var(--ui-space-24)}.transmog-collections{display:flex;align-items:center;gap:var(--ui-space-24);margin-bottom:var(--ui-space-20)}.transmog-collections a{display:inline-flex;align-items:center;gap:var(--ui-space-8);padding-block:var(--ui-space-8);text-decoration:none}.transmog-collections a span{color:var(--ui-text-muted);font-size:var(--ui-text-xs)}.transmog-card p span+span{flex-shrink:0;white-space:nowrap}.transmog-collections a[aria-current]{color:var(--ui-accent);border-bottom:2px solid var(--ui-accent)}.transmog-curated-filters{grid-template-columns:minmax(0,1fr) auto}.outfit-artwork{width:100%;height:auto;max-height:700px;object-fit:contain}@media(max-width:1200px){.transmog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:960px){.transmog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.transmog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-8)}.transmog-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.transmog-search{grid-column:1/-1}.transmog-classes{flex-wrap:nowrap;overflow-x:auto;padding-block:var(--ui-space-4)}.transmog-classes a{white-space:nowrap}.transmog-heading{align-items:end}.transmog-count{display:none}.transmog-curated-filters{grid-template-columns:minmax(0,1fr) auto}.transmog-curated-filters .transmog-search{grid-column:auto}}@media(prefers-reduced-motion:reduce){.transmog-card,.transmog-artwork img{transition:none}}
