.bp-profile{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:16px;margin:10px 0 16px;border:1px solid #53746b;border-radius:12px;background:radial-gradient(ellipse at 15% 50%,#38564877,transparent 60%),linear-gradient(130deg,#203e45,#142a36)}.bp-profile-portrait{display:block;width:112px;height:144px;object-fit:contain}.bp-profile-copy{min-width:0}.bp-profile-copy>small{color:#aec7b2;font:10px system-ui;letter-spacing:.15em}.bp-profile-copy>h2{color:#f3e7c6;font:700 21px/1.2 system-ui;margin:5px 0;overflow-wrap:anywhere}.bp-profile-race{color:#b4cec7;font:13px/1.4 system-ui;margin:0 0 10px}.bp-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0}.bp-profile-facts div{min-width:0}.bp-profile-facts dt{color:#9eb7b8;font:11px/1.4 system-ui}.bp-profile-facts dd{color:#e2ead6;font:600 12px/1.4 system-ui;margin:0;overflow-wrap:anywhere}.bp-profile-empty{color:#b2c3c3;font:12px/1.5 system-ui}#beta-sheet-body[data-panel=status]{container-type:inline-size}@container(max-width:360px){.bp-profile{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:12px}.bp-profile-portrait{width:76px;height:114px}.bp-profile-copy>h2{font-size:18px}.bp-profile-facts{grid-template-columns:1fr;gap:4px}.bp-profile-facts div{display:flex;gap:8px;flex-wrap:wrap}.bp-profile-facts dt{min-width:32px}.bp-profile-facts dd{font-size:11px}.bp-profile-race{margin-bottom:7px}}

.bp-profile-portrait[hidden]{display:none}.bp-profile:has(.bp-profile-portrait[hidden]){grid-template-columns:minmax(0,1fr)}.bp-profile-race{text-transform:capitalize}

/* The legacy drawer stays out of desktop flow while closed. */
body.beta-client #mobile-drawer.drawer-hidden{display:none}
#beta-sheet-body[data-panel=status]{gap:12px}
#beta-sheet-body[data-panel=status]>.bp-heading{margin:0;flex-shrink:0}
#beta-sheet-body[data-panel=status]>.bp-update{margin:0;font-size:11px}
#beta-sheet-body[data-panel=status]>.bp-profile{margin:0;flex-shrink:0}
.bp-profile-facts{max-width:560px}
