.sd-hero{position:relative;overflow:hidden;border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--card))}.sd-wall{position:absolute;inset:0;flex-direction:column;justify-content:center;opacity:.75;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.sd-wall,.sd-wall-row{display:flex;gap:.75rem}.sd-wall-row{width:-moz-max-content;width:max-content;animation:sd-drift var(--sd-speed,90s) linear infinite}.sd-wall-row[data-reverse=true]{animation-direction:reverse}.sd-wall-tile{width:3.5rem;height:3.5rem;flex-shrink:0;overflow:hidden;border-radius:.875rem;background:#15181f}@media (min-width:768px){.sd-wall-tile{width:4.25rem;height:4.25rem}}.sd-wall-tile img{width:100%;height:100%;padding:10%;-o-object-fit:contain;object-fit:contain}@keyframes sd-drift{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.sd-veil{position:absolute;inset:0;background:radial-gradient(ellipse 60% 75% at 50% 50%,hsl(var(--card)) 35%,hsl(var(--card)/.82) 60%,hsl(var(--card)/.2) 100%)}.sd-rise{opacity:0;transform:translateY(10px);animation:sd-rise .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes sd-rise{to{opacity:1;transform:none}}.sd-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card));transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s ease,box-shadow .26s ease;content-visibility:auto;contain-intrinsic-size:300px}.sd-card:focus-visible,.sd-card:hover{transform:translateY(-3px);border-color:hsl(var(--foreground)/.22);box-shadow:0 18px 40px -22px rgba(0,0,0,.55);outline:none}.sd-art{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;aspect-ratio:16/7;background:hsl(var(--muted))}.sd-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.sd-art[data-count="1"]{grid-template-columns:1fr}.sd-art[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-card:hover .sd-art img{transform:scale(1.06)}.sd-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,hsl(var(--card)) 100%)}.sd-art-empty{display:flex;align-items:center;justify-content:center;grid-column:1/-1;font-size:.75rem;color:hsl(var(--muted-foreground))}.sd-rank{position:absolute;top:.625rem;left:.625rem;z-index:1;padding:.125rem .5rem;border-radius:999px;background:hsl(var(--background)/.75);backdrop-filter:blur(6px);font-family:var(--font-mono,ui-monospace,monospace);font-size:.6875rem;font-weight:600;color:hsl(var(--foreground))}.sd-logo{margin-top:-1.75rem;position:relative;z-index:1;box-shadow:0 0 0 3px hsl(var(--card))}.sd-spark path{transition:opacity .26s ease}.sd-card:hover .sd-spark path[data-line]{stroke:hsl(var(--accent))}.sd-chip{display:inline-flex;align-items:center;gap:.375rem;height:2.25rem;padding:0 .875rem;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card));font-size:.8125rem;color:hsl(var(--muted-foreground));transition:color .16s ease,background-color .16s ease,border-color .16s ease}.sd-chip:hover,.sd-chip[aria-pressed=true]{color:hsl(var(--foreground))}.sd-chip[aria-pressed=true]{border-color:hsl(var(--foreground)/.3);background:hsl(var(--muted))}@media (prefers-reduced-motion:reduce){.sd-rise,.sd-wall-row{animation:none;opacity:1;transform:none}.sd-art img,.sd-card{transition:none}}