.mind-entry{position:fixed;inset:0;z-index:2147483646;background:#080609;overflow:hidden;opacity:0;transition:opacity .16s;pointer-events:all}
.mind-entry.is-visible{opacity:1}
.mind-stage{position:absolute;left:50%;top:50%;width:var(--mind-width);aspect-ratio:3/2;transform:translate(-50%,-50%)}
.mind-camera{width:100%;height:100%;transform-origin:60% 25%;will-change:transform,filter}
.mind-camera>img,.mind-camera>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mind-closed{opacity:0}
.mind-entry.is-blinking .mind-closed{opacity:1}
.mind-entry.is-revealing .mind-camera{animation:mind-interference .62s steps(1,end) both}
.mind-entry.is-entering .mind-camera{animation:mind-dive 1.05s cubic-bezier(.7,0,.8,.3) forwards}
@keyframes mind-interference{0%{opacity:0;transform:translateX(-8px)}18%{opacity:1;transform:translateX(5px);filter:hue-rotate(15deg)}32%{opacity:.1}48%{opacity:1;transform:translateX(-3px)}61%{opacity:.25}76%,100%{opacity:1;transform:none;filter:none}}
@keyframes mind-dive{0%{transform:none}100%{transform:translate(var(--mind-x),var(--mind-y)) scale(17);filter:brightness(1.5)}}
@media(prefers-reduced-motion:reduce){.mind-entry.is-revealing .mind-camera,.mind-entry.is-entering .mind-camera{animation:none}.mind-entry{transition:none}}
