.character-page.svelte-axln4j{width:min(1100px,calc(100% - 4rem));margin:2rem auto 3rem}.page-header.svelte-axln4j,.character-detail.svelte-axln4j{margin-bottom:2rem}.character-detail-layout.svelte-axln4j{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:2rem;align-items:start}.character-card-column.svelte-axln4j{position:sticky;top:1rem}.character-detail-content.svelte-axln4j{min-width:0}.detail-header.svelte-axln4j{margin-bottom:1.5rem}h1.svelte-axln4j{margin:0 0 1rem;font-size:clamp(2rem,3vw,3rem);line-height:1.1}p.svelte-axln4j{font-size:1.3rem;line-height:1.55;margin:0 0 1rem}.playing-card-grid.svelte-axln4j{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.playing-card.svelte-axln4j{display:flex;flex-direction:column;text-decoration:none;color:var(--white);background:linear-gradient(180deg,#61b6e629,#1c1c1cf5 30%);border:1px solid rgba(237,237,237,.24);border-radius:1.1rem;overflow:hidden;box-shadow:0 18px 36px #00000047;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.playing-card.svelte-axln4j:hover{transform:translateY(-5px);box-shadow:0 26px 48px #0000005c;border-color:#61b6e6cc}.detail-card.svelte-axln4j:hover{transform:none;box-shadow:0 18px 36px #00000047;border-color:#ededed3d}.card-image-frame.svelte-axln4j{aspect-ratio:3 / 4;overflow:hidden;background:#ffffff0a}img.svelte-axln4j{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .25s ease,filter .25s ease}.playing-card.svelte-axln4j:hover img:where(.svelte-axln4j){transform:scale(1.04);filter:brightness(1.08)}.card-copy.svelte-axln4j{padding:1rem 1rem 1.1rem}h2.svelte-axln4j{margin:0;font-size:1.25rem;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}@media(max-aspect-ratio:1/1){.character-page.svelte-axln4j{width:calc(100% - 2rem);margin:1rem auto 2rem}.character-detail-layout.svelte-axln4j{grid-template-columns:1fr;gap:1rem}.character-card-column.svelte-axln4j{position:static}p.svelte-axln4j{font-size:1.1rem}.playing-card-grid.svelte-axln4j{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}