.card.svelte-xarrwp{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.1rem;border-radius:1.1rem;border:2px solid var(--tile5);background:var(--tile3);color:inherit;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s ease,box-shadow .18s ease}.card.svelte-xarrwp:hover,.card.svelte-xarrwp:focus-visible{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 6px 0 var(--deep)}.card.svelte-xarrwp:active{transform:translateY(1px);box-shadow:0 1px 0 var(--deep)}.shot.svelte-xarrwp{display:grid;place-items:center;aspect-ratio:16 / 10;margin:-.4rem -.4rem .35rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--tile5);background:#c4ced6}.shot.svelte-xarrwp img:where(.svelte-xarrwp){width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.emoji.svelte-xarrwp{font-size:2rem;line-height:1;transition:transform .22s ease-out}.card.svelte-xarrwp:hover .emoji:where(.svelte-xarrwp){transform:rotate(-4deg) scale(1.06)}.name.svelte-xarrwp{font-size:1.05rem;font-weight:600;letter-spacing:-.015em;color:var(--text1)}.tagline.svelte-xarrwp{font-size:.85rem;line-height:1.5;color:var(--text2)}.meta.svelte-xarrwp{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.35rem}.skill.svelte-xarrwp,.levels.svelte-xarrwp{font-size:.72rem;font-weight:600;color:var(--text2);background:var(--tile4);border-radius:100px;padding:.18rem .55rem}.levels.svelte-xarrwp{background:color-mix(in srgb,var(--accent) 16%,var(--tile3));color:var(--text1)}.play.svelte-xarrwp{margin-top:.4rem;font-size:.88rem;font-weight:600;color:var(--text1)}.card.svelte-xarrwp:hover .play:where(.svelte-xarrwp){color:var(--accent)}.compact.svelte-xarrwp{padding:.9rem}.compact.svelte-xarrwp .emoji:where(.svelte-xarrwp){font-size:1.5rem}.compact.svelte-xarrwp .name:where(.svelte-xarrwp){font-size:.95rem}.compact.svelte-xarrwp .tagline:where(.svelte-xarrwp){font-size:.8rem}@media (prefers-reduced-motion: reduce){.card.svelte-xarrwp,.emoji.svelte-xarrwp{transition:none}.card.svelte-xarrwp:hover,.card.svelte-xarrwp:focus-visible,.card.svelte-xarrwp:active,.card.svelte-xarrwp:hover .emoji:where(.svelte-xarrwp){transform:none}}