.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:140px 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{margin:56px 0 0;padding:0 48px}.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:52px 0 40px;padding:0 48px}.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-frames-section{padding:0 20px}}