.character-profile-page{--character-accent: var(--characters-red);--character-accent-rgb: 232, 49, 63}.character-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:40px;align-items:center;max-width:1200px;margin:0 auto;padding:64px 48px 72px}.character-eyebrow{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--character-accent);text-transform:uppercase;margin-bottom:18px}.character-title{font-family:Fraunces,serif;font-weight:400;font-size:clamp(56px,8vw,104px);line-height:.92;letter-spacing:-3px;margin-bottom:10px}.character-role{font-family:Fraunces,serif;font-style:italic;font-size:22px;color:color-mix(in srgb,var(--character-accent) 70%,white 30%);margin-bottom:24px}.character-deck{font-size:17px;line-height:1.75;color:var(--characters-text);max-width:620px;margin-bottom:20px}.character-origin{font-size:15px;line-height:1.7;color:var(--characters-muted);max-width:560px;margin-bottom:32px}.character-actions{display:flex;gap:14px;flex-wrap:wrap}.character-btn,.character-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:transform .2s,opacity .2s,border-color .2s,background .2s}.character-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--character-accent) 70%,white 30%),var(--character-accent));color:#050508}.character-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--characters-text)}.character-btn:hover,.character-btn-secondary:hover{transform:translateY(-1px)}.character-btn-secondary:hover{border-color:#ffffff61;background:#ffffff0a}.character-art{min-height:520px}.character-traits-section,.character-notes-section,.character-status-section{max-width:1200px;margin:0 auto;padding:0 48px 72px}.character-section-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:color-mix(in srgb,var(--character-accent) 42%,var(--characters-dim));margin-bottom:14px}.trait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.trait-card{background:#0e0e16d1;border:1px solid rgba(var(--character-accent-rgb),.16);border-radius:22px;padding:24px}.trait-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:color-mix(in srgb,var(--character-accent) 44%,var(--characters-dim));margin-bottom:10px}.trait-value{font-size:16px;line-height:1.6;color:var(--characters-text)}.character-notes-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.character-notes{background:#0e0e16d1;border:1px solid var(--characters-border);border-radius:28px;padding:30px}.character-notes p{font-size:16px;line-height:1.8;color:var(--characters-muted)}.character-notes p+p{margin-top:18px}.character-sidecard{background:radial-gradient(circle at 20% 20%,rgba(var(--character-accent-rgb),.12),transparent 34%),#0e0e16eb;border:1px solid rgba(var(--character-accent-rgb),.18);border-radius:28px;padding:28px}.character-sidecard-title{font-family:Fraunces,serif;font-size:28px;line-height:1.15;margin-bottom:14px}.character-sidecard-copy{font-size:15px;line-height:1.75;color:var(--characters-muted)}.character-status-banner{background:radial-gradient(circle at 85% 20%,rgba(var(--character-accent-rgb),.12),transparent 28%),linear-gradient(180deg,#0e0e16e6,#08080ceb);border:1px solid rgba(var(--character-accent-rgb),.18);border-radius:32px;padding:32px}.character-status-copy{max-width:760px;font-size:16px;line-height:1.8;color:var(--characters-muted);margin-bottom:22px}@media(max-width:960px){.character-hero,.trait-grid,.character-notes-grid{grid-template-columns:1fr}}@media(max-width:640px){.character-hero,.character-traits-section,.character-notes-section,.character-status-section{padding-left:24px;padding-right:24px}.character-art{min-height:360px}}.character-render--hero{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;box-shadow:0 24px 60px #00000073;background:#0a0716}.character-games-section{max-width:1200px;margin:56px auto 0;padding:0 48px}.character-brawl-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;max-width:1200px;margin:0 auto;padding:0 48px}@media(max-width:960px){.character-brawl-row{grid-template-columns:1fr}}.character-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px}.character-game-link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;text-decoration:none;background:#ffffff09;border:1px solid rgba(255,255,255,.09);transition:transform .14s ease,border-color .14s ease,background .14s ease}.character-game-link:hover{transform:translateY(-3px);border-color:var(--character-accent, #7C5CFC);background:#ffffff12}.character-game-title{font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--text, #F0F0F5)}.character-game-hook{font-size:12.5px;line-height:1.4;color:var(--dim, #8688A2)}.character-game-go{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--character-accent, #7C5CFC)}.character-frames-section{margin:0;padding:0}.character-frames-note{font-size:13.5px;line-height:1.5;color:var(--dim, #8688A2);max-width:52ch;margin:10px 0 18px}.character-frames-row{display:flex;flex-wrap:wrap;gap:12px}.character-frame{margin:0;padding:10px 10px 8px;border-radius:14px;text-align:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.character-frame img{display:block;width:96px;height:96px;object-fit:contain;image-rendering:auto}.character-frame figcaption{margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim, #8688A2)}@media(max-width:700px){.character-games-section,.character-brawl-row{padding:0 20px}}.character-brawl-row{margin-top:48px;margin-bottom:40px}.character-stats-note{margin:0 0 1.25rem;color:#fff9;font-size:.95rem}.character-stats{display:grid;gap:.7rem;max-width:560px}.character-stat{display:grid;grid-template-columns:6.5rem 1fr 3rem;align-items:center;gap:.9rem}.character-stat-label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff9e}.character-stat-track{position:relative;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.character-stat-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--stat) * 100%);border-radius:999px;background:linear-gradient(90deg,rgba(var(--character-accent-rgb),.55),var(--character-accent))}.character-stat-value{font-variant-numeric:tabular-nums;font-size:.95rem;color:#ffffffe6;text-align:right}.character-stat-max{font-size:.75rem;color:#fff6}.character-relations{display:grid;gap:1.5rem}.character-relation-title{margin:0 0 .7rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-weight:600}.character-relation-row{display:flex;flex-wrap:wrap;gap:.6rem}.character-relation-chip{display:grid;gap:.15rem;padding:.7rem 1rem;min-width:10.5rem;border-radius:14px;text-decoration:none;border:1px solid rgba(var(--chip-accent-rgb),.35);background:linear-gradient(180deg,rgba(var(--chip-accent-rgb),.14),#ffffff05);transition:transform .16s ease,border-color .16s ease,background .16s ease}.character-relation-chip:hover,.character-relation-chip:focus-visible{transform:translateY(-2px);border-color:rgba(var(--chip-accent-rgb),.7)}.character-relation-name{color:#fff;font-weight:600;font-size:1rem}.character-relation-role{color:#fff9;font-size:.8rem}.character-relation-chip.is-rival .character-relation-name:before{content:"vs ";color:var(--chip-accent)}@media(max-width:560px){.character-stat{grid-template-columns:5.5rem 1fr 2.6rem;gap:.6rem}}html[data-bk-theme=kitchen] .trait-card,html[data-bk-theme=kitchen] .character-notes{background:#fffdf7cc}html[data-bk-theme=kitchen] .character-sidecard{background:#fffdf7d9}html[data-bk-theme=kitchen] .character-status-banner{background:linear-gradient(180deg,#fffdf7e6,#f0e8d4d9)}html[data-bk-theme=kitchen] .character-role{color:color-mix(in srgb,var(--character-accent) 78%,black 22%)}html[data-bk-theme=kitchen] .character-btn-secondary{border-color:#22190e4d}html[data-bk-theme=kitchen] .character-btn-secondary:hover{border-color:#22190e80;background:#22190e0d}html[data-bk-theme=kitchen] .character-game-link{background:#fffdf7cc;border-color:#22190e29}html[data-bk-theme=kitchen] .character-game-link:hover{background:#fffdf7}html[data-bk-theme=kitchen] .character-game-hook{color:var(--characters-muted)}html[data-bk-theme=kitchen] .character-frame{background:#fffdf7cc;border-color:#22190e29}html[data-bk-theme=kitchen] .character-stat-track{background:#22190e1f}html[data-bk-theme=kitchen] .character-stats-note{color:#22190ea6}html[data-bk-theme=kitchen] .character-stat-label{color:#22190e9e}html[data-bk-theme=kitchen] .character-stat-value{color:#22190ee6}.character-art{position:relative}.character-origin-sheet{position:absolute;right:-14px;bottom:-30px;margin:0;width:clamp(110px,10vw,150px);background:#fff;padding:6px;box-shadow:0 16px 34px #06060c73;transform:rotate(3deg);z-index:2}.character-origin-sheet img{display:block;width:100%;height:auto}.character-origin-sheet .sheet-tape{width:64px;height:18px;top:-9px}html[data-bk-theme=kitchen] .character-origin-sheet{box-shadow:0 14px 30px #221b103d}@media(max-width:960px){.character-origin-sheet{right:6px;bottom:-20px}}