.characters-page.svelte-75i7xh{min-height:100dvh;background:var(--grim-bg);color:var(--grim-text);padding:var(--grim-gutter)}.page-header.svelte-75i7xh{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.page-header.svelte-75i7xh h1:where(.svelte-75i7xh){font-size:clamp(1.75rem,5vw,2.5rem);margin:0;color:var(--grim-text)}.header-actions.svelte-75i7xh{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.user-info.svelte-75i7xh{color:var(--grim-muted-text);font-size:.9rem}.btn-secondary.svelte-75i7xh{background:var(--grim-surface);color:var(--grim-text);border:1px solid var(--grim-border);padding:.5rem 1rem;border-radius:calc(var(--grim-border-radius) * .75);font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary.svelte-75i7xh:hover{background:var(--grim-muted);transform:translateY(-1px)}.empty-state.svelte-75i7xh{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;min-height:50dvh}.empty-state.svelte-75i7xh p:where(.svelte-75i7xh){font-size:1.25rem;color:var(--grim-muted-text);margin-bottom:1.5rem}.characters-grid.svelte-75i7xh{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.character-card.svelte-75i7xh{display:flex;gap:1rem;padding:1rem;background:var(--grim-surface);border-radius:var(--grim-border-radius);text-decoration:none;color:inherit;transition:all .2s;border:2px solid transparent}.character-card.svelte-75i7xh:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--grim-shadow);border-color:var(--grim-accent)}.character-avatar.svelte-75i7xh{flex-shrink:0;width:80px;height:120px;overflow:hidden;border-radius:calc(var(--grim-border-radius) * .5);background:var(--grim-muted)}.character-avatar.svelte-75i7xh img:where(.svelte-75i7xh){width:100%;height:100%;object-fit:cover}.character-details.svelte-75i7xh{flex:1;display:flex;flex-direction:column;gap:.5rem}.character-name.svelte-75i7xh{font-size:clamp(1.25rem,4vw,1.5rem);margin:0;color:var(--grim-text)}.character-role.svelte-75i7xh{font-size:1rem;color:var(--grim-accent);margin:0;font-weight:600}.character-stats.svelte-75i7xh{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--grim-muted-text)}.stat-separator.svelte-75i7xh{color:var(--grim-border)}.page-footer.svelte-75i7xh{display:flex;justify-content:center;padding:2rem 0}.btn-primary.svelte-75i7xh{background:linear-gradient(180deg,var(--grim-primary) 0%,color-mix(in srgb,var(--grim-primary) 75%,black 25%) 100%);color:var(--grim-primary-contrast);border:1px solid color-mix(in srgb,var(--grim-primary) 45%,black 55%);padding:.875rem 1.5rem;border-radius:calc(var(--grim-border-radius) * .75);font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary.svelte-75i7xh:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--grim-shadow)}.btn-large.svelte-75i7xh{font-size:1.125rem;padding:1rem 2rem}@media screen and (min-width:768px){.page-header.svelte-75i7xh{flex-direction:row;justify-content:space-between;align-items:center}.characters-grid.svelte-75i7xh{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.character-avatar.svelte-75i7xh{width:100px;height:150px}}