/* Visibility-gated hero mirage and genie glint; no footprint layer. */
.presence-mirage{position:absolute;inset:0;pointer-events:none;opacity:0;transform-origin:50% 66%;mask-image:linear-gradient(transparent 45%,#000 54% 67%,transparent 76%);will-change:auto}
body[data-direction=studio] .presence-mirage{opacity:.22}

.genie-rest{position:relative}
.genie-breath{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s ease}
.genie-breath[data-live=true]{opacity:1}
.genie-vapour{position:absolute;left:var(--genie-spout-x,37%);top:var(--genie-spout-y,42%);width:clamp(25px,4vw,65px);height:clamp(80px,10vw,155px);border-radius:50%;background:radial-gradient(ellipse at 45% 72%,#8d786352 0,transparent 56%),radial-gradient(ellipse at 57% 29%,#fff2d94a 0,transparent 51%);mask-image:linear-gradient(transparent,#000 25% 78%,transparent);transform-origin:50% 100%;opacity:0}
.genie-sun-glint{position:absolute;left:var(--genie-glint-x,64%);top:var(--genie-glint-y,48%);width:3px;height:3px;background:#fff4d8;border-radius:50%;opacity:0;transform-origin:50% 50%}
.genie-sun-glint:before,.genie-sun-glint:after{content:'';position:absolute;inset:50% auto auto 50%;background:linear-gradient(transparent,#fff3d2,transparent);transform:translate(-50%,-50%)}
.genie-sun-glint:before{width:1px;height:31px}.genie-sun-glint:after{width:27px;height:1px;background:linear-gradient(90deg,transparent,#fff3d2,transparent)}
@media(prefers-reduced-motion:no-preference){
  body[data-direction=studio] .presence-mirage{animation:presence-heat 6.8s ease-in-out infinite alternate}
  .genie-vapour{animation:genie-smoke-rise 10.8s ease-in-out var(--puff-delay) infinite;animation-play-state:paused}
  .genie-sun-glint{animation:genie-metal-catch 23s ease-in-out -7s infinite;animation-play-state:paused}
  .genie-breath[data-live=true] :is(.genie-vapour,.genie-sun-glint){animation-play-state:running}
}
@keyframes presence-heat{0%{transform:translateX(-2px) scaleX(1.009) skewX(-.2deg);opacity:.21}37%{opacity:.35}70%{opacity:.24}100%{transform:translateX(2px) scaleX(1.024) skewX(.23deg);opacity:.29}}
@keyframes genie-smoke-rise{0%{transform:translate(-50%,-88%) scale(.35,.55) rotate(-8deg);opacity:0}18%{opacity:.6}57%{transform:translate(-46%,-130%) scale(.72,1.08) rotate(7deg);opacity:.34}100%{transform:translate(-63%,-190%) scale(1.03,1.27) rotate(-4deg);opacity:0}}
@keyframes genie-metal-catch{0%,75%,82%,100%{opacity:0;transform:scale(.45) rotate(-8deg)}77%{opacity:.84;transform:scale(1) rotate(4deg)}79%{opacity:.28;transform:scale(.7) rotate(9deg)}}
.presence-paused .presence-mirage{animation-play-state:paused!important}
@media(max-width:760px){.presence-mirage{mask-image:linear-gradient(transparent 46%,#000 52% 64%,transparent 73%)}.genie-sun-glint:before{height:20px}.genie-sun-glint:after{width:19px}}
@media(prefers-reduced-motion:reduce){.presence-mirage,.genie-breath{display:none!important}.genie-vapour,.genie-sun-glint{animation:none!important}}