/* ============================================================
   PARITY darkroom -- web mirror of iOS DarkroomProfileView.swift / DarkroomTokens.swift (DR.*)
   bg #0C0C10 · text #F4F2EE / #A9A6A0 / #8E8B85 · inactive #77746E · bodyLight #D6D3CD · pink #FF4F9A · blue #5B8CFF
   glass: white 10% fill + white 18% border + blur · hairline white 8% · Inter throughout.
   Loaded by views/darkroom-view.js. Every rule is scoped to html[data-theme="darkroom"].
   ============================================================ */
html[data-theme="darkroom"] {
  --dr-bg: #0C0C10; --dr-t1: #F4F2EE; --dr-t2: #A9A6A0; --dr-t3: #8E8B85; --dr-inactive: #77746E; --dr-body: #D6D3CD;
  --dr-pink: #FF4F9A; --dr-blue: #5B8CFF; --dr-glass: rgba(255,255,255,.10); --dr-glass-b: rgba(255,255,255,.18); --dr-hair: rgba(255,255,255,.08);
  --dr-inter: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

/* ── hide the default hero parts of the profile rest (the top above replaces them) ── */
html[data-theme="darkroom"] #bm-pt-rest > .bm-profile-wallpaper,
html[data-theme="darkroom"] #bm-pt-rest > .bm-profile-cover-tall,
html[data-theme="darkroom"] #bm-pt-rest > .bm-trinity-stack-3,
html[data-theme="darkroom"] #bm-pt-rest > .bm-profile-name-block,
html[data-theme="darkroom"] #bm-pt-rest > .bm-counter-strip,
html[data-theme="darkroom"] #bm-pt-rest > .bm-anthem-bar,      /* the app shows the anthem as the mini player under the logo */
html[data-theme="darkroom"] #bm-pt-rest > .bm-wm-slot,         /* Welcome Mat + Block ID live in the identity block, like the app */
html[data-theme="darkroom"] #bm-pt-rest > .bm-bid { display: none !important; }

/* ── layout: phones fill the width; regular-width canvases cap + centre the content, the backdrop still spans ── */
html[data-theme="darkroom"] .bm-drp { position: relative; width: 100%; color: var(--dr-t1); font-family: var(--dr-inter); text-align: left; box-sizing: border-box; isolation: isolate; }
html[data-theme="darkroom"] .bm-drp *, html[data-theme="darkroom"] .bm-drp *::before, html[data-theme="darkroom"] .bm-drp *::after { box-sizing: border-box; }
html[data-theme="darkroom"] .bm-drp button { font-family: inherit; color: inherit; -webkit-tap-highlight-color: transparent; }
html[data-theme="darkroom"] .bm-drp button:active { transform: scale(.94); }
html[data-theme="darkroom"] .bm-drp button:focus-visible,
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab:focus-visible { outline: 2px solid var(--dr-pink); outline-offset: 3px; }
html[data-theme="darkroom"] .bm-drp-inner { position: relative; z-index: 1; width: 100%; margin: 0 auto; padding-bottom: 4px; }
@container (min-width: 900px) {
  html[data-theme="darkroom"] .bm-drp-inner,
  html[data-theme="darkroom"] #bm-pt-rest > * { max-width: none; margin-inline: auto; }
}

/* ── 1 · drifting cover backdrop + Lights ── */
html[data-theme="darkroom"] .bm-drp-backdrop { position: absolute; left: 0; right: 0; top: 0; height: 520px; overflow: hidden; z-index: 0; pointer-events: none; }
html[data-theme="darkroom"] .bm-drp-drift { position: absolute; inset: -4%; animation: bm-drp-drift 38s ease-in-out infinite alternate; }
@keyframes bm-drp-drift { from { transform: scale(1.04) translate3d(-1.5%, -1%, 0); } to { transform: scale(1.12) translate3d(1.5%, 1.5%, 0); } }
html[data-theme="darkroom"] .bm-drp-fill { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: center; }
html[data-theme="darkroom"] .bm-drp-backdrop-empty { position: absolute; inset: 0; background: radial-gradient(70% 60% at 20% 0%, rgba(91,140,255,.22), transparent 70%), radial-gradient(60% 55% at 100% 20%, rgba(255,79,154,.18), transparent 70%); }
html[data-theme="darkroom"] .bm-drp-backdrop-fade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,12,16,.18) 0%, rgba(12,12,16,.35) 40%, rgba(12,12,16,.82) 72%, var(--dr-bg) 100%); }
/* Lights: a multiply tint (160°) then screen-blended blue + pink lights and a veil (DRLights) */
html[data-theme="darkroom"] .bm-drp-lights { position: absolute; inset: 0; pointer-events: none; }
html[data-theme="darkroom"] .bm-drp-lights .t { position: absolute; inset: 0; mix-blend-mode: multiply; background: linear-gradient(160deg, rgba(40,60,200,.45), rgba(200,30,120,.45)); }
html[data-theme="darkroom"] .bm-drp-lights .l { position: absolute; inset: 0; mix-blend-mode: screen;
  background: radial-gradient(46% 46% at 28% 6%, rgba(70,120,255,.85), transparent 100%), radial-gradient(58% 58% at 96% 72%, rgba(255,45,140,.85), transparent 100%), linear-gradient(180deg, rgba(30,20,80,.35), rgba(60,10,60,.35)); }

