/* =========================
   ■ 初期状態（全テーマ共通）
   カレンダーとナビを隠す
   ========================= */

body {
  opacity: 0;
  background: #fff;
}

#calendar {
  opacity: 0;
}

.month-nav,
.year-line,
.world-toggle {
  opacity: 0;
}

/* =========================
   ■ dark演出中は背景テクスチャ消す
   ========================= */
body.effect-dark {
  background-image: none !important;
}

/* =========================
   ■ カットイン中はcalライオン非表示
   ========================= */
body.effect-season7::after,
body.effect-tamaido::after,
body.effect-haiku::after {
  display: none !important;
}

/* =========================
   ■ dark overlay
   ========================= */
#dark-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgb(0, 1, 0);
  z-index: 9999;
}

#dark-img {
  width: 220px;
  max-width: 60vw;
  transform: scale(0.05);
  filter: blur(2px);
  transition: all 300ms ease;
}

/* =========================
   ■ season7 overlay
   ========================= */
#season7-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: #FDFAF5;
  z-index: 9999;
  overflow: hidden;
}

#season7-page {
  position: relative;
  width: min(520px, 100vw);
  height: min(870px, 167vw);
}

#season7-img1,
#season7-img2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateX(0);
}

/* =========================
   ■ tamaido overlay
   ========================= */
#tamaido-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: #f5efe0;
  z-index: 9999;
  overflow: hidden;
}

#tamaido-page {
  position: relative;
  width: min(520px, 100vw);
  height: min(870px, 167vw);
}

#tamaido-img1,
#tamaido-img2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateX(0);
}

/* =========================
   ■ haiku overlay
   ========================= */
#haiku-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: #F9F6F0;
  z-index: 9999;
}

#haiku-img1,
#haiku-img2 {
  position: absolute;
  width: min(520px, 100vw);
  height: min(870px, 167vw);
  object-fit: cover;
  opacity: 0;
  transform: scale(0.05);
}

/* =========================
   ■ 演出レイヤーはクリック無効
   ========================= */
#dark-overlay,
#dark-img,
#season7-overlay,
#season7-img1,
#season7-img2,
#tamaido-overlay,
#tamaido-img1,
#tamaido-img2,
#haiku-overlay,
#haiku-img1,
#haiku-img2 {
  pointer-events: none;
}