.char-picker{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0 var(--space-4);scrollbar-width:thin}.char-picker button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;background:var(--color-void-700);border:1px solid var(--color-void-500);border-radius:var(--radius-pill);color:var(--color-ink-200);font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;transition:all var(--dur-fast);cursor:pointer}.char-picker button:hover{border-color:var(--color-cyber-cyan);color:var(--color-ink-100)}.char-picker button[aria-pressed=true]{background:color-mix(in oklab,var(--element, var(--color-cyber-cyan)) 18%,var(--color-void-700));border-color:var(--element, var(--color-cyber-cyan));color:var(--color-ink-100);box-shadow:0 0 18px -6px var(--element, var(--color-cyber-cyan))}.char-hero{--element: var(--color-cyber-cyan);position:relative;display:grid;grid-template-columns:360px 1fr;gap:var(--space-6);padding:var(--space-7) 0;align-items:center}@media(max-width:840px){.char-hero{grid-template-columns:1fr;text-align:center}.char-hero__portrait{margin-inline:auto;max-width:300px}}.char-hero__portrait{aspect-ratio:4/5;background:var(--color-void-900);border:2px solid var(--element);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 0 60px -10px color-mix(in oklab,var(--element) 70%,transparent),inset 0 0 40px -10px color-mix(in oklab,var(--element) 30%,transparent)}.char-hero__portrait svg{width:100%;height:100%}.char-hero__element-badge{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:color-mix(in oklab,var(--color-void-900) 85%,transparent);border:1px solid var(--element);border-radius:var(--radius-pill);font-family:var(--font-pixel-heavy);font-size:10px;color:var(--element);letter-spacing:.2em;z-index:2}.char-hero__score{position:absolute;right:16px;bottom:16px;background:var(--color-void-900);border:2px solid var(--element);color:var(--element);padding:10px 14px;border-radius:var(--radius-sm);font-family:var(--font-pixel-heavy);font-size:14px;box-shadow:0 0 16px -4px var(--element);z-index:2}.char-hero__score small{display:block;font-size:8px;color:var(--color-ink-300);letter-spacing:.2em;margin-bottom:2px}.char-hero__info h1{font-size:clamp(48px,7vw,88px);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-2)}.char-hero__role{font-family:var(--font-pixel-heavy);font-size:11px;letter-spacing:.25em;color:var(--element);margin-bottom:var(--space-5)}.char-hero__tag{font-size:20px;color:var(--color-ink-200);max-width:56ch;margin-bottom:var(--space-5)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:720px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-tile{padding:var(--space-3);background:var(--color-void-700);border:1px solid var(--color-void-500);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px}.stat-tile__label{font-family:var(--font-pixel-heavy);font-size:9px;letter-spacing:.2em;color:var(--color-ink-300);text-transform:uppercase}.stat-tile__value{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--color-ink-100);display:flex;align-items:center;gap:8px}.relations{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.relation{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-3);background:var(--color-void-700);border:1px solid var(--color-void-500);border-radius:var(--radius-md);color:var(--color-ink-100);text-align:center;text-decoration:none;position:relative}.relation:hover{border-color:var(--color-cyber-cyan)}.relation__avatar{width:80px;height:80px;border-radius:50%;background:var(--color-void-900);border:2px solid var(--rel-color, var(--color-cyber-cyan));overflow:hidden;position:relative;box-shadow:0 0 14px -4px var(--rel-color, var(--color-cyber-cyan))}.relation__avatar svg{width:100%;height:130%;margin-top:-10%}.relation__name{font-family:var(--font-display);font-weight:700;font-size:15px}.relation__type{font-family:var(--font-pixel);font-size:13px;color:var(--color-ink-300);letter-spacing:.05em}.timeline{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-4);scroll-snap-type:x mandatory}.timeline__node{flex:0 0 160px;scroll-snap-align:start;background:var(--color-void-700);border:1px solid var(--color-void-500);border-radius:var(--radius-md);padding:var(--space-3);text-decoration:none;color:var(--color-ink-100);position:relative;transition:transform var(--dur-fast),border-color var(--dur-fast)}.timeline__node:hover{transform:translateY(-4px);border-color:var(--color-cyber-cyan)}.timeline__node.featured{border-color:var(--element);box-shadow:0 0 22px -6px var(--element)}.timeline__num{font-family:var(--font-pixel-heavy);font-size:24px;color:var(--element, var(--color-cyber-cyan));margin-bottom:4px}.timeline__title{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.02em;line-height:1.2;min-height:34px}.timeline__year{font-family:var(--font-pixel);font-size:14px;color:var(--color-ink-300);margin-top:8px}.timeline__dot{position:absolute;top:10px;right:10px}.two-col{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}@media(max-width:960px){.two-col{grid-template-columns:1fr}}.char-card-widget{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.char-card-widget__label{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel-heavy);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-ink-300)}.char-card-widget__link{font-family:var(--font-pixel);font-size:13px;color:var(--color-cyber-cyan);text-decoration:none;letter-spacing:.06em;transition:opacity var(--dur-fast)}.char-card-widget__link:hover{opacity:.75}.back-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:13px;letter-spacing:.08em;color:var(--color-ink-300);text-decoration:none;padding:var(--space-2) 0;transition:color var(--dur-fast)}.back-link:hover{color:var(--color-cyber-cyan)}.char-simple{display:grid;grid-template-columns:280px 1fr;gap:var(--space-7);align-items:start;padding-top:var(--space-5);padding-bottom:var(--space-8)}@media(max-width:720px){.char-simple{grid-template-columns:1fr;justify-items:center}.char-simple__info{max-width:100%}}.char-simple__card{width:280px}@media(max-width:720px){.char-simple__card{width:240px}}.char-simple__info{display:flex;flex-direction:column;gap:var(--space-4);max-width:56ch}.char-simple__meta{display:flex;align-items:center;gap:var(--space-3)}.char-simple__number{font-family:var(--font-pixel-heavy);font-size:13px;letter-spacing:.15em;opacity:.8}.char-simple__rarity{font-family:var(--font-pixel-heavy);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid currentColor;opacity:.85}.char-simple__rarity[data-rarity=common]{color:#9aa5c0}.char-simple__rarity[data-rarity=rare]{color:#17f9ff}.char-simple__rarity[data-rarity=epic]{color:#ff2d9b}.char-simple__rarity[data-rarity=legendary]{color:#ffb84a}.char-simple__rarity[data-rarity=boss]{color:#ff2d3a}.char-simple__name{font-size:clamp(36px,6vw,64px);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1;margin:0}.char-simple__tagline{font-size:18px;color:var(--color-ink-200);font-style:italic;line-height:1.5}.char-simple__element{display:flex;align-items:center;gap:var(--space-3)}.char-simple__kanji{font-size:48px;line-height:1;opacity:.7}.char-simple__elem-label{font-family:var(--font-pixel-heavy);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-ink-300)}.char-simple__attrs{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-void-700);border:1px solid var(--color-void-500);border-radius:var(--radius-md)}.char-simple__attr{display:flex;flex-direction:column;gap:3px}.char-simple__attr-key{font-family:var(--font-pixel-heavy);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-400)}.char-simple__attr-val{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--color-ink-100);text-transform:capitalize}.char-simple__seasons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.char-simple__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.char-simple__no-card{width:280px;aspect-ratio:3 / 4.5;background:var(--color-void-700);border:1px dashed var(--color-void-500);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-ink-400);font-family:var(--font-pixel);font-size:13px;text-align:center;padding:var(--space-4)}.kd-season-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:3px 10px;background:var(--color-void-700);border:1px solid var(--color-void-500);border-radius:var(--radius-pill);font-family:var(--font-pixel-heavy);font-size:11px;letter-spacing:.12em;color:var(--color-ink-300);text-decoration:none;transition:border-color var(--dur-fast),color var(--dur-fast)}.kd-season-badge:hover{border-color:var(--color-cyber-cyan);color:var(--color-cyber-cyan)}