@import url("play-tgn-0002.css");

/* 结构兜底（@import 之后生效，压过主题移动端 flex 误覆盖） */
.play-tgn-0001__frame-wrap {
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.play-tgn-0001__splash {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.play-tgn-0001__splash.is-hidden {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.play-tgn-0001__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: none;
  background: #000;
}

.play-tgn-0001__iframe.is-active {
  display: block;
  pointer-events: auto;
  touch-action: manipulation;
  z-index: 2;
}

html.play-tgn-0001-page-active.play-tgn-0001-in-iframe
  .play-tgn-0001__frame-wrap:has(.play-tgn-0001__iframe.is-active) .play-tgn-0001__splash {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

@media (max-width: 768px) {
  html.play-tgn-0001-page-active.play-tgn-0001-in-iframe .play-tgn-0001__splash.is-hidden,
  html.play-tgn-0001-page-active.play-tgn-0001-in-iframe
    .play-tgn-0001__frame-wrap:has(.play-tgn-0001__iframe.is-active) .play-tgn-0001__splash {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    position: absolute !important;
    inset: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    z-index: -1 !important;
  }

  html.play-tgn-0001-page-active.play-tgn-0001-in-iframe
    .play-tgn-0001__frame-wrap:has(.play-tgn-0001__iframe.is-active) {
    display: block !important;
    position: relative !important;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    touch-action: manipulation;
  }

  html.play-tgn-0001-page-active.play-tgn-0001-in-iframe .play-tgn-0001__iframe.is-active {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
    pointer-events: auto !important;
    touch-action: manipulation;
    z-index: 2;
  }

  html.play-tgn-0001-page-active.play-tgn-0001-in-iframe .play-tgn-0001__topbar,
  html.play-tgn-0001-page-active.play-tgn-0001-in-iframe .play-tgn-0001__bottombar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}