/* 기존 정사각형 집 그림을 밝은 파랑·민트 배경의 인트로와 화면 전환에 표시합니다. */
.apt-cine-scene {
  --cine-image-width: min(22vw, 30vh, 220px);
  --cine-group-top: 43%;
  --cine-copy-gap: 20px;
  position: fixed;
  inset: 0;
  z-index: 15000;
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  color: #24366A;
  font-family: inherit;
}
.apt-cine-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 78% 62% at 50% 28%, rgba(62,92,232,.20), rgba(62,92,232,.07) 46%, transparent 74%),
    radial-gradient(ellipse 60% 38% at 50% 100%, rgba(113,227,205,.20), transparent 72%),
    linear-gradient(180deg, #F5F7FC, #EDF2FF);
}
.apt-cine-group {
  position: absolute;
  left: 16px;
  right: 16px;
  top: var(--cine-group-top);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--cine-copy-gap);
  transform: translateY(-50%);
}
.apt-cine-brand {
  position: relative;
  flex: none;
  width: var(--cine-image-width);
  aspect-ratio: 1;
  transform-origin: center;
}
.apt-cine-image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}
.apt-cine-ray {
  position: absolute;
  inset: 10% 32%;
  opacity: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
  pointer-events: none;
}
.apt-cine-title {
  max-width: 100%;
  text-align: center;
  font-size: clamp(16.8px, 2.38vw, 32.2px);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -.025em;
  word-break: keep-all;
}
.apt-cine-skip {
  position: absolute;
  right: max(32px, env(safe-area-inset-right));
  bottom: max(28px, calc(env(safe-area-inset-bottom) + 16px));
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(62,92,232,.25);
  border-radius: 8px;
  background: #FFFFFF;
  color: #344887;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  font-family: inherit;
  cursor: pointer;
  pointer-events: auto;
}
.apt-cine-skip span { color: #697BAA; font-size: 11px; }
.apt-cine-skip:hover { border-color: #3E5CE8; }
.apt-cine-skip:focus-visible { outline: 2px solid #3E5CE8; outline-offset: 4px; }
.apt-cine-scene--chapter { --cine-image-width: min(15vw, 22vh, 132px); }
.apt-cine-scene--chapter .apt-cine-title { font-size: clamp(14.7px, 2.1vw, 23.8px); }
.apt-cine-scene--chapter .apt-cine-ray { display: none; }
@media (max-width: 640px) {
  .apt-cine-scene {
    --cine-image-width: min(40vw, 25vh, 160px);
    --cine-group-top: 42%;
    --cine-copy-gap: 16px;
  }
  .apt-cine-scene--chapter { --cine-image-width: min(28vw, 20vh, 112px); }
  .apt-cine-skip { right: max(18px, env(safe-area-inset-right)); bottom: max(22px, calc(env(safe-area-inset-bottom) + 12px)); }
}
@media (max-height: 520px) {
  .apt-cine-scene { --cine-copy-gap: 16px; }
  .apt-cine-skip { right: max(18px, env(safe-area-inset-right)); bottom: max(14px, calc(env(safe-area-inset-bottom) + 8px)); }
}
@media (prefers-reduced-motion: reduce) {
  .apt-cine-scene { display: none !important; }
}