.mouth-portal{position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate;background:#ffce43;pointer-events:none;contain:strict;color:#fff7e1}.portal-camera{position:absolute;inset:0;transform-origin:50% 50%;background:repeating-conic-gradient(from 10deg at 50% 50%,#ffce43 0deg 12deg,#ffe487 12deg 24deg)}.portal-face{position:absolute;width:min(100vw,560px);aspect-ratio:1197/1314;max-width:none;left:50%;top:50%;transform:translate(-58%,-49%)}.portal-caption{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-size:clamp(28px,7vw,56px);font-weight:950;color:#17233d;text-shadow:2px 3px #fff9e1}.portal-skip{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));background:#fff9eb;color:#17233d;border:2px solid #17233d;border-radius:30px;padding:10px 18px;pointer-events:auto;font-size:14px;min-height:44px}.portal-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:60px 16px;text-align:center;visibility:hidden}.portal-result small{font-size:clamp(20px,5vw,30px);color:#ffd253;font-weight:900}.portal-result strong{font-size:clamp(42px,12vw,100px);line-height:1.2;letter-spacing:-.05em;text-shadow:4px 5px #815932}.mouth-portal[data-phase=dive] .portal-caption,.mouth-portal[data-phase=result] .portal-caption{display:none}.mouth-portal[data-phase=result]{background:#201629}.mouth-portal[data-phase=result] .portal-camera{visibility:hidden}.mouth-portal[data-phase=result] .portal-result{visibility:visible}@media(max-height:450px){.portal-face{width:360px}.portal-result{gap:10px;padding:48px 14px 15px}.portal-result strong{font-size:48px}.portal-caption{bottom:3%}}@media(prefers-reduced-motion:reduce){.portal-camera{display:none}}

.portal-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.portal-mouth{opacity:0}