/* scenes-b.css: the DOM half of the scenes-b kit (6 Nov 2026). Load after lvchart.css. Classes any LUMEN shot may use (text BLOCKS use the kit glass .ts / .ts--read / .ts--fact / .ts--note / .ts--source from assets/levels/glass.css; .sb-card is only a fallback and the style for short object labels):
   .sb-card   a translucent glass card for type that sits low on the stage (dark era); .sb-card--light for the cream close
   .sb-tag    the "MY READ" tag in old-gold gradient mono, to open a card or stand alone
   .sb-t      a card title (cream, Satoshi 700);  .sb-d  a card detail line
   Positioned by the shot's own css (left/top in % of the 1920x1080 box, then again in the portrait container query).
   Type sizes use var(--u). Never red. */
[data-composition-id^="lv-"] .sb-card:not(.ts){white-space:normal;padding:calc(var(--u) * 16) calc(var(--u) * 22) calc(var(--u) * 18);border-radius:calc(var(--u) * 18);
  background:linear-gradient(160deg,rgba(236,248,242,.12),rgba(40,86,70,.1));border:1px solid rgba(243,217,160,.3);
  box-shadow:inset 0 1px 0 rgba(255,243,214,.22),0 calc(var(--u) * 14) calc(var(--u) * 40) rgba(2,6,10,.35);
  -webkit-backdrop-filter:blur(calc(var(--u) * 14)) saturate(1.2);backdrop-filter:blur(calc(var(--u) * 14)) saturate(1.2)}
[data-composition-id^="lv-"][data-era="light"] .sb-card:not(.ts){background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,248,232,.32));border-color:rgba(176,138,69,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 calc(var(--u) * 14) calc(var(--u) * 36) rgba(120,90,40,.14)}
[data-composition-id^="lv-"] .sb-card > span{display:block}
[data-composition-id^="lv-"] .sb-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;font-weight:500;font-size:calc(var(--u) * 17);letter-spacing:.18em;line-height:1.2;
  background:linear-gradient(100deg,#b08a45 0%,#f3d9a0 38%,#fff3d6 50%,#d9b46a 66%,#b08a45 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-composition-id^="lv-"][data-era="light"] .sb-tag{background:linear-gradient(100deg,#7a5a1c,#b8862f 50%,#7a5a1c);-webkit-background-clip:text;background-clip:text}
[data-composition-id^="lv-"] .sb-t{font-weight:700;font-size:calc(var(--u) * 34);line-height:1.1;letter-spacing:-.02em;color:#eef2f6;margin-top:calc(var(--u) * 8)}
[data-composition-id^="lv-"][data-era="light"] .sb-t{color:#16101e}
[data-composition-id^="lv-"] .sb-d{font-weight:500;font-size:calc(var(--u) * 22);line-height:1.28;margin-top:calc(var(--u) * 6);color:rgba(238,242,246,.76)}
@container (orientation: portrait){
  [data-composition-id^="lv-"] .sb-tag{font-size:calc(var(--u) * 26);letter-spacing:.12em}
  [data-composition-id^="lv-"] .sb-t{font-size:calc(var(--u) * 46)}
  [data-composition-id^="lv-"] .sb-d{font-size:calc(var(--u) * 30)}
}