/* t1195 preview — Fusu/Yanghe scroll triggers are independent */

.home-stage,.scene,.art-frame,.hot-svg,a.hot{
  touch-action:manipulation;
}

.art-frame>.egg-stage{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:5;
  pointer-events:none;
  overflow:visible;
}
.egg-stage .egg-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  pointer-events:none;
}

/* Host box is synced in JS to .art-frame, so left/top % = viewBox 1332×1844.
   z-index above .scene::after fade; pointer-events none. */
.scene>.egg-verses{
  position:absolute;
  left:0; top:0;
  z-index:6;
  pointer-events:none;
  overflow:visible;
}

.egg-scroll{
  position:absolute;
  margin:0;
  padding:0;
  line-height:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  will-change:opacity;
}
.egg-scroll img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  margin:0;
  padding:0;
  border:0;
  object-fit:fill;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.egg-scroll-still{ opacity:0; }
.egg-scroll-anim{ opacity:0; }

/* viewBox percentages from mark_base→hero alignment (see placement.json) */
.egg-scroll-fusu{
  left:17.6955%;
  top:46.2019%;
  width:6.0547%;
  height:11.6365%;
}
.egg-scroll-he{
  left:51.5681%;
  top:52.4785%;
  width:6.25%;
  height:11.707%;
}
.egg-scroll-combo{
  /* t1167: shifted right so the left roller clears the 心愿池 wooden sign.
     Center 1024-island (600, 513.13); viewBox left 43.5547% (was 36.7676%). */
  left:43.5547%;
  top:56.3316%;
  width:30.0781%;
  height:7.7576%;
}

body.debug-hots .hot-svg a.hot-egg-fusu polygon,
body.debug-hots .hot-svg a.hot-egg-small polygon{ fill:rgba(255,60,140,.28); stroke:#e02070; stroke-width:2; }
body.debug-hots .hot-svg a.hot-egg-he polygon{ fill:rgba(230,200,20,.32); stroke:#c8a000; stroke-width:2; }
body.debug-hots .hot-svg a.hot-egg-girl polygon{ fill:rgba(255,80,220,.28); stroke:#c020a0; stroke-width:2; }

.egg-bloom,.egg-petal,.egg-print,.egg-heart,.egg-ripple,.egg-mia,.egg-patch,.egg-rice-sway,.egg-twinkle{
  pointer-events:none;
}

/* t1166: block iOS/Android callout, text select, save-image on the girl hotspot */
.art-frame,.art-frame img,.hot-svg,a.hot,a.hot *{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
a.hot-egg-girl{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
}