/* ═══════════════════════════════════════════════════════════════════════════════
   🔬 PREMIUM „ЛАБОРАТОРИЯТА“ (js/pl-lab.js) · референции 14, 1, 15 и 20 на собственика
   Под банера: филцова карта „Моят опит сега“ (плюшеното бебе на луната — вечерите, мъниста за
   вечерите, розов гел), ДЪРВЕН рафт с три пастелни плюшени арки и табелки в месингова рамка
   („Опит за 7 вечери“ · „Бабин мит“ · „Какво се смени“), три филцови плочки-броячи и ред
   „Опитите не заменят преглед.“ на кремаво хапче (като реф. 15).
   МАТЕРИАЛИТЕ са общите (css/pl-ui.css, раздел 8): .pl-felt (картата), .pl-gel (главното действие),
   .pl-soft (плочките, „Втори опит“, „Как се прави честен опит“). Тук е само формата им + дървото и арките.
   ЦИФРИТЕ — Nunito (.pl-lb-n, броячите): Georgia има старинни цифри, 0 се чете „о“.
   ГЕЛЪТ: бяло върху #d95a8e…#c8457a = 3.6–4.6:1 → надписът е 19px/800 = „голям текст“ (праг 3:1).
   🪤 url() в този файл е спрямо css/ → ../img/…; в JS е img/….
   🪤 #roRoom е flex контейнер с фиксирана височина → блокът иска flex:none.
   ПЪТ НАЗАД: махни <link href="css/pl-lab.css"> и <script src="js/pl-lab.js"> от index.html.
   ═══════════════════════════════════════════════════════════════════════════════ */

