.character-card.svelte-1pq43jx{border:1px solid var(--fatui-border);background:var(--fatui-surface);border-radius:12px;padding:0;position:relative;overflow:hidden}.character-card-hitarea.svelte-1pq43jx{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;height:100%;display:block;position:absolute;inset:0}.character-card-hitarea.svelte-1pq43jx:focus-visible{outline-offset:-3px;outline:2px solid #dbc490}.clickable-character.svelte-1pq43jx:has(.character-card-hitarea:where(.svelte-1pq43jx):hover){border-color:var(--fatui-accent)}.character-portrait.svelte-1pq43jx{text-align:center;background:radial-gradient(at bottom,#8a729d,#353043);height:165px;position:relative;overflow:hidden}.character-portrait.five-star.svelte-1pq43jx{background:radial-gradient(at bottom,#b49362,#493b36)}.character-portrait.svelte-1pq43jx>img:where(.svelte-1pq43jx){object-fit:contain;max-width:100%;height:180px}.character-element.svelte-1pq43jx{width:32px;height:32px;color:var(--fatui-text);background:#121b1bc9;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:12px}.character-body.svelte-1pq43jx{padding:18px}.character-body.svelte-1pq43jx h2:where(.svelte-1pq43jx){color:var(--fatui-text);margin:0 0 5px;font-size:18px;font-weight:600}.character-weapon.svelte-1pq43jx{color:var(--fatui-muted);margin:0 0 18px;font-size:12px}.character-rarity.svelte-1pq43jx{color:#f2d58d;letter-spacing:3px;font-size:16px;line-height:1.5}.character-element.svelte-6nbnhb{width:32px;height:32px;color:var(--fatui-text);background:#121b1bc9;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:12px}.traveler-element.svelte-6nbnhb{z-index:3;pointer-events:auto}.element-trigger.svelte-6nbnhb{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.element-trigger.svelte-6nbnhb:hover{box-shadow:0 0 0 2px var(--fatui-accent)}.element-picker.svelte-6nbnhb{border:1px solid var(--fatui-border);background:var(--fatui-surface);border-radius:10px;width:168px;margin:0;padding:8px;position:fixed;inset:auto;box-shadow:0 8px 24px #0008}.element-picker.svelte-6nbnhb:popover-open{grid-template-columns:repeat(4,32px);gap:6px;display:grid}.element-picker.svelte-6nbnhb button:where(.svelte-6nbnhb){cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.element-picker.svelte-6nbnhb button:where(.svelte-6nbnhb):hover{background:#ffffff10}.element-picker.svelte-6nbnhb button[aria-pressed=true]:where(.svelte-6nbnhb){border-color:var(--fatui-accent);background:#dbc49018}button.svelte-6nbnhb:focus-visible{outline:2px solid var(--fatui-accent);outline-offset:2px}