#eyeroom-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#030404;color:#fff;overflow:hidden;animation:eye-intro-dismiss 2.5s forwards}
.eye-intro-brand{width:min(68vw,310px);text-align:center;animation:eye-intro-forward 2.4s ease-in-out forwards}.eye-intro-brand svg{display:block;width:100%;height:auto;overflow:visible}.eye-intro-shape{transform-origin:128px 80px;animation:eye-intro-blink 2.4s ease-in-out both}.eye-intro-pupil{transform:none}.eye-intro-brand>span{display:block;font:700 clamp(35px,7vw,58px) Arial,sans-serif;letter-spacing:-2px;animation:eye-intro-word 2.4s both}
#eyeroom-intro>button{display:none;position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));padding:12px 20px;background:transparent;border:1px solid #ffffff35;border-radius:24px;color:#ddd;font:13px Arial,sans-serif;cursor:pointer}
@keyframes eye-intro-blink{0%,24%{transform:scaleY(1)}38%{transform:scaleY(.03)}51%,100%{transform:scaleY(1)}}
@keyframes eye-intro-word{0%,25%{opacity:0}40%,76%{opacity:1}100%{opacity:0}}
@keyframes eye-intro-forward{0%,73%{transform:scale(1);opacity:1}87%{transform:scale(1.22);opacity:1}100%{transform:scale(8);opacity:0}}
@keyframes eye-intro-dismiss{0%,90%{opacity:1;visibility:visible;pointer-events:auto}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#eyeroom-intro{animation:eye-intro-dismiss .6s forwards}.eye-intro-brand,.eye-intro-shape,.eye-intro-pupil,.eye-intro-brand>span{animation:none}}