.catalog-object-stage{isolation:isolate;background:var(--color-surface-subtle);position:relative;overflow:hidden}.catalog-object-stage:before,.catalog-object-stage:after{content:"";z-index:-1;pointer-events:none;position:absolute}.catalog-object-stage:before{background:color-mix(in oklab, var(--rarity-color,var(--color-border)) 9%, var(--color-card));clip-path:polygon(24% 0,100% 0,100% 100%,0 100%,0 43%);inset:14% -8% -25% 12%}.catalog-object-stage:after{border:1px solid color-mix(in oklab, var(--rarity-color,var(--color-border)) 22%, transparent);inset:25% -14% -38% 28%;transform:rotate(-18deg)}.catalog-object-image{object-fit:contain;width:100%;height:100%;display:block;position:relative}.catalog-object-link{color:var(--color-foreground);outline-offset:4px}.catalog-object-link:focus-visible{outline:2px solid var(--color-ring)}.catalog-object-link:focus-visible .catalog-object-stage,.catalog-object-link:active .catalog-object-stage{background:var(--color-muted)}.catalog-object-link:focus-visible .catalog-object-title,.catalog-object-link:active .catalog-object-title{color:var(--color-primary)}.catalog-object-meta{color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.5;display:flex}.catalog-object-meta[data-rarity]:before{content:"";background:var(--rarity-color);flex-shrink:0;width:.4rem;height:.4rem}.catalog-workshop-kicker{color:var(--color-muted-foreground);font-size:.75rem;font-weight:500;line-height:1.5}.catalog-workshop-section-heading{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1.25rem;display:flex}.catalog-workshop-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle);overflow:hidden}@media (hover:hover) and (pointer:fine){.catalog-object-link:hover .catalog-object-stage{background:var(--color-muted)}.catalog-object-link:hover .catalog-object-title{color:var(--color-primary)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.catalog-object-link .catalog-object-image{transition:transform .2s var(--ease-out-strong);display:block}.catalog-object-link:hover .catalog-object-image{display:block;transform:translateY(-.2rem)scale(1.025)}}@media (forced-colors:active){.catalog-object-stage{border:1px solid canvastext}.catalog-object-stage:before,.catalog-object-stage:after{display:none}}