.bbeol-intro{z-index:1000;color:#f4f1e8;pointer-events:auto;max-width:430px;margin:auto;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;position:fixed;inset:0;overflow:hidden}.bbeol-intro-cover{position:absolute;inset:0}.bbeol-intro-blind{background:repeating-linear-gradient(#17171b 0,#1c1c21 24px,#303037 25px,#111114 27px,#17171b 29px);border-top:6px solid #393940;border-bottom:9px solid #393940;position:absolute;inset:0;box-shadow:0 -12px 35px #0007}.bbeol-intro-welcome{text-align:center;position:absolute;top:21%;left:0;right:0}.bbeol-intro-title{width:166.4px;height:96px;margin:0 auto;position:relative;overflow:hidden}.bbeol-intro-title img{width:249.6px;max-width:none;height:auto;position:absolute;top:-19.2px;left:-41.6px}.bbeol-intro-welcome span{color:#aaaab2;margin-top:12px;font-size:12px;display:block}.bbeol-intro-rope{transform-origin:50% 0;background:#d6c8aa;width:3px;height:calc(43.4% + 82px);position:absolute;top:0;left:72%;box-shadow:1px 0 #0006}.bbeol-intro-rope i{background:#dfff00;border:2px solid #646d30;border-radius:7px;width:13px;height:21px;position:absolute;bottom:-7px;left:-5px}.bbeol-intro-mascot{transform-origin:55% 90%;opacity:0;width:210px;height:210px;position:absolute;top:43.4%;left:calc(72% - 158px)}.bbeol-intro-mascot img{object-fit:contain;width:100%;height:100%;display:block}.bbeol-intro-cover.is-running{animation:1s both bbeolIntroExit}.bbeol-intro-cover.is-running .bbeol-intro-mascot{animation:1s both bbeolIntroJump}.bbeol-intro-cover.is-running .bbeol-intro-rope{animation:1s both bbeolIntroPull}.bbeol-intro-cover.is-running .bbeol-intro-welcome{animation:1s both bbeolIntroTitle}@keyframes bbeolIntroExit{0%,68%{transform:translateY(0)}74%{transform:translateY(-8px)}to{transform:translateY(110%)}}@keyframes bbeolIntroJump{0%{opacity:0;transform:translate(-55px,190px)rotate(-12deg)}22%{opacity:1;transform:translate(0)}34%{transform:translateY(0)scale(1)}43%{transform:translateY(8px)scale(1.07,.9)}57%{transform:translateY(-70px)rotate(-7deg)scale(.96,1.04)}65%{transform:translateY(-70px)}74%{transform:translateY(10px)rotate(7deg)}to{opacity:1;transform:translateY(10px)rotate(10deg)}}@keyframes bbeolIntroPull{0%,34%{transform:scaleY(1)}43%{transform:scaleY(1.025)}57%,65%{transform:scaleY(.8)}74%,to{transform:scaleY(1.025)}}@keyframes bbeolIntroTitle{0%,35%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.bbeol-intro-cover.is-running{animation-duration:10ms}.bbeol-intro-cover.is-running .bbeol-intro-mascot,.bbeol-intro-cover.is-running .bbeol-intro-rope,.bbeol-intro-cover.is-running .bbeol-intro-welcome{animation:none}}