/* Read-only RPG status dashboard: responsive and discreet-mode friendly. */
.rpg-status-dialog{width:min(1080px,96vw);max-width:1080px;max-height:90vh;overflow:auto;padding:22px;color:#f8edf3;background:linear-gradient(155deg,#19243a,#111827 75%);border:1px solid #c47f9e;border-radius:17px;box-shadow:0 24px 80px #000c}
.rpg-status-dialog::backdrop{background:#050917da;backdrop-filter:blur(6px)}
.status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.status-eyebrow{display:block;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#f5a5c0}
.status-header h2{font:900 34px 'Barlow Condensed',sans-serif;letter-spacing:.7px;margin:5px 0;color:#fff2ee}
.status-header p{color:#aebbd0;font-size:12px;margin:0}
.status-close{flex:none}
.status-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}
.status-overview-stat{background:#212e44;border:1px solid #39465b;border-radius:9px;padding:10px 12px;min-width:0}
.status-overview-stat small{display:block;color:#aeb9ca;font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin-bottom:4px}
.status-overview-stat strong{display:block;overflow-wrap:anywhere;color:#f9e5e9;font:800 19px 'Barlow Condensed',sans-serif}
.status-main{display:grid;grid-template-columns:minmax(225px,36%) minmax(0,1fr);gap:13px;min-height:310px}
.status-people,.status-detail{min-width:0;background:#121c2f;border:1px solid #3a465d;border-radius:12px;padding:15px}
.status-section-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.status-section-head h3{font:800 23px 'Barlow Condensed',sans-serif;color:#f2b2cc;margin:0}
.status-section-head small{font-size:11px;color:#9faec2}
.status-characters{max-height:min(400px,43vh);overflow-y:auto;display:grid;gap:6px;align-content:start}
.rpg-status-dialog .status-character{display:flex;align-items:center;text-align:left;gap:11px;width:100%;border:1px solid #354257;background:#202d43;padding:6px;min-width:0}
.rpg-status-dialog .status-character.is-selected{background:#55324e;border-color:#e59aba}
.status-character-avatar{width:48px;height:50px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#302b46}
.status-character-avatar img{width:100%;height:100%;object-fit:cover;object-position:top center}
.status-character-avatar .avatar-fallback,.status-character-initials{font:800 16px 'Barlow Condensed',sans-serif;color:#f4b8d1}
.status-character-body{flex:1;min-width:0}
.status-character-body strong{display:block;font:800 16px 'Barlow Condensed',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-character-body small{display:block;color:#c4c9d9;margin-top:2px;font-size:11px}
.status-character-progress{display:block;height:4px;background:#465065;border-radius:8px;margin-top:7px;overflow:hidden}
.status-character-progress span{display:block;height:100%;border-radius:8px;background:#f59bbe}
.status-undiscovered,.status-empty{color:#aebacc;font-size:12px;line-height:1.6;padding:9px;margin:0}
.status-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.status-detail-heading h3{font:900 28px 'Barlow Condensed',sans-serif;margin:3px 0;color:#fff2ee}
.status-detail-heading p{font-size:12px;color:#b9c4d6;margin:0}
.status-partner-tag{white-space:nowrap;color:#ffe1e9;background:#763b5e;padding:7px;border-radius:6px;font:800 11px 'Barlow Condensed',sans-serif}
.status-connection-label{margin:13px 0;color:#ffc4d7;font:800 16px 'Barlow Condensed',sans-serif}
.status-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.status-meter-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:5px}
.status-meter-head strong{color:#fff}
.status-meter-track{height:7px;background:#39445a;border-radius:10px;overflow:hidden}
.status-meter-fill{display:block;height:100%;background:linear-gradient(90deg,#b3578b,#ffb1bd);border-radius:10px}
.status-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:21px}
.status-detail-facts .status-overview-stat{padding:9px}
.status-detail-facts strong{font-size:15px}
.status-discovered-likes{margin-top:17px;padding:13px 14px;border:1px solid #3b4b60;background:#1b2a40;border-radius:10px}
.status-likes-heading{display:block;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:1.1px;color:#f4b7d0;margin-bottom:9px}
.status-likes-list{display:flex;flex-wrap:wrap;gap:7px}
.status-like{padding:6px 10px;border:1px solid #845873;background:#3f3048;border-radius:30px;font-size:12px;color:#ffdfeb}
.status-likes-unknown{margin:0;font-size:12px;color:#b8c4d6;line-height:1.6}
.status-route{font:800 14px 'Barlow Condensed',sans-serif;color:#ffd0dd;background:#432c47;border:1px solid #795171;border-radius:8px;padding:10px;margin:16px 0 0}
.status-disclaimer{font-size:11px;color:#9aaac0;line-height:1.6;margin-top:16px}
@media(max-width:700px){
 .rpg-status-dialog{width:97vw;max-height:94dvh;padding:12px}
 .status-header h2{font-size:28px}
 .status-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .status-overview-stat{padding:8px}
 .status-main{grid-template-columns:minmax(0,1fr)}
 .status-characters{max-height:240px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .status-character{gap:6px}
 .status-character-avatar{width:40px;height:44px}
 .status-character-body strong{font-size:13px}
 .status-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){.status-characters{grid-template-columns:1fr}.status-meters{grid-template-columns:1fr}}

/* Scrollable toolbars must not justify overflowing items off-screen. Keep Status visible first. */
.utilitybar .utility-actions{justify-content:flex-start}
.utilitybar .utility-actions #statusBtn{flex:none;background:#66324f;border-color:#e999b8;color:#fff3f8;font-weight:900;white-space:nowrap}
.utilitybar .utility-actions #statusBtn:focus-visible{outline:3px solid #fff0af;outline-offset:2px}
:root[data-rpg-discreet="on"] .status-character-avatar img:not(.rpg-safe-avatar),
:root[data-rpg-discreet="on"] .status-character-avatar .avatar-fallback{display:none!important}
:root[data-rpg-discreet="on"] .status-character-avatar .rpg-safe-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:root[data-rpg-discreet="on"] .status-character-avatar{position:relative}
@media(max-width:700px){
 .utilitybar .utility-actions #statusBtn{position:sticky;left:0;z-index:3;min-height:40px;box-shadow:4px 0 8px #0b1424b5}
 .rpg-status-dialog{max-height:calc(100dvh - 16px);overscroll-behavior:contain}
 .status-people,.status-detail{padding:10px}
}

.status-tutorial-option{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:11px 13px;border:1px solid #3a465d;border-radius:10px;background:#18273b;color:#e9dce4;font-size:12px;cursor:pointer}
.status-tutorial-option input{width:18px;height:18px;flex:none;accent-color:#d8789f}