/* ── 2 · top bar: monogram left, Adjust + Settings glass right ── */
html[data-theme="darkroom"] .bm-drp-top { padding: 12px 18px 0; }
html[data-theme="darkroom"] .bm-drp-bar { display: flex; align-items: center; gap: 10px; }
html[data-theme="darkroom"] .bm-drp-flex { flex: 1; }
html[data-theme="darkroom"] .bm-drp-logo { display: block; width: 64px; height: 54px; background: #fff;
  -webkit-mask: url("/assets/logo-on-light.png") left center / contain no-repeat; mask: url("/assets/logo-on-light.png") left center / contain no-repeat;
  animation: bm-drp-glow 6s ease-in-out infinite alternate; }
@keyframes bm-drp-glow { from { filter: drop-shadow(0 0 6px rgba(91,140,255,.75)); } to { filter: drop-shadow(0 0 9px rgba(255,79,154,.9)); } }
html[data-theme="darkroom"] .bm-drp-glass { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0; cursor: pointer; color: var(--dr-t1);
  background: var(--dr-glass); border: 1px solid var(--dr-glass-b); -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4); }
html[data-theme="darkroom"] .bm-drp-glass.circle { width: 44px; height: 44px; border-radius: 50%; }
html[data-theme="darkroom"] .bm-drp-glass.capsule { height: 40px; padding: 0 16px; border-radius: 999px; font: 500 14px var(--dr-inter); }

/* ── 3 · ONE main media circle (256; tap → 330; conic ring turning once a minute) ── */
html[data-theme="darkroom"] .bm-drp-mediarow { padding: 30px 20px 0; }
html[data-theme="darkroom"] .bm-drp-media { --s: 256px; position: relative; display: block; width: var(--s); max-width: 100%; aspect-ratio: 1; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer;
  transition: width .5s cubic-bezier(.34, 1.56, .64, 1); }
html[data-theme="darkroom"] .bm-drp-media.big { --s: 330px; }
html[data-theme="darkroom"] .bm-drp-media:active { transform: none !important; }
html[data-theme="darkroom"] .bm-drp-ring { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(var(--dr-blue), var(--dr-pink), rgba(255,255,255,.9), var(--dr-blue)); animation: bm-drp-spin 60s linear infinite; }
@keyframes bm-drp-spin { to { transform: rotate(360deg); } }
html[data-theme="darkroom"] .bm-drp-gap { position: absolute; inset: 3px; border-radius: 50%; background: var(--dr-bg); }
html[data-theme="darkroom"] .bm-drp-photo { position: absolute; inset: 7px; border-radius: 50%; overflow: hidden; background: linear-gradient(135deg, rgba(91,140,255,.14), rgba(255,79,154,.10)); }
html[data-theme="darkroom"] .bm-drp-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--dr-inactive); }

