dialog.character-file{max-width:920px;width:calc(100% - 30px);background:linear-gradient(140deg,#10223a,#070d17)}
.character-file-header{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.character-file .character-portrait{margin:0;background:#070c15}
.character-file .character-portrait img{width:100%;height:280px;object-fit:contain}
.character-file-header .eyebrow{margin-bottom:10px}
.character-file #dialog-title{font-size:clamp(35px,4vw,48px);line-height:1.08;margin-bottom:12px;overflow-wrap:anywhere}
.character-file .character-full-name{color:#c6ddff;font-size:16px!important;margin-bottom:16px}
.character-file-header p{line-height:1.7}
.character-bio-section{margin-top:26px;padding-top:22px;border-top:1px solid #7899c34d}
.character-bio-section h3,.character-bio-section summary{font-family:'Agency FB','Arial Narrow',sans-serif;font-size:26px;font-weight:700;color:#d0e5ff;line-height:1.3}
.character-bio-section summary{cursor:pointer;padding:2px 0;min-height:44px}
.character-bio-section summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.character-bio-section[open] summary{margin-bottom:18px}
.character-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:13px 0 0}
.character-facts>div{padding:13px 0;border-bottom:1px solid #7899c329;min-width:0}
.character-facts dt{color:#89b9ef;font-size:10px;letter-spacing:1px;text-transform:uppercase;line-height:1.5;margin-bottom:5px}
.character-facts dd{margin:0;color:#f4f8ff;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.character-file .character-quote{border-left:2px solid #8ebeff;background:#82b7ff0b;padding:18px 22px;margin:26px 0 0;font-family:'Agency FB','Arial Narrow',sans-serif;font-size:25px;line-height:1.4;color:#e4f0ff}
.character-bio-section p{line-height:1.8;max-width:72ch}
.character-bio-section p strong{color:#e0ecff}
.character-file .character-spoiler-note{font-size:12px!important;color:#9ec1eb}
.character-file .character-bio-source{border-top:1px solid #7899c34d;padding-top:20px;margin:26px 0 0;font-size:11px!important;line-height:1.7;color:#a9bed8}
.character-bio-source strong{color:#c6ddff}
.character-file .dialog-actions{margin-bottom:0}
.character-machine-visuals{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin:8px 0 15px}
.character-machine-figure{margin:0;min-width:0;border:1px solid #7899c34d;background:#050a12}
.character-machine-figure a{display:block}
.character-machine-figure img{display:block;width:100%;height:240px;object-fit:contain;padding:12px}
.character-machine-figure figcaption{padding:14px 16px;border-top:1px solid #7899c329;line-height:1.6;font-size:13px}
.character-machine-figure figcaption strong{display:block;color:#e0ecff;font-weight:400}
.character-machine-figure figcaption span{display:block;margin-top:5px;color:#93bceb;font-size:11px}
.character-file .character-machine-note{color:#a9bed8;font-size:11px!important;margin:0 0 20px}
@media(max-width:700px){.character-machine-visuals{grid-template-columns:1fr;gap:16px}.character-machine-figure img{height:auto;max-height:300px;padding:12px}.character-machine-figure figcaption{padding:12px 14px}}
@media(max-width:700px){dialog.character-file{width:calc(100% - 20px);padding:21px}.character-file-header{grid-template-columns:1fr;gap:23px}.character-file .character-portrait{width:min(100%,280px);margin:auto}.character-file .character-portrait img{height:270px}.character-file #dialog-title{font-size:38px}.character-facts{gap:0 17px}.character-facts dd{font-size:13px}.character-file .character-quote{font-size:23px;padding:17px}.character-bio-section{margin-top:23px;padding-top:20px}}
@media(max-width:360px){.character-facts{grid-template-columns:1fr}}