.collection-character-pane.svelte-73wewp{display:flex;flex-direction:column;height:100%;color:var(--text-primary, #111)}.tab-nav.svelte-73wewp{padding:16px}.pane-content.svelte-73wewp{flex:1;overflow-y:auto;display:flex;flex-direction:column}.info-view.svelte-73wewp{display:flex;flex-direction:column;gap:32px;padding:0 16px}.collection-view.svelte-73wewp{display:flex;flex-direction:column;gap:24px}.character-card.svelte-1cijf1h{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .2s ease}.character-card.svelte-1cijf1h:hover{transform:scale(1.05)}.character-card.svelte-1cijf1h:focus-visible{outline:2px solid var(--accent-color, #3366ff);outline-offset:2px;border-radius:8px}.card-image.svelte-1cijf1h{position:relative;width:100%;aspect-ratio:280/160;border-radius:8px;overflow:hidden;background:var(--card-bg, #f5f5f5)}.perpetuity-badge.svelte-1cijf1h{position:absolute;top:-4px;right:8px;width:24px;height:24px;z-index:10}.character-image.svelte-1cijf1h{width:100%;height:100%;object-fit:cover;border-radius:8px}.character-name.svelte-1cijf1h{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.4rem;line-height:1.4;color:var(--text-tertiary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;max-width:100%;max-height:3.92rem}.character-row.svelte-1fqhzgc{display:flex;align-items:center;gap:32px;padding:8px 16px 8px 8px;border:none;background:var(--list-cell-bg);cursor:pointer;width:100%;text-align:left;border-radius:12px;transition:background .15s,box-shadow .15s}.character-row.svelte-1fqhzgc:hover{background:var(--list-cell-bg-hover);box-shadow:0 0 8px #00000014}.character-row.svelte-1fqhzgc:focus-visible{outline:2px solid var(--accent-color, #3366ff);outline-offset:-2px}.core-info.svelte-1fqhzgc{display:flex;align-items:center;gap:16px;flex-grow:1}.core-info.svelte-1fqhzgc .thumbnail:where(.svelte-1fqhzgc){width:100px;aspect-ratio:280/160;border-radius:8px;overflow:hidden;background:var(--card-bg, #f5f5f5);flex-shrink:0}.core-info.svelte-1fqhzgc .thumbnail:where(.svelte-1fqhzgc) img:where(.svelte-1fqhzgc){width:100%;height:100%;object-fit:cover}.core-info.svelte-1fqhzgc .name-cell:where(.svelte-1fqhzgc){flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.core-info.svelte-1fqhzgc .name-row:where(.svelte-1fqhzgc){display:flex;align-items:center;gap:8px}.core-info.svelte-1fqhzgc .name-row:where(.svelte-1fqhzgc) .name:where(.svelte-1fqhzgc){font-size:1.6rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.core-info.svelte-1fqhzgc .name-row:where(.svelte-1fqhzgc) .perpetuity-badge:where(.svelte-1fqhzgc){width:16px;height:16px;flex-shrink:0}.uncap-cell.svelte-1fqhzgc{width:100px;display:flex;justify-content:flex-start;flex-shrink:0}.proficiency-cell.svelte-1fqhzgc{display:flex;gap:4px;flex-shrink:0;min-width:130px;justify-content:flex-end}.collection-page.svelte-1efeogh{display:flex;flex-direction:column;gap:16px}.action-bar.svelte-1efeogh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.grid-area.svelte-1efeogh{min-height:400px}.character-grid.svelte-1efeogh{display:grid;grid-template-columns:repeat(5,144px);justify-content:space-between;gap:32px 16px}.character-list.svelte-1efeogh{display:flex;flex-direction:column;gap:8px}.loading-state.svelte-1efeogh,.empty-state.svelte-1efeogh{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary, #666);gap:8px}.loading-state.svelte-1efeogh svg,.empty-state.svelte-1efeogh svg{color:var(--icon-secondary, #999)}.loading-state.svelte-1efeogh p:where(.svelte-1efeogh),.empty-state.svelte-1efeogh p:where(.svelte-1efeogh){margin:0}.empty-state.svelte-1efeogh h3:where(.svelte-1efeogh){margin:0;color:var(--text-primary, #333)}.loading-state.svelte-1efeogh svg{animation:svelte-1efeogh-spin 1s linear infinite}.load-more-sentinel.svelte-1efeogh{height:1px;margin-top:8px}.load-more-sentinel.hidden.svelte-1efeogh{display:none}.loading-more.svelte-1efeogh{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text-secondary, #666)}.loading-more.svelte-1efeogh svg{animation:svelte-1efeogh-spin 1s linear infinite}@keyframes svelte-1efeogh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}