/* ── 4 · identity (left aligned) ── */
html[data-theme="darkroom"] .bm-drp-ident { padding: 18px 20px 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
html[data-theme="darkroom"] .bm-drp-name { margin: 0; font: 600 clamp(26px, 9cqi, 34px)/1.1 var(--dr-inter); letter-spacing: -.8px; color: var(--dr-t1); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-theme="darkroom"] .bm-drp-handle { display: inline-flex; align-items: center; gap: 6px; font: 500 14px/1.3 var(--dr-inter); color: var(--dr-t2); }
html[data-theme="darkroom"] .bm-drp-sub { font: 400 12px/1.3 var(--dr-inter); color: var(--dr-t3); }
html[data-theme="darkroom"] .bm-drp-ident .bm-drp-wm { margin: 12px 0 0; max-width: none; padding: 0; text-align: left; font: 300 15px/1.45 var(--dr-inter); color: var(--dr-body); opacity: 1; }
html[data-theme="darkroom"] .bm-drp-ident .bm-drp-wm.bm-wm-empty { margin: 12px 0 0; padding: 10px 16px; font: 600 13px var(--dr-inter); align-items: flex-start; border-color: rgba(255,79,154,.6); color: var(--dr-t1); font-family: var(--dr-inter); }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid { width: 100%; max-width: none; margin: 16px 0 0; padding: 0; }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid-chips { justify-content: flex-start; }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid-chip { background: rgba(214,211,205,.10); color: var(--dr-body); border-color: transparent; font-family: var(--dr-inter); }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid-open { background: transparent; color: var(--dr-pink); border-color: rgba(255,79,154,.55); font-family: var(--dr-inter); }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid-card { margin: 12px 0 0; max-width: none; background: rgba(214,211,205,.06); color: var(--dr-body); border-color: rgba(255,79,154,.45); border-radius: 14px; box-shadow: none; }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid-title { color: var(--dr-pink); }
html[data-theme="darkroom"] .bm-drp-ident .bm-bid-row { border-top-color: var(--dr-hair); }

/* ── 5 · stats (Neighbors · FAM · Vibes … BlvckScore in pink, right) ── */
html[data-theme="darkroom"] .bm-drp-stats { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 18px 20px 0; }
html[data-theme="darkroom"] .bm-drp-stats-l { display: flex; align-items: flex-start; gap: 22px; min-width: 0; }
html[data-theme="darkroom"] .bm-drp-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 0; border: 0; background: none; cursor: pointer; text-align: left; }
html[data-theme="darkroom"] .bm-drp-stat b { font: 500 22px/1.15 var(--dr-inter); color: var(--dr-t1); white-space: nowrap; }
html[data-theme="darkroom"] .bm-drp-stat span { font: 400 12px/1.2 var(--dr-inter); color: var(--dr-t2); white-space: nowrap; }
html[data-theme="darkroom"] .bm-drp-stat.pink { align-items: flex-end; text-align: right; }
html[data-theme="darkroom"] .bm-drp-stat.pink b { color: var(--dr-pink); }

/* ── 6 · pills (46 tall; solid Edit profile, glass Share / Door) ── */
html[data-theme="darkroom"] .bm-drp-pills { display: flex; gap: 8px; padding: 18px 20px 0; }
html[data-theme="darkroom"] .bm-drp-pill { flex: 1; min-width: 0; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 8px; border-radius: 999px; cursor: pointer;
  font: 600 14px var(--dr-inter); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--dr-t1);
  background: var(--dr-glass); border: 1px solid var(--dr-glass-b); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
html[data-theme="darkroom"] .bm-drp-pill svg { flex: none; }
html[data-theme="darkroom"] .bm-drp-pill.solid { background: var(--dr-t1); color: var(--dr-bg); border-color: transparent; }

