@media(max-width:800px){body.has-menu{overflow:hidden}.kr-nav{position:fixed;z-index:98;top:74px;right:0;bottom:64px;left:0;display:flex!important;padding:35px 24px 85px;border:0;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(7,5,6,.98),rgba(17,7,10,.91)),url('../img/universe/backgrounds/l2-story-fortress.jpg') center/cover;flex-direction:column;justify-content:center;gap:0;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .32s,transform .32s,visibility .32s}.kr-nav:after{content:"L2 KAEL  ·  THE FIRST WAR  ·  SEASON 01";position:absolute;right:24px;bottom:28px;left:24px;padding-top:18px;border-top:1px solid var(--hair);color:#655c5e;font:7px KaelDisplay;letter-spacing:.2em}.kr-nav.is-open{opacity:1;visibility:visible;transform:none}.kr-nav a{position:relative;display:grid;grid-template-columns:43px 1fr;align-items:center;min-height:67px;padding:0;border-bottom:1px solid var(--hair);color:#b9adaf;font:21px KaelDisplay;letter-spacing:0;text-transform:none;opacity:0;transform:translateX(-14px);transition:color .25s,opacity .35s,transform .35s}.kr-nav.is-open a{opacity:1;transform:none}.kr-nav.is-open a:nth-child(1){transition-delay:.04s}.kr-nav.is-open a:nth-child(2){transition-delay:.08s}.kr-nav.is-open a:nth-child(3){transition-delay:.12s}.kr-nav.is-open a:nth-child(4){transition-delay:.16s}.kr-nav.is-open a:nth-child(5){transition-delay:.2s}.kr-nav.is-open a:nth-child(6){transition-delay:.24s}.kr-nav a:before{color:#d93f56;font:8px KaelDisplay}.kr-nav a:nth-child(1):before{content:"01"}.kr-nav a:nth-child(2):before{content:"02"}.kr-nav a:nth-child(3):before{content:"03"}.kr-nav a:nth-child(4):before{content:"04"}.kr-nav a:nth-child(5):before{content:"05"}.kr-nav a:nth-child(6):before{content:"06"}.kr-nav a:after{top:auto;right:100%;bottom:-1px;left:43px;height:1px;transform:none}.kr-nav a:hover,.kr-nav a.is-active{color:#fff}.kr-nav a:hover:after,.kr-nav a.is-active:after{right:0;transform:none}.kr-menu{position:relative;z-index:101}.kr-menu.is-open i:first-child{transform:translateY(4px) rotate(45deg)}.kr-menu.is-open i:last-child{transform:translateY(-4px) rotate(-45deg)}}@media(max-width:420px){.kr-nav{padding-top:20px}.kr-nav a{min-height:59px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.kr-nav,.kr-nav a{transition:none!important}}