/* Decorative imagery must not become an iOS image-preview target during a hold. */
#miw-experience .ignition-chapter .scene-background,
#miw-experience .ignition-chapter .spark-product {
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  -webkit-touch-callout:none;
}
/* Match the artwork's fitted bounds and existing transform; only the plug accepts input. */
#miw-experience .spark-trigger {
  position:absolute;
  width:0;
  height:0;
  pointer-events:auto;
  touch-action:pan-y pinch-zoom;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  transform:translate3d(var(--product-x,0px),var(--product-y,0px),0) rotate(var(--product-rotate,-12deg)) scale(var(--product-scale,1.13));
  clip-path:polygon(14% 4%,24% 2%,29% 5%,31% 13%,42% 22%,57% 37%,67% 38%,75% 45%,84% 58%,88% 69%,94% 81%,93% 90%,88% 96%,79% 97%,68% 92%,62% 84%,52% 73%,42% 70%,34% 62%,30% 51%,33% 43%,27% 35%,20% 23%,17% 15%,12% 10%);
}
#miw-experience .spark-trigger,
#miw-experience .spark-trigger:is(:hover,:focus,:focus-visible,:active) {
  outline:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#miw-experience .spark-hint {
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  color:#c7dcf5;
  background:rgba(6,17,29,.82);
  border:1px solid rgba(176,204,238,.3);
  border-radius:3px;
  font-size:10px;
  line-height:1.5;
  text-align:center;
  pointer-events:none;
}
#miw-experience .spark-trigger:focus-visible ~ .spark-hint {
  outline:2px solid #a5caff;
  outline-offset:4px;
  color:#fff;
}
#miw-experience .spark-trigger:active ~ .spark-hint,
#miw-experience .spark-active .spark-hint {border-color:#a5caff;color:#fff}
#miw-experience .ignition-aura {opacity:0}
@media(max-width:760px) {
  #miw-experience .spark-trigger {transform:rotate(-10deg) scale(.8)}
  #miw-experience .spark-hint {bottom:6px;font-size:11px}
}