.card.svelte-r8k2p{border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff05, #fff0), var(--bg-card);border:1px solid var(--border);min-height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex;overflow:hidden}.card.svelte-r8k2p:hover{border-color:var(--border-hover);background:linear-gradient(180deg, #ffffff08, #fff0), var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 18px 32px #0000002e}.card-art.svelte-r8k2p{border-bottom:1px solid var(--surface-2);background:radial-gradient(circle at top,#7dd3fc1f,#0000 58%),linear-gradient(#ffffff05,#fff0);justify-content:center;align-items:center;min-height:284px;padding:18px 14px 12px;display:flex;position:relative}.card-art-meta.svelte-r8k2p,.card-art-flags.svelte-r8k2p{z-index:1;pointer-events:none;align-items:flex-start;gap:6px;display:flex;position:absolute;top:14px}.card-art-meta.svelte-r8k2p{left:14px}.card-art-flags.svelte-r8k2p{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 120px);right:14px}.card-body.svelte-r8k2p{flex-direction:column;gap:10px;padding:14px 16px 18px;display:flex}.card-head.svelte-r8k2p{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 14px;display:grid}.temperament-tag.svelte-r8k2p{border-radius:var(--radius-md);font-size:var(--fs-xs);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-positive);background:#6ee7b714;border:1px solid #6ee7b72e;align-self:flex-start;padding:3px 9px;font-weight:700}.temperament-tag.hostile.svelte-r8k2p{color:var(--color-danger);background:#e85d5d14;border-color:#e85d5d2e}.card-name.svelte-r8k2p{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;line-height:1.1}.mini-flag.svelte-r8k2p{border-radius:var(--radius-md);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3px 7px;font-weight:700}.mini-flag.cristella.svelte-r8k2p{color:var(--color-warning);background:#fbbf241a;border:1px solid #fbbf2433}.mini-flag.slime.svelte-r8k2p{color:#7dd3fc;background:#60a5fa1a;border:1px solid #60a5fa33}.stat-strip.svelte-r8k2p{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.trait-strip.svelte-r8k2p{flex-wrap:wrap;gap:6px;display:flex}.trait-chip.svelte-r8k2p{border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--text-secondary);border:1px solid var(--outline-1);background:#ffffff0a;padding:3px 8px;font-weight:600}.fact-list.svelte-r8k2p{flex-direction:column;gap:7px;padding-top:2px;display:flex}.fact-row.svelte-r8k2p{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fact-label.svelte-r8k2p{font-size:var(--fs-sm);color:var(--text-muted)}.fact-value.svelte-r8k2p{font-size:var(--fs-sm);color:var(--text-body);text-align:right;font-weight:600}@media (width<=720px){.card-art.svelte-r8k2p{min-height:212px}}@media (width<=560px){.card-head.svelte-r8k2p{grid-template-columns:1fr}.stat-strip.svelte-r8k2p{justify-content:flex-start}}.card.svelte-113r0rq{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff05, #fff0), var(--bg-card);min-height:100%;color:inherit;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex;overflow:hidden}.card.svelte-113r0rq:hover{border-color:var(--border-hover);background:linear-gradient(180deg, #ffffff08, #fff0), var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.card.svelte-113r0rq:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card-art.svelte-113r0rq{width:96px;padding:var(--space-2);background:radial-gradient(circle at top, color-mix(in srgb, var(--tone-tiamana) 12%, transparent), transparent 70%);border-right:1px solid var(--surface-2);flex-shrink:0;place-items:center;display:grid}.card-art.svelte-113r0rq img.card-render{image-rendering:auto}.card-body.svelte-113r0rq{justify-content:center;align-items:flex-start;gap:var(--space-1-5);min-width:0;padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.card-name.svelte-113r0rq{max-width:100%;font-size:var(--fs-md);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden}.tag-strip.svelte-113r0rq{gap:var(--space-1);flex-wrap:wrap;display:flex}.temperament-tag.svelte-113r0rq,.mini-flag.svelte-113r0rq{padding:1px var(--space-1-5);border-radius:var(--radius-sm);border:1px solid;align-items:center;font-weight:700;display:inline-flex}.temperament-tag.svelte-113r0rq{border-color:color-mix(in srgb, var(--color-positive) 18%, transparent);background:color-mix(in srgb, var(--color-positive) 8%, transparent);color:var(--color-positive);font-size:var(--fs-2xs);letter-spacing:.02em}.temperament-tag.hostile.svelte-113r0rq{border-color:color-mix(in srgb, var(--color-danger) 18%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent);color:var(--color-danger)}.mini-flag.svelte-113r0rq{font-size:var(--fs-3xs);letter-spacing:.04em;text-transform:uppercase}.mini-flag.cristella.svelte-113r0rq{border-color:color-mix(in srgb, var(--color-warning) 20%, transparent);background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning)}.mini-flag.slime.svelte-113r0rq{border-color:color-mix(in srgb, var(--color-info) 20%, transparent);background:color-mix(in srgb, var(--color-info) 10%, transparent);color:var(--tone-tiamana)}.stat-strip.svelte-113r0rq{gap:var(--space-1) var(--space-3);margin-top:var(--space-0-5);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.card.svelte-113r0rq{transition:border-color .16s,background .16s}.card.svelte-113r0rq:hover{transform:none}}.controls.svelte-1ipj8go{margin-bottom:.75rem}.list-bar.svelte-1ipj8go{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.grid.svelte-1ipj8go{grid-template-columns:repeat(auto-fill,minmax(min(390px,100%),1fr));gap:18px;display:grid}.grid.compact.svelte-1ipj8go{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}@media (width<=720px){.grid.svelte-1ipj8go{grid-template-columns:1fr}}