/* A visible invitation to play. Native video controls remain available. */
.lh-walkthrough-player { position: relative; isolation: isolate; }
.lh-walkthrough-overlay {
  position: absolute; inset: 1px; z-index: 1;
  display: grid; place-items: center; border-radius: 13px;
  background: linear-gradient(180deg, rgba(11,27,51,.16), rgba(11,27,51,.38));
  pointer-events: none;
}
.lh-walkthrough-overlay[hidden] { display: none; }
.lh-walkthrough-play {
  display: flex; flex-direction: column; align-items: center; gap: 22px;
  max-width: calc(100% - 32px); padding: 12px;
  border: 0; border-radius: 20px; background: transparent; color: #F5F1E8;
  font-family: inherit; text-align: center; cursor: pointer; pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}
.lh-walkthrough-play-disc {
  display: grid; place-items: center; width: 112px; height: 112px;
  flex: none; border-radius: 50%; background: #C7AD7B; color: #0B1B33;
  border: 1px solid #E5D4B5;
  box-shadow: 0 0 0 10px rgba(11,27,51,.28), 0 0 0 11px rgba(199,173,123,.8), 0 12px 38px rgba(11,27,51,.3);
  transition: transform 180ms ease, background-color 180ms ease;
}
.lh-walkthrough-play-disc svg { width: 42px; height: 42px; margin-left: 6px; fill: currentColor; }
.lh-walkthrough-play-copy {
  display: flex; flex-direction: column; gap: 4px; padding: 12px 22px;
  border: 1px solid rgba(199,173,123,.55); border-radius: 12px;
  background: #0B1B33; box-shadow: 0 6px 22px rgba(11,27,51,.18);
}
.lh-walkthrough-play-label { font-size: 16px; font-weight: 600; line-height: 1.35; }
.lh-walkthrough-play-meta { color: #C7AD7B; font-size: 12px; line-height: 1.5; }
.lh-walkthrough-play:focus-visible { outline: 3px solid #F5F1E8; outline-offset: 6px; box-shadow: 0 0 0 9px #0B1B33; }
.lh-walkthrough-play:disabled { cursor: progress; }
.lh-walkthrough-error { margin: 12px 0 0; color: #33445C; font-size: .9rem; line-height: 1.6; }
.lh-walkthrough-error[hidden] { display: none; }
@media (hover: hover) {
  .lh-walkthrough-play:hover .lh-walkthrough-play-disc { transform: scale(1.06); background: #E5D4B5; }
}
@media (max-width: 700px) {
  .lh-walkthrough-overlay { border-radius: 7px; padding-bottom: 44px; }
  .lh-walkthrough-play { gap: 13px; padding: 8px; }
  .lh-walkthrough-play-disc { width: 68px; height: 68px; box-shadow: 0 0 0 6px rgba(11,27,51,.28), 0 0 0 7px rgba(199,173,123,.8), 0 8px 24px rgba(11,27,51,.3); }
  .lh-walkthrough-play-disc svg { width: 28px; height: 28px; margin-left: 4px; }
  .lh-walkthrough-play-copy { gap: 2px; padding: 7px 13px; border-radius: 9px; }
  .lh-walkthrough-play-label { font-size: 13px; }
  .lh-walkthrough-play-meta { font-size: 10px; }
}
@media (max-width: 360px) {
  .lh-walkthrough-play { gap: 10px; padding: 6px; }
  .lh-walkthrough-play-disc { width: 56px; height: 56px; }
  .lh-walkthrough-play-copy { padding: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .lh-walkthrough-play-disc { transition: none; }
  .lh-walkthrough-play:hover .lh-walkthrough-play-disc { transform: none; }
}