/* ============================================================
   play-slot.css —— 章末可玩位（横排覆盖层 / 上下内嵌槽）
   可玩位是横版定比内容（950:580），承载框只负责给它定宽与定位，
   绝不用容器高度去拉伸它；框内多出来的高度由阅读器底色透出。
   倒计时文案由可玩位页面自绘，这里不放按钮——倒计时结束自动放行。
   ============================================================ */

/* ---------- 横排模式：章末独立一屏，卡片居中，盖在正文之上 ---------- */

.play-slot-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--read-bg);
}

.play-slot-overlay.is-open {
  display: flex;
}

/* ---------- 可玩位卡片：宽度撑满，高度按设计图比例定死 ---------- */

.play-slot-frame,
.play-slot-holder {
  display: block;
  width: 100%;
  aspect-ratio: 950 / 580;
  border: 0;
}

/* 槽先以占位块出现（尺寸与 iframe 完全一致，故载入时不会引起版面跳动），
   等它进入视口附近才真正换成 iframe */
.play-slot-holder {
  background: transparent;
}

/* ---------- 上下模式：章末内嵌槽，高度由卡片自身决定 ---------- */

.play-slot-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2em;
}