.xhs-card-frame { position: absolute; z-index: 0; pointer-events: none; }
.xhs-frame-content { z-index: 1; }
.chapter-order.xhs-drawn-frame,
#chapterModal.is-daily .service-sign.xhs-drawn-frame,
#chapterModal.is-daily #chapterPauseButton.xhs-drawn-frame { border-image: none !important; background: none !important; }
.chapter-order.xhs-drawn-frame:not(.xhs-frame-ready),
#chapterModal.is-daily .service-sign.xhs-drawn-frame:not(.xhs-frame-ready),
#chapterModal.is-daily #chapterPauseButton.xhs-drawn-frame:not(.xhs-frame-ready) { background: #fffaf2 !important; border-color: #b294a8 !important; }
#chapterModal:not(.is-daily) .service-sign > .xhs-card-frame,
#chapterModal:not(.is-daily) #chapterPauseButton > .xhs-card-frame { display: none; }
#chapterModal.is-daily .service-sign.xhs-drawn-frame:before,
#chapterModal.is-daily #chapterPauseButton.xhs-drawn-frame:before { display: none; }
html[data-build=beta] #chapterModal.is-playing.is-daily.xhs-daily-layout #chapterPlay { background: #fff4df; }
html[data-build=beta] #chapterModal.is-playing.is-daily.xhs-daily-layout #chapterScene {
  left: var(--xhs-stage-left); right: auto;
  top: var(--xhs-stage-top); bottom: auto;
  width: var(--xhs-stage-width); height: var(--xhs-stage-height); min-height: 0;
}
html[data-build=beta] #chapterModal.is-playing.is-daily.xhs-daily-layout .service-hud {
  left: calc(var(--xhs-stage-left) + 60px);
  right: calc(var(--xhs-stage-right) + 12px);
  top: calc(var(--xhs-stage-top) + 8px);
}
html[data-build=beta] #chapterModal.is-playing.is-daily.xhs-daily-landscape .service-hud {
  right: auto;
}
html[data-build=beta] #chapterModal.is-playing.is-daily.xhs-daily-layout #chapterPauseButton {
  left: calc(var(--xhs-stage-left) + 8px); top: calc(var(--xhs-stage-top) + 8px);
}
html[data-build=beta] #chapterModal.is-playing.is-daily.xhs-daily-layout #dailyStats {
  left: var(--xhs-stage-left); right: auto; bottom: auto;
  top: calc(var(--xhs-stage-top) + var(--xhs-stage-height) + var(--xhs-footer-offset));
  width: var(--xhs-stage-width);
}
html[data-build=beta] #chapterModal.xhs-daily-layout .challenge-customer > .challenge-guest,
html[data-build=beta] #chapterModal.xhs-daily-layout .guest-departure-body {
  --xhs-translate: 0 0; translate: 0 0;
}
html[data-build=beta] #chapterModal.xhs-daily-layout:not(.xhs-daily-landscape) .chapter-machine .tea-machine-name,
html[data-build=beta] #chapterModal.xhs-daily-layout:not(.xhs-daily-landscape) .cream-machine .tea-machine-name {
  top: 32%; bottom: auto;
}
html[data-build=beta] #chapterModal.xhs-daily-layout:not(.xhs-daily-landscape) .chapter-machine .chapter-progress,
html[data-build=beta] #chapterModal.xhs-daily-layout:not(.xhs-daily-landscape) .cream-machine .chapter-progress {
  bottom: 0;
}
@media (orientation: portrait) and (max-height: 700px) {
  html[data-build=beta] #chapterModal.is-playing.is-daily .service-sign { height: 48px; padding: 5px 12px; }
  html[data-build=beta] #chapterModal.is-playing.is-daily #serviceTimer { font-size: 22px; }
  html[data-build=beta] #chapterModal.is-playing.is-daily #chapterPauseButton { width: 44px; height: 44px; min-height: 44px; }
  html[data-build=beta] #chapterModal.is-playing.is-daily .chapter-order .order-drink { width: 24px; height: 28px; }
  html[data-build=beta] #chapterModal.is-playing.is-daily .chapter-order-item > small { font-size: 9px; line-height: 10px; }
}