/* Drive to the Showing: the beat with Zach between the last frame and the shell's end screen.
   Everything here sits inside the 400 x 600 stage. */
.lvl-drive-to-showing .dts-fin { position: absolute; inset: 0; overflow: hidden; }
.lvl-drive-to-showing .dts-card {
  position: absolute; left: 28px; right: 28px; top: 132px; padding: 16px 18px 18px;
  background: rgba(247, 248, 246, .96); border: 2px solid #1A1D1A; border-radius: 16px; text-align: center;
}
.lvl-drive-to-showing .dts-title { margin: 0; font-family: var(--font-serif, 'DM Serif Display', Georgia, serif); font-weight: 400; font-size: 30px; line-height: 1.15; color: #1A1D1A; }
.lvl-drive-to-showing .dts-sub { margin: 6px 0 0; font-family: var(--font-sans, Inter, -apple-system, sans-serif); font-size: 15px; line-height: 1.4; color: #5C6360; }
.lvl-drive-to-showing .dts-zach { position: absolute; right: 18px; bottom: 0; width: 132px; }
.lvl-drive-to-showing .dts-fig { position: relative; }
.lvl-drive-to-showing .dts-fig svg, .lvl-drive-to-showing .dts-fig img { display: block; width: 132px; height: auto; }
.lvl-drive-to-showing .dts-bubble {
  position: absolute; right: 112px; bottom: 150px; width: max-content; max-width: 190px; padding: 10px 13px;
  background: #F7F8F6; border: 2px solid #1A1D1A; border-radius: 14px;
  font-family: var(--font-sans, Inter, -apple-system, sans-serif); font-size: 14px; font-weight: 600; line-height: 1.35; color: #1A1D1A;
  transform-origin: 100% 100%;
}
.lvl-drive-to-showing .dts-bubble::after {
  content: ''; position: absolute; right: -9px; bottom: 14px; width: 14px; height: 14px;
  background: #F7F8F6; border-right: 2px solid #1A1D1A; border-bottom: 2px solid #1A1D1A; transform: rotate(-45deg);
}