/* The identity sheet opens from the courtyard, with room around every control. */
.intro-modal{max-height:calc(100dvh - 32px)}
.intro-modal .modal-content{padding:14px 20px 20px;overflow-y:auto}
.intro-sheet{position:relative;padding:0 1px 10px}
.intro-modal .section-title{padding-top:30px;padding-bottom:22px;margin:0 0 10px}
.intro-modal .section-title h2{font-size:25px;line-height:1.4}
.intro-modal .section-title .eyebrow{font-size:9px}
.intro-modal .section-title p{font-size:11px;margin-top:5px}
.intro-modal .intro-summary{position:relative;gap:14px;padding:14px 16px;border:3px double #bc945c;border-radius:9px;background:linear-gradient(115deg,#fbefd1,#ebd0a7);box-shadow:inset 0 0 0 4px #fff3d16b}
.intro-modal .intro-summary::before,.intro-modal .intro-summary::after{content:'';position:absolute;width:24px;height:24px;background:url('assets/ui-v8/corner.svg') center/contain no-repeat;pointer-events:none}
.intro-modal .intro-summary::before{top:2px;left:2px}
.intro-modal .intro-summary::after{bottom:2px;right:2px;transform:scale(-1)}
.intro-modal .intro-summary .intro-portrait{width:72px;height:72px;border:3px double #b59054;box-shadow:0 0 0 3px #fff1d1;margin:3px;flex:none}
.intro-modal .intro-summary h3{font-size:19px;line-height:1.4;margin:6px 0}
.intro-modal .intro-summary p{font-size:10px;line-height:1.5}
.intro-modal .role-badge{font-size:9px;letter-spacing:1.5px}
.intro-modal .family{gap:10px;margin:12px 2px;font-size:10px;line-height:1.6}
.intro-modal .family p{line-height:1.6}
.intro-modal .stats-grid{gap:5px 8px;margin:10px 0}
.intro-modal .stat{padding:5px 8px;background:#fff5df8c;border:1px solid #d7bb8c;border-radius:4px}
.intro-modal .stat div{font-size:11px;line-height:1.4;margin-bottom:4px}
.intro-modal .stat b{font-weight:700;color:#794330}
.intro-modal .stat i{height:3px}
.intro-modal .reincarnation-balance{width:max-content;max-width:100%;gap:7px;margin:12px auto;padding:4px 12px;border:1px solid #c6a374;border-radius:20px;background:#f3e2bf;font-size:10px}
.intro-modal .reincarnation-balance b{font-size:18px;line-height:1.4}
.intro-modal .reincarnation-balance .icon{width:16px;height:16px}
.intro-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:12px 0 0}
.intro-modal .intro-actions button{width:100%;min-height:46px;margin:0;padding:11px 8px;font-size:13px;font-weight:700;line-height:1.4}
.intro-modal .footnote{font-size:10px;line-height:1.6;margin:13px 7px 9px;color:#8a6b4b}
.intro-footer{height:25px;margin:7px 5px 6px;border-top:3px double #c7a573;border-bottom:1px solid #c7a573;background:url('assets/ui-v8/divider.svg') center/240px 21px no-repeat}
@media(max-width:360px){.intro-modal .modal-content{padding:11px 14px 18px}.intro-modal .intro-summary{padding:12px;gap:12px}.intro-modal .intro-summary .intro-portrait{width:64px;height:64px}.intro-modal .intro-summary h3{font-size:17px}.intro-modal .intro-actions button{font-size:12px}.intro-modal .section-title{padding-top:26px;padding-bottom:19px}.intro-modal .section-title h2{font-size:23px}}
@media(max-height:800px){.intro-modal .section-title{padding-top:24px;padding-bottom:18px;margin-bottom:8px}.intro-modal .section-title h2{font-size:22px}.intro-modal .intro-summary{padding:10px 12px}.intro-modal .intro-summary .intro-portrait{width:60px;height:60px}.intro-modal .family{margin:9px 2px}.intro-modal .stats-grid{gap:4px 7px;margin:8px 0}.intro-modal .stat{padding:4px 7px}.intro-modal .stat div{font-size:10px;margin-bottom:2px}.intro-modal .reincarnation-balance{margin:9px auto}.intro-modal .footnote{font-size:9px;margin:10px 5px 8px}.intro-footer{height:22px;margin-top:5px}}