.catalog-panel{z-index:50;background:#0f172a80;position:fixed;inset:0}.catalog-panel-sheet{background:var(--color-surface,#fff);color:var(--color-text-heading,#0f172a);border:1px solid var(--color-border,#e2e8f0);padding:1.25rem 1.25rem 0}.catalog-actions{padding:max(.75rem, env(safe-area-inset-bottom)) 1.25rem;background:var(--color-surface,#fff);align-items:center;gap:.5rem;margin:1.5rem -1.25rem 0;display:flex;position:sticky;bottom:0}[data-catalog-grid]>li{min-width:0}.catalog-card{min-width:0;color:inherit;border-radius:.25rem;text-decoration:none;display:block}.catalog-card:not(.is-gear){transition:transform .2s,box-shadow .2s}.catalog-card:not(.is-gear):hover,.catalog-card:not(.is-gear):focus-visible{box-shadow:0 8px 20px -8px color-mix(in srgb, var(--color-accent,#806000) 60%, transparent);transform:translateY(-2px)}.catalog-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.catalog-card.is-gear{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);border-radius:1rem;flex-direction:column;align-items:stretch;gap:0;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.catalog-card.is-gear:hover,.catalog-card.is-gear:focus-visible{border-color:color-mix(in srgb, var(--q,var(--color-rarity-general-bg)) 60%, var(--color-border,#e2e8f0));transform:translateY(-3px);box-shadow:0 8px 24px #00000047}.catalog-card.is-gear .catalog-copy{flex-direction:column;flex:1;align-items:stretch;gap:.375rem;min-width:0;padding:.625rem;display:flex}.catalog-quality{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-self:flex-start;padding:3px 9px;font-size:.625rem;font-weight:700;line-height:1;display:inline-block}.catalog-copy{flex:1;min-width:0}.catalog-media{aspect-ratio:2/3;background:var(--color-surface-inverse,#1a2430);border-radius:.25rem;display:block;position:relative;overflow:hidden}.catalog-media:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 22% 16%, #ffffff8c 0 1px, transparent 1.7px), radial-gradient(circle at 72% 12%, color-mix(in srgb, var(--color-accent-strong,#a16207) 55%, transparent) 0 1.2px, transparent 2px), radial-gradient(circle at 55% 36%, #ffffff73 0 1px, transparent 1.7px);position:absolute;inset:0}[data-catalog-grid]>li:nth-child(3n+2) .catalog-media:after{background:radial-gradient(circle at 78% 22%, #ffffff8c 0 1px, transparent 1.7px), radial-gradient(circle at 30% 10%, color-mix(in srgb, var(--color-accent-strong,#a16207) 55%, transparent) 0 1.2px, transparent 2px), radial-gradient(circle at 62% 42%, #ffffff73 0 1px, transparent 1.7px)}[data-catalog-grid]>li:nth-child(3n) .catalog-media:after{background:radial-gradient(circle at 15% 30%, #ffffff8c 0 1px, transparent 1.7px), radial-gradient(circle at 65% 20%, color-mix(in srgb, var(--color-accent-strong,#a16207) 55%, transparent) 0 1.2px, transparent 2px), radial-gradient(circle at 40% 8%, #ffffff73 0 1px, transparent 1.7px)}@keyframes catalog-twinkle{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}@media (prefers-reduced-motion:no-preference){.catalog-media:after{animation:5s ease-in-out infinite catalog-twinkle}[data-catalog-grid]>li:nth-child(3n+2) .catalog-media:after{animation-duration:6.5s}[data-catalog-grid]>li:nth-child(3n) .catalog-media:after{animation-duration:4s}}.catalog-img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.catalog-img-top{object-position:top}.catalog-card.is-gear .catalog-img{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:160px;position:static}.catalog-label{z-index:1;--catalog-divider-bottom:1.875rem;background:linear-gradient(to right, transparent, var(--color-accent,#806000) 25%, var(--color-accent,#806000) 75%, transparent) left 0 bottom var(--catalog-divider-bottom) / 100% 1px no-repeat, linear-gradient(to top, #000000f0 0%, #000000f0 60%, transparent 100%);pointer-events:none;padding:1.75rem .5rem .625rem;position:absolute;bottom:0;left:0;right:0}.dark .catalog-label{background:linear-gradient(to right, transparent, var(--color-border-gold,#d4af37) 25%, var(--color-border-gold,#d4af37) 75%, transparent) left 0 bottom var(--catalog-divider-bottom) / 100% 1px no-repeat, linear-gradient(to top, #000000f0 0%, #000000f0 60%, transparent 100%)}.catalog-label:not(:has(.catalog-meta)){--catalog-divider-bottom:.5rem}.catalog-label:after{content:"";left:50%;bottom:calc(var(--catalog-divider-bottom) - 2.5px);background:var(--color-accent,#806000);width:5px;height:5px;position:absolute;transform:translate(-50%)rotate(45deg)}.dark .catalog-label:after{background:var(--color-border-gold,#d4af37)}.catalog-tier{border-radius:.375rem;margin-bottom:.25rem;padding:.125rem .375rem;font-size:10px;font-weight:700;display:inline-block}.catalog-gem{z-index:2;letter-spacing:-.02em;text-align:center;text-shadow:0 1px 1px #00000059;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:drop-shadow(0 1px 2px #00000080);pointer-events:none;border:0;border-radius:0;justify-content:center;align-items:center;width:32px;height:35px;margin:0;padding:0;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:6px;left:6px}.catalog-gem:before{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);pointer-events:none;background:linear-gradient(160deg,#ffffff47,#0000 45%);position:absolute;inset:0}.catalog-gear{background-color:var(--color-surface-inverse,#1a2430);background-image:linear-gradient(color-mix(in srgb, var(--q,var(--color-rarity-general-bg)) 12%, transparent), color-mix(in srgb, var(--q,var(--color-rarity-general-bg)) 12%, transparent)), radial-gradient(ellipse at center, #ffffff17, transparent 70%), linear-gradient(135deg, #7d8db01f, transparent 55%);border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:6.75rem;margin-bottom:0;padding:.625rem;display:flex;overflow:hidden}.catalog-gear-fallback{color:var(--color-text-muted,#64748b);font-size:10px}.catalog-name{-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-heading,inherit);color:#fff;overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.04em;-webkit-box-orient:vertical;margin-top:0;margin-bottom:.5rem;padding-bottom:0;font-size:.8125rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.catalog-meta{color:#ffffffd1;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.625rem;line-height:1.3;display:flex}.catalog-meta-left{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.catalog-meta>.catalog-stars{flex-shrink:0}.catalog-label .catalog-meta{font-size:.75rem}.catalog-meta-icon{object-fit:contain;vertical-align:-.2em;width:.875rem;height:.875rem;margin-right:.15em;display:inline-block}@media (width<=639px){.catalog-label .catalog-meta{font-size:.6875rem}.catalog-meta-icon{width:.75rem;height:.75rem}.catalog-label{--catalog-divider-bottom:1.75rem;padding-left:.375rem;padding-right:.375rem}[data-catalog-category=cards] .catalog-label .catalog-name{-webkit-line-clamp:3;line-clamp:3}[data-catalog-category=equipment] .catalog-card.is-gear .catalog-name{-webkit-line-clamp:3;line-clamp:3;font-size:.6875rem}.catalog-label .catalog-name{font-size:.75rem}.catalog-gem{width:26px;height:29px;font-size:9px;top:5px;left:5px}}.catalog-card.is-gear .catalog-name{color:var(--color-text-heading,#0f172a);text-align:left;background:0 0;margin-top:0;margin-bottom:0;padding-bottom:0;font-size:.875rem}.catalog-stars{color:var(--color-accent-strong,#a16207)}.dark .catalog-stars{color:var(--color-border-gold,#d4af37)}.catalog-card.is-gear .catalog-meta{color:var(--color-text-muted,#64748b);margin-top:.125rem}.catalog-card.is-gear .catalog-img{transition:transform .2s}.catalog-card.is-gear:hover .catalog-img,.catalog-card.is-gear:focus-visible .catalog-img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.catalog-media:after{animation:none}.catalog-card:not(.is-gear),.catalog-card.is-gear,.catalog-card.is-gear .catalog-img{transition:none}}[data-catalog-search]:focus-visible,[data-catalog-sort]:focus-visible{outline-offset:1px;outline:2px solid var(--color-focus)!important;box-shadow:none!important}@media (width>=768px){[data-catalog-panel]{display:none}}@media (width<=767px){[data-catalog-chips]{display:none}}