/* Emerald City 2626 is the canonical MINT IT atmosphere. */
body { background:#04110c; isolation:isolate; }
body[data-theme-art="mintit-mobi"]::before {
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  content:"";
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:normal;
}
body[data-theme-art="mintit-mobi"]::before {
  width:116%; left:-8%;
  background-image:linear-gradient(180deg,rgba(0,12,8,.13),rgba(0,8,4,.34)),url('/assets/mintit/emerald-city/emerald-city-2626-panorama.jpg');
  animation:mintit-city-pan 34s ease-in-out infinite alternate;
}
.mintit-city-veil {
  position:absolute; z-index:3; inset:-31% -20%; overflow:hidden; pointer-events:none;
  opacity:1; filter:drop-shadow(0 1rem 2rem rgba(0,0,0,.28));
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,rgba(0,0,0,.32) 7%,rgba(0,0,0,.84) 15%,#000 23%,#000 77%,rgba(0,0,0,.84) 85%,rgba(0,0,0,.32) 93%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.32) 7%,rgba(0,0,0,.84) 15%,#000 23%,#000 77%,rgba(0,0,0,.84) 85%,rgba(0,0,0,.32) 93%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,transparent 0%,rgba(0,0,0,.32) 7%,rgba(0,0,0,.84) 15%,#000 23%,#000 77%,rgba(0,0,0,.84) 85%,rgba(0,0,0,.32) 93%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.32) 7%,rgba(0,0,0,.84) 15%,#000 23%,#000 77%,rgba(0,0,0,.84) 85%,rgba(0,0,0,.32) 93%,transparent 100%);
  mask-composite:intersect;
  animation:mintit-tower-reveal 10.25s ease-in-out infinite alternate;
}
.mintit-city-veil img {
  display:block; width:100%; height:132%; object-fit:cover; object-position:50% 0%;
  animation:mintit-tower-pan 10.25s ease-in-out infinite alternate;
}
.snapshot-control.choice-open .mintit-city-veil,
body.ceremony-open .mintit-city-veil { opacity:0; transition:opacity .35s ease; }
body.ambience-paused .mintit-city-veil { display:none; }
@keyframes mintit-city-pan { from { transform:translate3d(-5%,0,0) scale(1.02); } to { transform:translate3d(5%,0,0) scale(1.02); } }
@keyframes mintit-tower-reveal {
  0%,39.02% { opacity:1; }
  48.78%,51.22% { opacity:0; }
  60.98%,100% { opacity:1; }
}
@keyframes mintit-tower-pan { from { transform:translate3d(0,0,0) scale(1.03); } to { transform:translate3d(0,-24%,0) scale(1.03); } }
#snapshot-control > .aura {
  border:0;
  box-shadow:none;
  animation:none;
}
#snapshot-control > .aura::before,
#snapshot-control > .aura::after { content:none; }

/* Keep the landing jewel delicate while preserving its full touch target. */
body[data-theme-art="mintit-mobi"] #function-deck .mint-edge-art {
  width:1.640625rem;
  height:5.484375rem;
}

/* A close halo of individual stars follows the medallion's existing responsive size. */
.mintit-star-ring {
  position:absolute;
  left:50%;
  top:50%;
  width:calc(var(--medallion) + 1rem);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.mintit-star {
  position:absolute;
  left:var(--star-x);
  top:var(--star-y);
  width:var(--star-size,4px);
  height:var(--star-size,4px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,#fff8c5 0%,#efca76 24%,rgba(225,167,63,.24) 53%,transparent 74%);
  box-shadow:0 0 8px rgba(245,197,94,.4);
  opacity:.3;
  animation:mintit-star-twinkle var(--star-duration,5s) ease-in-out infinite;
  animation-delay:var(--star-delay,0s);
}
.mintit-star::before,.mintit-star::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:200%;
  transform:translate(-50%,-50%);
  background:linear-gradient(transparent,rgba(255,241,182,.7),transparent);
}
.mintit-star::after { width:200%; height:1px; }
@keyframes mintit-star-twinkle {
  0%,100% { opacity:.18; }
  33% { opacity:.35; }
  57% { opacity:.95; }
  78% { opacity:.3; }
}
body.ambience-paused .mintit-star,
.mintit-star-ring.paused .mintit-star { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) {
  body[data-theme-art="mintit-mobi"]::before { animation:none; transform:none; }
  .mintit-city-veil { display:none; }
  .mintit-star { animation:none; opacity:.5; }
}