.pl-lb {
  --lb-rose-ink: #b43a6b;       /* розов текст върху филца: 5.1:1 (мерено по пиксели, ag_lab_piksel.js) */
  --lb-navy: var(--pl-navy, #1d2a5c);
  --lb-muted: #5d596f;          /* върху #fffaf3 × филц: 6.1:1 (мерено, ag_lab_piksel.js) */
  --lb-sans: Nunito, Nunito-fallback, system-ui, sans-serif;
  --lb-serif: var(--pl-serif, Georgia, 'Noto Serif', serif);
  --lb-wood-a: #f3dfc2; --lb-wood-b: #e9cfa8; --lb-wood-c: #debf93;
  --lb-plank-a: #f0d8b5; --lb-plank-b: #d7b181;
  --lb-edge: rgba(170, 120, 68, .38);
  --lb-brass: linear-gradient(180deg, #fbeab8 0, #e2b965 38%, #b3802f 62%, #eccb85 100%);
  flex: none; position: relative; z-index: 1;
  display: flex; flex-direction: column; gap: 14px;
  margin: 12px 0 10px;
  font-family: var(--lb-sans);
  color: var(--pl-ink, #3b3f5c);
}
/* героят „Твоят опит сега“ (roomhero.js:213) повтаря заглавието на картата → крие се само докато блокът е тук;
   бутонът му „Виж как се прави честен опит“ се натиска от „Как се прави честен опит“ в картата */
.ro-panel.ro-cork #roRoom > .pl-lb ~ .rh-hero { display: none !important; }

.pl-lb button { font-family: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pl-lb button:focus-visible { outline: 3px solid #d0508a; outline-offset: 3px; }
.pl-lb-n { font-family: var(--lb-sans); font-weight: 800; font-variant-numeric: lining-nums tabular-nums; letter-spacing: 0; }
.pl-lb-chev { font-style: normal; font-weight: 800; font-size: 26px; line-height: .8; }

/* плюшените иконки: спрайт 4×4 с бял фон; multiply ги „разтапя“ в подложката */
.pl-lb-i { display: block; flex: none; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }

/* ═══ 1 · „Моят опит сега“ — филцова карта (материал .pl-felt) ═══ */
html body .pl-lb-now.pl-lb-now { padding: 18px 16px 16px; }
/* плюшеното бебе на луната (fig-a.webp, 4×2, клетка [0,1]) — вечерите на опита */
.pl-lb-fig {
  position: absolute; z-index: 0; top: 10px; right: 8px;
  width: 108px; height: 108px;
  background: url(../img/art/fig-a.webp) 33.333% 0 / 400% 200% no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.pl-lb-head { position: relative; z-index: 1; min-height: 96px; padding-right: 104px; }
.pl-lb-eyebrow { margin: 0 0 5px; font-size: 12px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--lb-rose-ink); }
.pl-lb-q {
  margin: 0; font-family: var(--lb-serif); font-size: 21px; font-weight: 700; line-height: 1.15;
  color: var(--lb-navy); letter-spacing: -.2px; hyphens: none; overflow-wrap: break-word;
}
.pl-lb-lead { position: relative; z-index: 1; margin: 8px 0 0; font-size: 15px; font-weight: 700; line-height: 1.45; color: var(--pl-ink, #3b3f5c); }
.pl-lb-lead b { color: var(--lb-navy); font-weight: 800; }

/* мънистата на вечерите — нанизани на пунктирен конец; отметнатите розови, днешната голяма */
.pl-lb-beads {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 4px;
  margin: 12px 2px 8px; min-height: 40px;
}
.pl-lb-beads::before {
  content: ''; position: absolute; z-index: -1; left: 8px; right: 8px; top: 50%; height: 2px; margin-top: -1px; pointer-events: none;
  background: repeating-linear-gradient(90deg, #cfae8c 0 5px, transparent 5px 9px);
}
.pl-lb-beads.is-long::before { display: none; }
.pl-lb-beads i {
  position: relative; flex: none; width: 24px; height: 24px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0, #fbf1e6 55%, #efdcc8 100%);
  box-shadow: inset 0 0 0 1.5px #dcc0a2, 0 1.5px 0 rgba(170, 120, 68, .28);
}
.pl-lb-beads i.on {
  background: radial-gradient(circle at 35% 28%, #ffe6f0 0, #f39bbb 34%, #d95a8e 74%, #b93a6e 100%);
  box-shadow: inset 0 -2px 0 rgba(120, 20, 60, .2), 0 2px 0 rgba(168, 53, 102, .45), 0 3px 6px rgba(200, 69, 122, .28);
}
.pl-lb-beads i.now { width: 38px; height: 38px; }
.pl-lb-beads i.now:not(.on) {           /* днешната, още неотметната: бяла перла в розов пръстен с пунктир */
  background: radial-gradient(circle at 35% 30%, #fff 0, #fff 50%, #fdeef4 100%);
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #efa3c1, 0 3px 8px rgba(200, 69, 122, .25);
}
.pl-lb-beads i.now:not(.on)::after {
  content: ''; position: absolute; inset: 7px; border-radius: 50%; border: 2px dashed #d95a8e;
}
.pl-lb-beads i.now.on { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #efa3c1, 0 3px 8px rgba(200, 69, 122, .3); }
.pl-lb-beads.is-long i { width: 18px; height: 18px; }
.pl-lb-beads.is-long i.now { width: 28px; height: 28px; }

.pl-lb-day {
  position: relative; z-index: 1;
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px;
  margin: 0 2px;
}
.pl-lb-day b { font-size: 17px; font-weight: 800; color: var(--lb-navy); white-space: nowrap; }
.pl-lb-day > span { font-size: 14px; font-weight: 700; line-height: 1.35; color: var(--lb-muted); }

/* главното действие (материал .pl-gel) — само формата; 19px/800 = голям текст */
.pl-lb-go {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-height: 54px; margin-top: 14px; padding: 0 20px;
  border-radius: 999px;
  font-size: 19px; font-weight: 800; line-height: 1.1; text-align: center;
}
/* 🪤 мерено (ag_lab_piksel.js): бялата › върху горния, светъл край на гела = 2.93:1 (под 3) →
   стрелката е в бяло кръгче, розова (#b43a6b върху #fff = 5.6:1, изчислено) — като „+“ в реф. 20 */
.pl-lb-go .pl-lb-chev {
  display: grid; place-items: center; flex: none; width: 30px; height: 30px; margin-right: -6px;
  border-radius: 50%; background: #fff; color: var(--lb-rose-ink);
  font-size: 22px; line-height: 1; text-shadow: none; padding-bottom: 2px; box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(120, 20, 60, .25);
}

/* вторият опит (материал .pl-soft): ред под гела */
.pl-lb-two {
  position: relative; z-index: 1;
  display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: 58px; margin-top: 10px; padding: 8px 14px;
  border-radius: 18px; text-align: left;
}
.pl-lb-two-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pl-lb-two-t small { font-size: 12.5px; font-weight: 800; color: var(--lb-muted); }
.pl-lb-two-t b { font-size: 15px; font-weight: 800; line-height: 1.25; color: var(--lb-navy); overflow-wrap: break-word; }

/* „Как се прави честен опит“ (материал .pl-soft) — малко хапче в дъното на картата */
.pl-lb-how {
  position: relative; z-index: 1;
  display: flex; align-items: center; gap: 8px;
  width: fit-content; max-width: 100%; min-height: 46px; margin: 12px auto 0; padding: 0 16px 0 7px;
  border-radius: 999px;
  font-size: 14.5px; font-weight: 800; line-height: 1.15;
}
.pl-lb-how .pl-lb-i { width: 32px; height: 32px; border-radius: 50%; background-color: #fde6ef; background-blend-mode: multiply; mix-blend-mode: normal; }

/* ═══ 2 · РАФТЪТ — светло дърво, три плюшени арки върху обща лавица (реф. 14 и 20) ═══ */
.pl-lb-shelf {
  position: relative;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
  padding: 16px 10px 20px;
  border-radius: 28px 28px 18px 18px;
  background:
    repeating-linear-gradient(90deg, rgba(160, 110, 60, .05) 0 1px, transparent 1px 8px, rgba(255, 255, 255, .08) 8px 10px, transparent 10px 19px),
    linear-gradient(180deg, var(--lb-wood-a) 0, var(--lb-wood-b) 60%, var(--lb-wood-c) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .8),
    inset 0 0 0 1.5px var(--lb-edge),
    inset 0 0 0 5px rgba(255, 246, 232, .35),
    inset 0 -6px 0 rgba(150, 100, 50, .14),
    0 5px 0 #cfa97b,
    0 18px 30px rgba(110, 76, 52, .28), 0 3px 8px rgba(110, 76, 52, .14);
}
.pl-lb-shelf::after {        /* лавицата, на която стъпват трите арки */
  content: ''; position: absolute; left: 0; right: 0; bottom: 10px; height: 12px; pointer-events: none;
  background: linear-gradient(180deg, #fdf3e2 0, #fdf3e2 2px, var(--lb-plank-a) 3px, var(--lb-plank-b) 100%);
  box-shadow: inset 0 -1px 0 rgba(140, 95, 50, .25), 0 3px 5px rgba(110, 76, 52, .22);
}
.pl-lb-arch {
  --a-in: #eef4fd; --a-in2: #abc6ec; --a-fr: #a0bfeb;
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: stretch;
  min-width: 0; padding: 0; margin: 0;
  border: 0; background: none;
  color: var(--lb-navy);
}
.pl-lb-arch.a-mit   { --a-in: #fdecef; --a-in2: #e4a2b0; --a-fr: #efacbf; }
.pl-lb-arch.a-smena { --a-in: #eaf7f2; --a-in2: #9fd3c4; --a-fr: #8ccbba; }
/* арката — плюшена пастелна рамка с блик отгоре (филцът е multiply върху цвета) */
.pl-lb-a {
  position: relative; display: block; height: 118px; padding: 6px 6px 0;
  border-radius: 999px 999px 10px 10px;
  background-color: var(--a-fr);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .55) 0, rgba(255, 255, 255, .16) 16%, rgba(255, 255, 255, 0) 38%, rgba(90, 40, 40, .07) 100%),
                    url(../img/art/felt.webp);
  background-size: 100% 100%, 120px 120px; background-blend-mode: normal, multiply;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(0, 0, 0, .05), 0 4px 7px rgba(110, 72, 36, .30);
  transition: transform .14s ease;
}
.pl-lb-in {
  position: relative; display: block; height: 100%; overflow: hidden;
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, rgba(80, 40, 50, .10) 0, rgba(80, 40, 50, 0) 40%),
              radial-gradient(52% 46% at 60% 60%, var(--a-in) 0, var(--a-in) 46%, rgba(255, 255, 255, 0) 100%);
  background-color: var(--a-in2);
  box-shadow: inset 0 8px 12px -4px rgba(90, 50, 40, .30), inset 0 0 0 1px rgba(0, 0, 0, .05);
}
.pl-lb-in::after {           /* малката лавичка вътре, на която стоят фигурите */
  content: ''; position: absolute; left: 6%; right: 6%; bottom: 22px; height: 6px; border-radius: 3px;
  background: linear-gradient(180deg, #fbefdc 0, #ead0a9 45%, #cfa676 100%);
  box-shadow: 0 2px 3px rgba(90, 50, 40, .25);
}
.pl-lb-ico, .pl-lb-ico2 {
  position: absolute; z-index: 1; display: block;
  background-repeat: no-repeat; background-size: 400% 400%;
  mix-blend-mode: multiply;
}
.pl-lb-ico  { width: 66px; height: 66px; right: 2px; bottom: 24px; }
.pl-lb-ico2 { width: 42px; height: 42px; left: 2px; bottom: 26px; }
/* табелката — кремава плочка в месингова рамка, застъпила долния край на арката */
.pl-lb-l {
  position: relative; z-index: 2;
  display: flex; align-items: center; justify-content: center;
  min-height: 46px; margin: -22px 1px 0; padding: 4px 6px;
  border: 2.5px solid transparent; border-radius: 14px;
  background-color: #fdf5e8;
  background-image: linear-gradient(180deg, #fffcf5 0, #fbf0df 100%), var(--lb-brass);
  background-origin: padding-box, border-box; background-clip: padding-box, border-box;
  box-shadow: inset 0 1.5px 0 #fff, 0 3px 6px rgba(90, 58, 26, .32);
  font-family: var(--lb-serif); font-weight: 700; font-size: 14.5px; line-height: 1.12;
  color: var(--lb-navy); text-align: center; text-wrap: balance; hyphens: none;
  transition: transform .14s ease;
}
.pl-lb-arch:active .pl-lb-a, .pl-lb-arch:active .pl-lb-l { transform: translateY(2px); }
.pl-lb-arch:active .pl-lb-l { box-shadow: inset 0 1.5px 0 #fff, 0 1px 2px rgba(90, 58, 26, .3); }

/* ═══ 3 · ПЛОЧКИТЕ-БРОЯЧИ (материал .pl-soft) ═══ */
.pl-lb-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pl-lb-tile {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px;
  min-width: 0; min-height: 112px; padding: 10px 4px 11px;
  border-radius: 22px; text-align: center;
}
.pl-lb-tile .pl-lb-i { width: 42px; height: 42px; border-radius: 50%; background-color: #fdf1e6; background-blend-mode: multiply; mix-blend-mode: normal; box-shadow: inset 0 0 0 1.5px #efdfcf; }
.pl-lb-num {
  display: flex; align-items: center; justify-content: center; min-height: 30px;
  font-family: var(--lb-sans); font-size: 27px; font-weight: 800; line-height: 1;
  color: var(--lb-navy); font-variant-numeric: lining-nums tabular-nums;
}
.pl-lb-num.is-zero { font-size: 14px; color: var(--lb-rose-ink); }
.pl-lb-tile > span { font-size: 12.5px; font-weight: 800; line-height: 1.2; color: var(--lb-muted); overflow-wrap: break-word; max-width: 100%; }

/* ═══ 4 · „Опитите не заменят преглед.“ — кремаво хапче (реф. 15) ═══ */
.pl-lb-note {
  align-self: center;
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0; padding: 7px 14px 7px 8px; border-radius: 999px;
  background-color: rgba(255, 250, 243, .96);
  box-shadow: inset 0 0 0 1px rgba(214, 186, 158, .6), 0 4px 10px rgba(110, 76, 52, .12);
  font-size: 13px; font-weight: 700; line-height: 1.3; color: #4a4660;
}
.pl-lb-note i {
  flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  border: 1.5px solid #6a6682; font: italic 700 12px/1 var(--lb-serif); color: #4a4660;
}

/* ═══ 🌙 НОЩ — филцът и гелът идват от pl-ui.css; тук текстът, мънистата, рафтът и арките ═══ */
html[data-theme="dark"] .pl-lb { color: #e8e9f5; --lb-muted: #c9cbe3; }
html[data-theme="dark"] .pl-lb-fig { mix-blend-mode: normal; background-color: #fff; border-radius: 50%; width: 96px; height: 96px; top: 14px; right: 12px; box-shadow: 0 0 0 4px rgba(255, 255, 255, .14), 0 4px 10px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-lb-eyebrow { color: #ffc2d8; }
html[data-theme="dark"] .pl-lb-q, html[data-theme="dark"] .pl-lb-day b, html[data-theme="dark"] .pl-lb-lead b { color: #fff; }
html[data-theme="dark"] .pl-lb-lead { color: #e3e5f5; }
html[data-theme="dark"] .pl-lb-beads::before { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .28) 0 5px, transparent 5px 9px); }
html[data-theme="dark"] .pl-lb-beads i:not(.on) { background: radial-gradient(circle at 35% 30%, #56629c 0, #3a4680 60%, #2e3a74 100%); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); }
html[data-theme="dark"] .pl-lb-beads i.now:not(.on) { background: radial-gradient(circle at 35% 30%, #fff 0, #fff 50%, #fdeef4 100%); box-shadow: 0 0 0 3px #26336b, 0 0 0 5px #f59cbb; }
html[data-theme="dark"] .pl-lb-beads i.now.on { box-shadow: 0 0 0 3px #26336b, 0 0 0 5px #f59cbb; }
html[data-theme="dark"] .pl-lb-two-t b { color: #fff; }
html[data-theme="dark"] .pl-lb-how .pl-lb-i, html[data-theme="dark"] .pl-lb-tile .pl-lb-i { background-color: #fff; background-blend-mode: normal; box-shadow: 0 0 0 2px rgba(255, 255, 255, .16); }
html[data-theme="dark"] .pl-lb-num { color: #fff; }
html[data-theme="dark"] .pl-lb-num.is-zero { color: #ffc2d8; }
html[data-theme="dark"] .pl-lb-shelf {
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 8px, rgba(255, 255, 255, .03) 8px 10px, transparent 10px 19px),
    linear-gradient(180deg, #2d3b79 0, #243167 60%, #1e2a5a 100%);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .12), inset 0 0 0 1.5px rgba(255, 255, 255, .12), inset 0 -6px 0 rgba(0, 0, 0, .18),
    0 5px 0 #151d44, 0 18px 30px rgba(0, 0, 0, .38);
}
html[data-theme="dark"] .pl-lb-shelf::after { background: linear-gradient(180deg, #4a5796 0, #3d4a8a 3px, #2d3a74 100%); box-shadow: 0 3px 4px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-lb-a {
  background-color: #5a5f8f;                                         /* резерва без color-mix (стар WebView) */
  background-color: color-mix(in srgb, var(--a-fr) 52%, #28305f);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .28) 0, rgba(255, 255, 255, .06) 16%, rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, .12) 100%), url(../img/art/felt.webp);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .3), 0 4px 7px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .pl-lb-in {
  background: #353d70;
  background: radial-gradient(85% 78% at 56% 44%, color-mix(in srgb, var(--a-in2) 40%, #2f3868) 0, color-mix(in srgb, var(--a-in2) 20%, #1f2752) 100%);
  box-shadow: inset 0 8px 12px -4px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .pl-lb-in::after { background: linear-gradient(180deg, #8c7263 0, #6d5749 45%, #4f3d33 100%); }
/* нощем фигурите стоят върху бял кръг (multiply върху тъмно ги изгася) */
html[data-theme="dark"] .pl-lb-ico, html[data-theme="dark"] .pl-lb-ico2 {
  mix-blend-mode: normal; background-color: #fff; border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .16), 0 3px 6px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .pl-lb-ico  { width: 52px; height: 52px; right: 5px; bottom: 30px; }
html[data-theme="dark"] .pl-lb-ico2 { width: 34px; height: 34px; left: 3px; bottom: 32px; }
html[data-theme="dark"] .pl-lb-l {
  background-color: #26336b;
  background-image: linear-gradient(180deg, #2e3b78 0, #26336b 100%), linear-gradient(180deg, #d9bb7a 0, #a78443 50%, #7c5f2b 60%, #c9a865 100%);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .12), 0 3px 6px rgba(0, 0, 0, .45);
  color: #fff;
}
html[data-theme="dark"] .pl-lb-note { background-color: rgba(27, 37, 84, .94); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 4px 10px rgba(0, 0, 0, .3); color: #d6d8ee; }
html[data-theme="dark"] .pl-lb-note i { border-color: #d6d8ee; color: #d6d8ee; }

@media (prefers-reduced-motion: reduce) {
  .pl-lb-a, .pl-lb-l { transition: none; }
}
/* тесен телефон (320–360px): табелките и плочките да не излизат от мястото си */
@media (max-width: 360px) {
  .pl-lb-head { padding-right: 88px; }
  .pl-lb-fig { width: 90px; height: 90px; }
  .pl-lb-q { font-size: 19px; }
  .pl-lb-l { font-size: 13px; padding: 3px 4px; }
  .pl-lb-ico { width: 56px; height: 56px; }
  .pl-lb-ico2 { width: 36px; height: 36px; }
  .pl-lb-tile > span { font-size: 11.5px; }
  .pl-lb-go { font-size: 18.66px; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   06.10 · ВЪТРЕШНОСТТА НА КАРТИТЕ В ЛАБОРАТОРИЯТА — от стария корк/жълто листче към премиума
   ВИДЯНО (обиколка lb_pred_sv/lb_pred_tm, 06.10): 30-те реда на „Тръгни на опит“ (.lb-card) бяха
   жълти листчета (#fdf3d7) с жълт кант #e0c878, а нощем — маслинено-кафяви (#3d3722) върху синьото;
   „Митът на седмицата“ (.lb-myth) — жълто с пунктир; обичаите (.ob-row) — жълто-кафяво, нощем кафяво
   с жълт текст; „Опитът на седмицата“ (.we-box) нощем — тъмна кутия без цвят на приложението.
   По кода (lab.css, rooms.css, rooms13.js): лентата на вечерите е жълто→розово (.lb-bar), присъдата
   „няма разлика“ е лилава (.lb-same → --lav), дъската „Защо се буди в 3?“ нощем е лилаво-черна
   (#241f38), стълбчетата на „Числата…“ — лилав градиент (#9b8bd0→#7d6bbd), А/Б кутията — лилав пунктир.
   СЕГА: редовете — кремава карта #fffdfb с 1px #f1e4d9 и мека сянка, заглавие тъмносиньо; пунктирите
   — златни (#e3c39c); смисловите цветове (да/не/предупреждение/стоп) остават, само без лилавото.
   Нощ: редовете — по-светло нощно синьо #2a3670 с бял кант 14%, текст бял / #c9cbe3.
   Само в Лабораторията (.ro-panel.ro-cork) — същите класове в стая 8 (.lb-kind) не се пипат.
   ПЪТ НАЗАД: махни този блок. */

/* ── редовете-бутони: готовите опити и подсказката от друга стая ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card.lb-card {
  background-color: #fffdfb; border: 1px solid #f1e4d9; border-radius: 18px !important;
  box-shadow: inset 0 1px 0 #fff, 0 1.5px 0 rgba(203, 176, 150, .45), 0 5px 12px rgba(110, 76, 52, .07) !important;
  min-height: 60px; padding: 10px 14px 10px 10px; gap: 12px; color: var(--pl-ink, #3b3f5c);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card.lb-card:hover { box-shadow: inset 0 1px 0 #fff, 0 1.5px 0 rgba(203, 176, 150, .45), 0 8px 16px rgba(110, 76, 52, .12) !important; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card strong { font-size: 15px; font-weight: 800; line-height: 1.3; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card small { font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--pl-ink-soft, #6a6682); margin-top: 3px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-ready { gap: 10px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-cross {
  background: #fffaf3; border: 1.5px dashed #e3c39c; border-radius: 20px; padding: 10px;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-crosswhy { color: var(--pl-ink, #3b3f5c); font-size: 13px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-crossbtn.lb-crossbtn { box-shadow: inset 0 0 0 2px #e3c39c, 0 5px 12px rgba(110, 76, 52, .07) !important; }

/* ── текстовете на картите ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-intro { color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-intro strong { color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-q { color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-kind { font-size: 13px; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-step { font-size: 13px; color: var(--pl-ink-soft, #6a6682); }

/* ── „Опитът на седмицата“: предложението — кремав ред, не кутия в кутия ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .we-box.we-box {
  background-color: #fffdfb !important; border: 1px solid #f1e4d9 !important; border-radius: 18px;
  box-shadow: 0 1.5px 0 rgba(203, 176, 150, .45), 0 5px 12px rgba(110, 76, 52, .07);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .we-t { font-size: 15.5px; font-weight: 800; line-height: 1.3; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .we-q { font-size: 13.5px; line-height: 1.5; color: var(--pl-ink-soft, #6a6682); opacity: 1; }

/* ── „Митът на седмицата“: бабината приказка — кремаво листче със златен пунктир ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-myth {
  background: #fffaf3; border: 1.5px dashed #e3c39c; border-radius: 20px; padding: 12px 14px;
  box-shadow: 0 4px 10px rgba(110, 76, 52, .06);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-myth p { font-family: var(--pl-serif, Georgia, 'Noto Serif', serif); font-size: 16px; line-height: 1.45; color: var(--pl-navy, #1d2a5c); }

/* ── отметнато за днес, лентата на вечерите, забравеният опит ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-done {
  background: #f0f8f2; border: 1px solid #bfe0c9; border-radius: 18px; color: var(--pl-ink, #3b3f5c);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-done strong { color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-done small { opacity: 1; font-size: 13px; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-bar { gap: 6px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-bar i { height: 12px; border-radius: 6px; background: #f1e4d9; box-shadow: inset 0 1px 2px rgba(110, 76, 52, .12); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-bar i.on {
  background: linear-gradient(180deg, #f39bbb 0, #d95a8e 60%, #c8457a 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-prog { color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-forgot { background: #fffaf3; border: 1.5px dashed #e3c39c; border-radius: 18px; }

/* ── предупрежденията (смисловите остават: кехлибар = внимание, розово-червено = стоп) ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-warn2, .nm-honest) {
  background: #fff6e6; border: 1px solid #f0d9a8; border-left: 4px solid #e3b25c; border-radius: 14px;
  color: var(--pl-ink, #3b3f5c);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-warn { border-radius: 18px; border-width: 1.5px; color: var(--pl-ink, #3b3f5c); }

/* ── присъдата и тетрадката: да / не / няма разлика / рано — без лилавото ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict { border-width: 1.5px; border-radius: 20px; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict strong { color: var(--pl-navy, #1d2a5c); font-size: 17px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-yes  { background: #eef8f2; border-color: #a9d8bc; }
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-no   { background: #fdeef4; border-color: #efa3c1; }
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-same { background: #eef2fb; border-color: #b4c3e6; }
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-thin { background: #fff4ea; border-color: #f1c9a4; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-num { opacity: 1; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-notes { gap: 10px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note {
  border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 16px; padding: 10px 8px 10px 12px;
  box-shadow: 0 4px 10px rgba(110, 76, 52, .06);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note strong { color: var(--pl-navy, #1d2a5c); font-size: 15px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note small { opacity: 1; font-size: 13px; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note > div { flex: 1 1 auto; min-width: 0; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-yes  { border-left-color: #5fb88a; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-no   { border-left-color: #e56d99; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-same { border-left-color: #7f97d4; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-thin { border-left-color: #e9a66c; }

/* ── българските обичаи: разгъващите се редове ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-row.ob-row {
  background: #fffdfb; border: 1px solid #f1e4d9; border-radius: 16px;
  box-shadow: 0 1.5px 0 rgba(203, 176, 150, .4), 0 4px 10px rgba(110, 76, 52, .06);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-row summary { color: var(--pl-navy, #1d2a5c); font-weight: 800; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-row summary::marker { color: #c49a6c; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-row p { color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-row p strong { color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-mine { border-top-color: #ead9c6; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-myrow { background: #fffdfb; border-color: #f1e4d9; border-radius: 14px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ob-mytxt { color: var(--pl-ink, #3b3f5c); }

/* ── „Защо се буди в 3?“, „Числата вместо усещането“, А/Б: лилавото → кремаво и розово ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-box.cl-box { border: 1px solid #f1e4d9; border-radius: 18px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-row { border-bottom-color: #f1e4d9; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-res { background: #fdf2f6; border-radius: 14px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-rd { opacity: 1; color: var(--pl-ink-soft, #6a6682); font-size: 13px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-b { background: #fffdfb; box-shadow: inset 0 0 0 1px #f1e4d9; border-radius: 16px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-n { color: var(--pl-navy, #1d2a5c); font-variant-numeric: lining-nums tabular-nums; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-l { opacity: 1; font-size: 12.5px; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-fill { background: linear-gradient(180deg, #f39bbb, #d95a8e); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ab-box { background: #fffaf3; border: 1.5px dashed #e3c39c; border-radius: 18px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ab-verd { opacity: 1; color: var(--pl-ink-soft, #6a6682); font-size: 13px; }

/* ── „Какво се смени“: редовете на следите ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .tl-row { border-bottom: 1px dashed #ead9c6; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .tl-date { opacity: 1; font-size: 12.5px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .tl-txt { color: var(--pl-navy, #1d2a5c); font-weight: 700; }

/* ═══ 🌙 НОЩ — същите предмети в нощно синьо; нищо кафяво/маслинено, нищо синьо върху синьо ═══ */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-card.lb-card, .we-box.we-box, .ob-row.ob-row, .ob-myrow, .cl-box.cl-box, .nm-b) {
  background-color: #2a3670 !important; border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 0 #18214a, 0 5px 12px rgba(0, 0, 0, .22) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card.lb-card:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 0 #18214a, 0 8px 16px rgba(0, 0, 0, .3) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-card strong, .we-t, .lb-q, .lb-intro strong, .lb-myth p, .lb-done strong, .lb-verdict strong, .lb-note strong, .ob-row summary, .ob-row p strong, .nm-n, .tl-txt) { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-card small, .we-q, .lb-kind, .lb-step, .lb-done small, .lb-num, .lb-note small, .cl-rd, .nm-l, .ab-verd, .tl-date, .lb-crosswhy) { color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-intro, .lb-prog, .lb-done, .lb-verdict, .lb-warn, .lb-warn2, .nm-honest, .ob-row p, .ob-mytxt) { color: #e8e9f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .ob-row summary::marker { color: #e3c39c; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-myth, .lb-forgot, .lb-cross, .ab-box) {
  background: rgba(255, 255, 255, .05); border-color: rgba(227, 195, 156, .55); box-shadow: none;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-crossbtn.lb-crossbtn { box-shadow: inset 0 0 0 2px rgba(227, 195, 156, .6), 0 5px 12px rgba(0, 0, 0, .22) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-done { background: rgba(120, 200, 150, .14); border-color: rgba(140, 220, 170, .45); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-bar i { background: rgba(255, 255, 255, .14); box-shadow: none; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-bar i.on { background: linear-gradient(180deg, #f59cbb 0, #e56d99 100%); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-warn2, .nm-honest) { background: rgba(227, 178, 92, .13); border-color: rgba(227, 178, 92, .35); border-left-color: #e3b25c; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-yes  { background: rgba(120, 200, 150, .14); border-color: rgba(140, 220, 170, .5); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-no   { background: rgba(245, 156, 187, .14); border-color: rgba(245, 156, 187, .5); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-same { background: rgba(160, 182, 240, .14); border-color: rgba(170, 190, 240, .45); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict, .lb-note).lb-thin { background: rgba(240, 190, 140, .14); border-color: rgba(240, 190, 140, .45); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note { box-shadow: none; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.ob-mine, .tl-row) { border-color: rgba(255, 255, 255, .14); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.cl-row) { border-bottom-color: rgba(255, 255, 255, .12); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .cl-res { background: rgba(245, 156, 187, .12); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .nm-fill { background: linear-gradient(180deg, #f59cbb, #e56d99); }

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · ДОВЪРШВАНЕТО НА ВЪТРЕШНОСТТА — присъдата, тетрадката нощем, обичаите, таблото на баба, дребното
   ПРЕГЛЕД (lb20, снимки lb20_B_sega_* срещу lb20_B_predi_* = без блока 06.10): 06.10 остава — махна жълтото,
   маслиненото и лилавото. Довършено тук (мерено с getComputedStyle, dev/proba/lb20_plan_mer.js):
   · „Присъдата“: lab.css дава display:block на ВСЕКИ strong в .lb-verdict, 06.10 ги направи 17px →
     „4 от 4“ и „0 от 3“ стояха на отделни редове с празен ред отгоре. Сега числата са едно хапче.
   · нощем тетрадката/присъдата/числата бяха розово/кафяво върху синьо = патладжан и кафяво → нощно синьо
     с цветна черта отляво (смисълът е в чертата и в думите).
   · обичаите: голото ▶ → иконка · име · мека стрелка (същият ред като „Развитие и игри“, pl-igri.css).
   · „Табло: къде баба позна“: тъмнозелено/ръждиво + бледи редове (3.20:1, 2.63:1) → ясни ✔ ✘ ≈ в кръгчета.
   · бележките .jr-privacy 11.5 → 13.5 px, чиповете 12.5 → 13.5, датите под стълбчетата 11 → 12.5,
     „Традицията е обич…“ (сливово, 11.5) → #6a6682 13 px, „Всеки род има свое…“ (кафяво #8a5a12) → мастило.
   · стълбчетата на „Числата…“ бяха еднакво високи: % височина във flex колона, която не стига → flex-shrink
     ги изравнява (rooms.css:1085). Решетка → процентът е от реалното място.
   · иконката отпред на бележките (💡 💚 ⚠️ 🔬) висеше в полето → стои в своя колона, текстът е подравнен.
   · 🔬 до „или напиши свой въпрос…“ → кръгъл розов бутон 48×48 с рисунка 30×30.
   · рамка в рамка: „Опитът в числа“ и „Опитът те чака“ бяха пунктир в пунктира на картата → без рамка / мек фон.
   Само в Лабораторията (.ro-panel.ro-cork); нищо не е вързано за html.bl-night.
   ПЪТ НАЗАД: махни този блок. */

/* ── присъдата: заглавието горе, числата в едно хапче, без празния ред ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict { padding: 14px 16px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict > strong { display: block; margin: 0 0 4px; font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-size: 17px; font-weight: 800; line-height: 1.3; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict p { font-size: 14px; line-height: 1.55; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict p > br:has(+ .lb-num),
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict .lb-num + br,
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict .lb-num + br + br { display: none; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict .lb-num {
  display: block; margin: 8px 0 10px; padding: 8px 12px; border-radius: 12px;
  background: rgba(255, 255, 255, .72); box-shadow: inset 0 0 0 1px rgba(29, 42, 92, .08);
  font-size: 14px; line-height: 1.5; color: var(--pl-ink, #3b3f5c);
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict .lb-num strong {
  display: inline; margin: 0; font-size: inherit; font-weight: 800; color: var(--pl-navy, #1d2a5c);
  font-variant-numeric: lining-nums tabular-nums; white-space: nowrap;
}

/* ── иконката отпред на бележка: своя колона, текстът не се увива под нея ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(p.lb-kind, p.lb-crosswhy, p.ab-h):has(> .pl-em.pl-pl:first-child) { position: relative; padding-left: 32px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom :is(p.lb-kind, p.lb-crosswhy, p.ab-h) > .pl-em.pl-pl:first-child {
  position: absolute; left: 0; top: 0; width: 24px !important; height: 24px !important; margin: 0 !important; vertical-align: top;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom p.we-t:has(> .pl-em.pl-pl:first-child) { position: relative; padding-left: 40px; min-height: 30px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom p.we-t > .pl-em.pl-pl:first-child {
  position: absolute; left: 0; top: -2px; width: 30px !important; height: 30px !important; margin: 0 !important;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-warn2:has(> .pl-em.pl-pl:first-child) { position: relative; padding: 11px 14px 11px 46px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-warn2 > .pl-em.pl-pl:first-child {
  position: absolute; left: 12px; top: 10px; width: 24px !important; height: 24px !important; margin: 0 !important;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-warn2 { font-size: 13.5px; line-height: 1.55; }

/* ── редовете на „Тръгни на опит“: рисунката винаги квадрат 38×38 в колона 40 px ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card > .lb-e {
  flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; font-size: 24px; line-height: 1;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card > .lb-e > .pl-em.pl-pl {
  flex: none; width: 38px !important; height: 38px !important; min-width: 38px; min-height: 38px; max-width: none; aspect-ratio: 1 / 1; margin: 0 !important; vertical-align: middle;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-card > div { flex: 1 1 auto; min-width: 0; }

/* ── 🔬 „Започни своя опит“: кръгъл розов бутон, рисунката 30×30 върху бяло ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-addrow > button.jr-chip[aria-label="Започни своя опит"] {
  flex: 0 0 48px; width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 0 !important;
  display: grid; place-items: center; border-radius: 50% !important; font-size: 20px; line-height: 1;
  background-color: #d95a8e !important; background-image: linear-gradient(180deg, #f39bbb 0, #e0628f 48%, #c8457a 100%) !important;
  border: 0 !important; box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), 0 3px 0 #8f2552, 0 6px 14px rgba(169, 47, 99, .28) !important;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-addrow > button.jr-chip[aria-label="Започни своя опит"] > .pl-em.pl-pl {
  width: 34px !important; height: 34px !important; min-width: 34px; margin: 0 !important; background-color: #fff !important; vertical-align: middle;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-addrow > button.jr-chip[aria-label="Започни своя опит"]:active { transform: translateY(2px); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), 0 1px 0 #8f2552, 0 3px 8px rgba(169, 47, 99, .22) !important; }

/* ── дребното: бележки, чипове, подписът, подсказката ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card p.jr-privacy { font-size: 13.5px !important; line-height: 1.5; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card p.jr-privacy strong { font-size: inherit; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ask-line { font-size: 13.5px !important; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card .jr-chip { font-size: 13.5px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card :is(.lb-arm, .lb-rate) { font-size: 15px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card .wm-sign { display: block; font-size: 13px !important; line-height: 1.5; color: #6a6682 !important; opacity: 1 !important; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card .jr-hint { font-size: 13.5px; line-height: 1.5; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card .jr-elabel { font-size: 14px; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-kind { font-size: 13.5px; color: var(--pl-ink-soft, #6a6682); }

/* ── „Опитът те чака…“ и „Опитът в числа“: без пунктир в пунктира ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-forgot { border: 0; background: #fff6ec; box-shadow: inset 0 0 0 1px #f3e2cf; padding: 12px 14px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .lb-forgot p { font-size: 14px; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ab-box { margin: 14px 0 6px; padding: 0; border: 0; border-radius: 0; background: none; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ab-h { margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .ab-h .jr-sub { display: block; margin-top: 1px; }

/* ── „Защо се буди в 3?“: шрифтът и мастилото на въпросите и копчетата ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-q { font-size: 14px; line-height: 1.45; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-b { font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-size: 14px; font-weight: 800; min-width: 44px; min-height: 44px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .cl-rt { color: var(--pl-navy, #1d2a5c); font-size: 14.5px; font-weight: 800; }

/* ── „Числата вместо усещането“: стълбчетата по истинската височина, датите четими ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-bars { height: 96px; gap: 6px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-bar { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; justify-content: stretch; align-content: stretch; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-bar > .nm-fill { align-self: end; justify-self: center; width: 72%; max-width: 34px; min-height: 4px; border-radius: 9px 9px 4px 4px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-d { text-align: center; font-size: 12.5px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); font-variant-numeric: lining-nums tabular-nums; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd { font-size: 14px; line-height: 1.55; padding: 10px 12px 10px 14px; border-radius: 14px; border-left: 4px solid transparent; color: var(--pl-ink, #3b3f5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd.nm-yes { background: #eef8f2; border-left-color: #5fb88a; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd.nm-no  { background: #fdeef4; border-left-color: #e56d99; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd.nm-mid { background: #f6f1ea; border-left-color: #c9b49a; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd strong { color: var(--pl-navy, #1d2a5c); }

/* ── обичаите: иконка · име · мека стрелка (без голото ▶) ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row { margin: 0 0 8px; padding: 0 14px 0 12px; border-radius: 18px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary {
  list-style: none; display: flex; align-items: center; gap: 11px; min-height: 54px; padding: 9px 0; box-sizing: border-box;
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-size: 15px; font-weight: 800; line-height: 1.3; cursor: pointer;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary::-webkit-details-marker { display: none; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary::marker { content: ''; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary > .pl-em.pl-pl { flex: none; width: 34px !important; height: 34px !important; margin: 0 !important; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary::after {
  content: ''; flex: none; margin-left: auto; width: 28px; height: 28px; border-radius: 50%;
  background: rgba(196, 160, 124, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6a5c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  transition: transform .25s ease;
}
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row[open] > summary::after { transform: rotate(180deg); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > p { margin: 0 0 12px; font-size: 14px; line-height: 1.6; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > p > strong > .pl-em.pl-pl:first-child { width: 22px !important; height: 22px !important; vertical-align: -5px; margin: 0 6px 0 0 !important; position: static; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .tl-row .nt-del { opacity: .9; }

/* ── „Табло: къде баба позна“: лентата, легендата, редовете ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-bar { height: 26px; margin: 12px 0 8px; background: #f1e4d9; box-shadow: inset 0 1px 2px rgba(110, 76, 52, .14); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-s { font-size: 13px; font-weight: 800; min-width: 26px; font-variant-numeric: lining-nums tabular-nums; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-bar .mb-yes { background: linear-gradient(180deg, #3f9068, #2b7552); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-bar .mb-mid { background: linear-gradient(180deg, #6a6f8e, #5a5f80); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-bar .mb-no  { background: linear-gradient(180deg, #c9447a, #a92f63); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-leg { gap: 4px 12px; font-size: 13px; font-weight: 700; opacity: 1; color: var(--pl-ink-soft, #6a6682); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-k { width: 12px; height: 12px; border-radius: 50%; margin-right: 5px; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-leg .mb-yes { background: #3f9068; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-leg .mb-mid { background: #6a6f8e; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-leg .mb-no  { background: #c9447a; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row { grid-template-columns: 30px 1fr; gap: 2px 10px; padding: 10px 0; border-bottom: 1px dashed #ead9c6; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; font-size: 15px; font-weight: 800; line-height: 1; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row .mb-i.mb-yes { background: #e3f3ea; color: #2b7552; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row .mb-i.mb-no  { background: #fde6ef; color: #a92f63; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row .mb-i.mb-mid { background: #ecedf4; color: #4f5475; }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-q { font-size: 14px; font-weight: 800; line-height: 1.4; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .mb-v { font-size: 13px; opacity: 1; color: var(--pl-ink-soft, #6a6682); }

/* ── „Работеше… и спря“: датата не е бледа ── */
html body #roomOverlay .ro-panel.ro-cork #roRoom .fl-t { font-size: 14.5px; font-weight: 700; color: var(--pl-navy, #1d2a5c); }
html body #roomOverlay .ro-panel.ro-cork #roRoom .fl-d { font-size: 12.5px; font-weight: 600; opacity: 1; color: var(--pl-ink-soft, #6a6682); }

/* ═══ 🌙 НОЩ (само тъмната тема) — синьо, не патладжан и не кафяво; смисълът е в цветната черта ═══ */
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-note.lb-yes, .lb-note.lb-no, .lb-note.lb-same, .lb-note.lb-thin) {
  background: #2a3670; border-color: rgba(255, 255, 255, .14); border-left-width: 4px;
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-yes  { border-left-color: #7fd3a3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-no   { border-left-color: #f59cbb; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-same { border-left-color: #a9bcf0; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-note.lb-thin { border-left-color: #f0be8c; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-verdict.lb-yes, .lb-verdict.lb-no, .lb-verdict.lb-same, .lb-verdict.lb-thin) { background: #2a3670; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict.lb-yes  { border-color: #7fd3a3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict.lb-no   { border-color: #f59cbb; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict.lb-same { border-color: #a9bcf0; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict.lb-thin { border-color: #f0be8c; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict > strong,
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict .lb-num strong { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict p { color: #e8e9f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-verdict .lb-num { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); color: #e8e9f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.nm-verd.nm-yes, .nm-verd.nm-no, .nm-verd.nm-mid) { background: #2a3670; color: #e8e9f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd.nm-yes { border-left-color: #7fd3a3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd.nm-no  { border-left-color: #f59cbb; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd.nm-mid { border-left-color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .nm-verd strong { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .nm-d { color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-warn2 { background: #2a3670; border-color: rgba(255, 255, 255, .14); border-left-color: #e3b25c; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-forgot { background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .lb-forgot p { color: #e8e9f5; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .ab-box { background: none; box-shadow: none; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .ab-h { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .ab-h .jr-sub { color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.cl-q, .cl-rt, .mb-q, .fl-t, .jr-card .jr-elabel) { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom :is(.lb-kind, .mb-v, .mb-leg, .fl-d, .jr-card .jr-hint, .jr-card .wm-sign) { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary::after {
  background-color: rgba(255, 255, 255, .1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3e5f5' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .mb-bar { background: rgba(255, 255, 255, .12); box-shadow: none; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row { border-bottom-color: rgba(255, 255, 255, .14); }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row .mb-i.mb-yes { background: rgba(127, 211, 163, .18); color: #9fe3bc; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row .mb-i.mb-no  { background: rgba(245, 156, 187, .18); color: #ffc2d8; }
html[data-theme="dark"] body #roomOverlay .ro-panel.ro-cork #roRoom .mb-row .mb-i.mb-mid { background: rgba(255, 255, 255, .12); color: #e3e5f5; }
@media (prefers-reduced-motion: reduce) {
  html body #roomOverlay .ro-panel.ro-cork #roRoom .jr-card details.ob-row > summary::after { transition: none; }
}
/* край 20.10 */