/* Two composited layers: silk-like gold light, no GIF download or video decode. */
body[data-lobby-layout="reference"] > .site-backdrop { display:block; contain:strict; background:var(--paper); }
body[data-lobby-layout="reference"] > .site-backdrop::before,
body[data-lobby-layout="reference"] > .site-backdrop::after { content:none; animation:none; }
body[data-lobby-layout="reference"] > .site-backdrop .backdrop-scene {
  inset:-5%; filter:none; opacity:.8; will-change:auto; animation:none; transform:translate3d(0,0,0);
  background:radial-gradient(ellipse at 12% 28%,#c8a96b24,transparent 42%),radial-gradient(ellipse at 89% 68%,#477afc1a,transparent 45%),linear-gradient(135deg,transparent 24%,#d8bc810c 24.2%,transparent 24.5%,transparent 66%,#d8bc8112 66.2%,transparent 66.5%);
}
body[data-lobby-layout="reference"] > .site-backdrop .backdrop-shade { background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 42%,transparent),color-mix(in srgb,var(--paper) 8%,transparent) 48%,color-mix(in srgb,var(--paper) 75%,transparent)); }
body[data-lobby-layout="reference"] > .site-backdrop .backdrop-sweep { display:block; inset:0 -20%; transform:translate3d(-12%,0,0) rotate(-8deg); background:linear-gradient(112deg,transparent 32%,#c8a96b00 39%,#c8a96b0a 47%,#eed5a715 50%,#c8a96b00 57%,transparent 66%); animation:none; opacity:.65; will-change:auto; }
html[data-luxury-motion="on"] body[data-lobby-layout="reference"] > .site-backdrop .backdrop-scene { animation:br-silk-drift 34s ease-in-out infinite alternate; will-change:transform; }
html[data-luxury-motion="on"] body[data-lobby-layout="reference"] > .site-backdrop .backdrop-sweep { animation:br-gold-light 26s ease-in-out infinite alternate; will-change:transform; }
@keyframes br-silk-drift { from { transform:translate3d(-1%,0,0) scale(1); } to { transform:translate3d(1%,1.8%,0) scale(1.025); } }
@keyframes br-gold-light { from { transform:translate3d(-12%,0,0) rotate(-8deg); } to { transform:translate3d(12%,0,0) rotate(-8deg); } }
@media (prefers-reduced-motion:reduce),(update:slow),(forced-colors:active) {
  html[data-luxury-motion] body[data-lobby-layout="reference"] > .site-backdrop :is(.backdrop-scene,.backdrop-sweep) { animation:none; will-change:auto; }
}
@media (prefers-reduced-transparency:reduce) { body[data-lobby-layout="reference"] > .site-backdrop { opacity:.3; } }