/* ROLL ANIMATION (optional). The sign unrolls from above like paper on a roller when the sign choices change.
   To turn it off: delete the two lines marked "ROLL ANIMATION" in index.html. Nothing else depends on this file. */
.roll-on .car-ghost { display: none !important; }
.roll-on .live-stage .sign.car-in { animation: none !important; }
.roll-bar { position: absolute; left: -1%; width: 102%; top: 0; height: 22px; margin-top: -11px; z-index: 30; pointer-events: none; border-radius: 11px;
  background: linear-gradient(180deg, #fbf5e4 0%, #e6d7ae 28%, #b9a36f 62%, #8a7548 82%, #d9c896 100%);
  box-shadow: 0 10px 14px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.7); }
.roll-bar::before, .roll-bar::after { content: ""; position: absolute; top: 2px; bottom: 2px; width: 8px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, #f2e8c8, #8a7548); }
.roll-bar::before { left: -3px; } .roll-bar::after { right: -3px; }