/* ── 8 · icon tab row (the default profile's sub-tab nav): icon 26 · Inter 10 label · pink 2px underline ── */
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav { display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; gap: 0; row-gap: 0;
  margin: 10px 0 0; padding: 0 28px 0 12px; background: var(--dr-bg); border-bottom: 1px solid var(--dr-hair); box-shadow: none;
  -webkit-mask-image: linear-gradient(90deg, #000 93%, transparent); mask-image: linear-gradient(90deg, #000 93%, transparent); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab { position: relative; flex: none; display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 62px; margin: 0; padding: 10px 6px 0;
  background: transparent; border: 0; border-radius: 0; white-space: nowrap; font: 500 10px/1.2 var(--dr-inter); letter-spacing: 0; text-transform: capitalize; color: var(--dr-inactive); cursor: pointer; }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab[data-subtab="details"] { text-transform: none; }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab[data-subtab="fam"] { text-transform: uppercase; }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab::before { content: ""; display: block; width: 26px; height: 26px; background: currentColor;
  -webkit-mask: var(--drp-ic, none) center / 24px 24px no-repeat; mask: var(--drp-ic, none) center / 24px 24px no-repeat; }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab::after { content: ""; display: block; align-self: stretch; height: 2px; margin: 0 10px; border-radius: 1px; background: transparent; }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab:hover { color: var(--dr-t2); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab.active { color: var(--dr-t1); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab-nav .bm-subtab.active::after { background: var(--dr-pink); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="details"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12%2011v6M12%207.5v.5%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="porch"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%2011%2012%204l8.5%207%22/%3E%3Cpath%20d%3D%22M5.5%209.5V20h13V9.5%22/%3E%3Cpath%20d%3D%22M10%2020v-5h4v5%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="gallery"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%224%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%224%22%20y%3D%2213%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3Crect%20x%3D%2213%22%20y%3D%2213%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="neighbors"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2210%22%20r%3D%222.3%22/%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2210%22%20r%3D%222.3%22/%3E%3Cpath%20d%3D%22M7%2019c.6-3%202.6-4.6%205-4.6s4.4%201.6%205%204.6M1.8%2018c.4-2%201.6-3.2%203.4-3.2M22.2%2018c-.4-2-1.6-3.2-3.4-3.2%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="fam"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="askbox"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v11H10l-5%204v-4H4z%22/%3E%3Cpath%20d%3D%22M10%209a2%202%200%201%201%202.8%201.8c-.5.3-.8.7-.8%201.2M12%2014v.2%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="guestbook"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h11a3%203%200%200%201%203%203v13H8a3%203%200%200%201-3-3z%22/%3E%3Cpath%20d%3D%22M5%2017a3%203%200%200%201%203-3h11%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="vault"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%2214%22%20height%3D%229%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2011V8a4%204%200%200%201%208%200v3%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="vibes"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M10.5%209.5v5l4-2.5z%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="props"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.5l2.5%205.2%205.7.8-4.1%204%201%205.7L12%2016.5l-5.1%202.7%201-5.7-4.1-4%205.7-.8z%22/%3E%3C/svg%3E"); }
html[data-theme="darkroom"] #bm-pt-rest .bm-subtab[data-subtab="legacy"] { --drp-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2018h16M5%2018l-1-9%204.5%203L12%206l3.5%206L20%209l-1%209%22/%3E%3C/svg%3E"); }

/* ── phones: small widths and short landscape heights (compact hero, never a 100vh one) ── */
@media (max-width: 380px) {
  html[data-theme="darkroom"] .bm-drp-media { --s: 232px; }
  html[data-theme="darkroom"] .bm-drp-media.big { --s: 300px; }
  html[data-theme="darkroom"] .bm-drp-stats-l { gap: 16px; }
  html[data-theme="darkroom"] .bm-drp-pill { font-size: 13px; }
}
@media (orientation: landscape) and (max-height: 500px) {
  html[data-theme="darkroom"] .bm-drp-backdrop { height: 300px; }
  html[data-theme="darkroom"] .bm-drp-mediarow { padding-top: 12px; }
  html[data-theme="darkroom"] .bm-drp-media { --s: 128px; }
  html[data-theme="darkroom"] .bm-drp-media.big { --s: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="darkroom"] .bm-drp-drift, html[data-theme="darkroom"] .bm-drp-ring, html[data-theme="darkroom"] .bm-drp-logo { animation: none !important; }
  html[data-theme="darkroom"] .bm-drp-media { transition: none; }
}
/* TV / remote: focus must be obvious */
html.bm-tv[data-theme="darkroom"] .bm-drp button:focus,
html.bm-tv[data-theme="darkroom"] #bm-pt-rest .bm-subtab:focus { outline: 3px solid var(--dr-pink); outline-offset: 4px; }
/* regular width: the tab row and pages sit in the same capped, centred column as the top */
@container (min-width: 900px) {
  html[data-theme="darkroom"] #bm-pt-rest > .bm-subtab-nav,
  html[data-theme="darkroom"] #bm-pt-rest > .bm-subtab-content,
  html[data-theme="darkroom"] #bm-pt-rest > * { max-width: none; margin-left: auto; margin-right: auto; }
}
/* /PARITY darkroom */