.page_page__x4xAN{display:flex;align-items:center;flex-direction:column}.page_page__x4xAN>.about-wrap{overflow:hidden;background:#0d1c2e url(/uwo/about/background-uwo.jpg) top/cover no-repeat}.page_page__x4xAN>.about-wrap,.page_page__x4xAN>.about-wrap .about-sec{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.page_page__x4xAN>.about-wrap .about-sec{max-width:1920px;padding-left:20px;padding-right:20px;background-position:top;background-size:cover;background-repeat:no-repeat;text-align:center}.page_page__x4xAN>.about-wrap .rope-divider{position:absolute;left:0;bottom:-5px;width:100%;max-width:none;height:17px}.page_page__x4xAN>.about-wrap .symbol{background-position:top;background-repeat:no-repeat;background-size:cover}.page_page__x4xAN>.about-wrap .sec-title{margin-top:30px;max-width:100%;font-size:0;line-height:0}.page_page__x4xAN>.about-wrap .sec-title>img{width:100%}.page_page__x4xAN>.about-wrap .sec-desc{margin-top:30px;width:100%;font-size:26px;font-weight:400;line-height:36px;letter-spacing:0;color:#eee}@media(max-width:425px){.page_page__x4xAN>.about-wrap .sec-desc{font-size:20px;line-height:30px}}.page_page__x4xAN>.about-wrap .img-row{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;row-gap:15px;margin-top:30px;width:100%;max-width:1000px}.page_page__x4xAN>.about-wrap .img-row>div{max-width:100%}.page_page__x4xAN>.about-wrap .img-row>div>img{width:100%}.page_page__x4xAN>.about-wrap .about-sec1{padding-top:100px;padding-bottom:103px;background-image:url(/uwo/about/main_header_1.png)}.page_page__x4xAN>.about-wrap .about-sec1 .uwo-logo{width:100%;max-width:504px}.page_page__x4xAN>.about-wrap .about-sec1 .uwo-logo>img{width:100%}.page_page__x4xAN>.about-wrap .about-sec1 .explore-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:60px;padding:25px 30px;width:617px;max-width:100%;background-color:rgba(36,79,128,.9);opacity:.9}.page_page__x4xAN>.about-wrap .about-sec1 .explore-title{width:100%;max-width:560px;font-size:30px;font-weight:700;line-height:34px;letter-spacing:1px;text-transform:uppercase;color:#fff}.page_page__x4xAN>.about-wrap .about-sec1 .explore-desc{margin-top:20px;width:100%;max-width:564px;font-size:16px;font-weight:400;line-height:23px;letter-spacing:0;color:#fff}.page_page__x4xAN>.about-wrap .about-sec1 .play-uwo-btn{display:flex;justify-content:center;align-items:center;margin-top:20px;width:180px;height:42px;background-color:#c9a56d;font-size:16px;font-weight:500;line-height:17px;letter-spacing:.5px;text-transform:uppercase;color:#fff;cursor:pointer;transition:background-color .3s ease}.page_page__x4xAN>.about-wrap .about-sec1 .play-uwo-btn:focus-visible,.page_page__x4xAN>.about-wrap .about-sec1 .play-uwo-btn:hover{background-color:#f1cd97}.page_page__x4xAN>.about-wrap .about-sec2{padding-top:70px;padding-bottom:74px;background-image:url(/uwo/about/adventure_backgrond.jpg)}.page_page__x4xAN>.about-wrap .about-sec2 .adventure-top{width:100%;max-width:420px}.page_page__x4xAN>.about-wrap .about-sec2 .adventure-top>img{width:100%}.page_page__x4xAN>.about-wrap .about-sec2 .symbol-adventure{margin-top:20px;width:65px;height:65px;background-image:url(/uwo/about/advIcon.png)}.page_page__x4xAN>.about-wrap .about-sec2 .title-adventure{width:378px}.page_page__x4xAN>.about-wrap .about-sec2 .desc-adventure{max-width:796px}.page_page__x4xAN>.about-wrap .about-sec2 .row-adventure>div{width:420px}.page_page__x4xAN>.about-wrap .about-sec3{padding-top:70px;padding-bottom:77px;background-image:url(/uwo/about/trade_background.jpg)}.page_page__x4xAN>.about-wrap .about-sec3 .symbol-trade{width:90px;height:56px;background-image:url(/uwo/about/trade_icon.png)}.page_page__x4xAN>.about-wrap .about-sec3 .title-trade{width:212px}.page_page__x4xAN>.about-wrap .about-sec3 .desc-trade{max-width:668px}.page_page__x4xAN>.about-wrap .about-sec3 .row-trade>div{width:434px}.page_page__x4xAN>.about-wrap .about-sec4{padding-top:70px;padding-bottom:90px;background-image:url(/uwo/about/battle_background.jpg)}.page_page__x4xAN>.about-wrap .about-sec4 .symbol-battle{width:70px;height:62px;background-image:url(/uwo/about/battle_icon.png)}.page_page__x4xAN>.about-wrap .about-sec4 .title-battle{width:241px}.page_page__x4xAN>.about-wrap .about-sec4 .desc-battle{max-width:732px}.page_page__x4xAN>.about-wrap .about-sec4 .battle-row{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-top:30px;width:100%;max-width:950px}.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.left,.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.right{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}@media(max-width:425px){.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.left,.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.right{width:100%}}.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.left>div,.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.right>div{width:434px;max-width:100%}.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.left>div>img,.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.right>div>img{width:100%}.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.left>div+div,.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.right>div+div{margin-top:15px}@media(max-width:425px){.page_page__x4xAN>.about-wrap .about-sec4 .battle-row>.right{margin-top:15px}}.page_page__x4xAN>.about-wrap .about-sec5{padding-top:70px;padding-bottom:159px;background-image:url(/uwo/about/bg-middle.jpg)}.page_page__x4xAN>.about-wrap .about-sec5 .symbol-ship{width:75px;height:71px;background-image:url(/uwo/about/ship_icon.png)}.page_page__x4xAN>.about-wrap .about-sec5 .title-ship{width:187px}.page_page__x4xAN>.about-wrap .about-sec5 .desc-ship{max-width:716px}.page_page__x4xAN>.about-wrap .about-sec5 .ship-wheel{display:flex;justify-content:center;align-items:center;gap:100px;margin-top:120px;width:100%;max-width:940px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin{position:relative;z-index:11;display:flex;justify-content:center;align-items:center;width:298px;height:266px;transition:transform 1s ease}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>img{width:270px;height:266px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir{position:absolute;width:73px;height:73px;border:1px solid #c9a56d;border-radius:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;cursor:pointer;opacity:1;transition:opacity .5s ease,transform 1s ease,box-shadow .3s ease}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir:focus-visible,.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir:hover{box-shadow:0 0 0 3px hsla(37,46%,61%,.6)}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir0{top:92px;right:-74px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir1{top:-40px;right:-20px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir2{top:-90px;left:112px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir3{top:-40px;left:-14px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir4{top:92px;left:-74px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir5{bottom:-32px;left:-15px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir6{bottom:-90px;right:112px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir7{bottom:-32px;right:-20px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin>.cir-close{opacity:0;pointer-events:none;transition:opacity .4s ease .6s,transform 1s ease}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-thumbs{display:none}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content{position:relative;z-index:12;display:flex;justify-content:center;align-items:center}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.cir-big{width:241px;height:241px;border:1px solid #c9a56d;border-radius:100%;background-position:50%;background-size:cover;background-repeat:no-repeat}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.wheel-desc{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:20px;width:280px;text-align:left}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.wheel-desc>h3{margin-bottom:20px;font-size:36px;font-weight:300;line-height:1.2;letter-spacing:1px;text-transform:uppercase;color:#c9a56d}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.wheel-desc>p{margin-bottom:20px;font-size:16px;font-weight:300;line-height:19px;letter-spacing:0;color:#fff}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-inactive{opacity:0}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-active{opacity:1;transition:opacity .5s ease-out}@media(max-width:991px){.page_page__x4xAN>.about-wrap .about-sec5{padding-bottom:80px}.page_page__x4xAN>.about-wrap .about-sec5 .ship-wheel{flex-direction:column;gap:24px;margin-top:40px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-spin{display:none}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:340px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-thumbs>button{width:64px;height:64px;border:1px solid #c9a56d;border-radius:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;opacity:.6;transition:opacity .3s ease}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-thumbs>button.on{opacity:1;box-shadow:0 0 0 3px hsla(37,46%,61%,.6)}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content{flex-direction:column;width:100%}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.cir-big{width:200px;height:200px}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.wheel-desc{align-items:center;margin:20px 0 0;width:100%;max-width:420px;text-align:center}.page_page__x4xAN>.about-wrap .about-sec5 .wheel-content>.wheel-desc>h3{font-size:28px}}.page_page__x4xAN>.about-wrap .about-sec6{justify-content:flex-start;height:900px;padding-top:70px;background-image:url(/uwo/about/story_background.jpg)}.page_page__x4xAN>.about-wrap .about-sec6 .symbol-story{width:70px;height:60px;background-image:url(/uwo/about/paper_icon.png)}.page_page__x4xAN>.about-wrap .about-sec6 .title-story{width:206px}.page_page__x4xAN>.about-wrap .about-sec6 .desc-story{position:relative;z-index:1;max-width:700px;letter-spacing:.67px}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters{position:absolute;inset:0;pointer-events:none}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-left,.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-right{position:absolute;bottom:0;width:100%;opacity:0;transition:opacity .4s ease,transform .4s ease}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-left>img,.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-right>img{width:100%}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-left{left:0;max-width:597px;transform:translate3d(-100px,0,0)}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-right{right:0;max-width:649px;transform:translate3d(100px,0,0)}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters.in>.story-left,.page_page__x4xAN>.about-wrap .about-sec6 .story-characters.in>.story-right{opacity:1;transform:translateZ(0)}@media(max-width:1500px){.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-left{max-width:384px}.page_page__x4xAN>.about-wrap .about-sec6 .story-characters>.story-right{max-width:425px}}@media(max-width:991px){.page_page__x4xAN>.about-wrap .about-sec6 .story-characters{display:none}.page_page__x4xAN>.about-wrap .about-sec6{height:auto;min-height:520px;padding-bottom:80px}.page_page__x4xAN>.about-wrap .about-sec6 .desc-story:before{content:"";position:absolute;z-index:-1;top:-24px;bottom:-24px;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,rgba(13,28,46,0),rgba(13,28,46,.8) 24px,rgba(13,28,46,.8) calc(100% - 24px),rgba(13,28,46,0));pointer-events:none}}.page_page__x4xAN>.about-wrap .about-sec7{justify-content:flex-start;height:900px;padding-top:69px;background-image:url(/uwo/about/bottom_bg.jpg)}.page_page__x4xAN>.about-wrap .about-sec7 .logo-img{width:504px;max-width:100%}.page_page__x4xAN>.about-wrap .about-sec7 .logo-img>img{width:100%}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin-top:42px;max-width:100%;cursor:pointer}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn-text>.txt-hover{position:absolute;top:0;left:0;opacity:0}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn:focus-visible>.whell-btn-text>.txt,.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn-text:hover>.txt{opacity:0}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn:focus-visible>.whell-btn-text>.txt-hover,.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn-text:hover>.txt-hover{opacity:1}@media(max-width:425px){.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn{margin-top:55vw}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn{width:100%}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn-text{width:50%}.page_page__x4xAN>.about-wrap .about-sec7 .play-now-btn>.whell-btn-text>img{width:100%}}.page_page__x4xAN>.about-wrap .about-sec7 .captain-img{position:absolute;bottom:0;right:200px;width:100%;max-width:641px;pointer-events:none}.page_page__x4xAN>.about-wrap .about-sec7 .captain-img>img{width:90%}@media(max-width:1500px){.page_page__x4xAN>.about-wrap .about-sec7 .captain-img{display:none}}@media(prefers-reduced-motion:reduce){.page_page__x4xAN>.about-wrap .story-characters>div,.page_page__x4xAN>.about-wrap .wheel-active,.page_page__x4xAN>.about-wrap .wheel-spin,.page_page__x4xAN>.about-wrap .wheel-spin>.cir{transition:none!important}.page_page__x4xAN>.about-wrap .play-now-btn>.whell-btn{animation:none!important}}.page_page__x4xAN .whell-btn{animation:page_about-wheel-rotation__ERuth 3s infinite alternate}@keyframes page_about-wheel-rotation__ERuth{0%{transform:rotate(-35deg)}to{transform:rotate(35deg)}}