.page-worldboss-bg{background:url(/images/worldboss/page-bg.png) 50% no-repeat;background-size:cover;width:100%}.milestone-container{background:url(/images/worldboss/bg.png) 50% no-repeat;background-size:100% 90%;width:100%;height:812px}@media(max-width:1000px){.milestone-container{background:none}}.milestone-container .deer-img{position:absolute;left:300px;z-index:10}@media(max-width:1850px){.milestone-container .deer-img{left:150px}}@media(max-width:1600px){.milestone-container .deer-img{left:100px}}@media(max-width:1440px){.milestone-container .deer-img{left:30px}}@media(max-width:1400px){.milestone-container .deer-img{left:-40px}}@media(max-width:1220px){.milestone-container .deer-img{left:0;max-width:300px}}@media(max-width:1150px){.milestone-container .deer-img{display:none}}.milestone-container .progress-frame{background:url(/images/worldboss/progress-frame.png) top no-repeat;background-size:contain;width:1000px;height:633px;z-index:5}@media(max-width:1850px){.milestone-container .progress-frame{right:150px}}@media(max-width:1600px){.milestone-container .progress-frame{right:100px}}@media(max-width:1440px){.milestone-container .progress-frame{right:30px}}@media(max-width:1150px){.milestone-container .progress-frame{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);left:50%}}@media(max-width:1000px){.milestone-container .progress-frame{background:url(/images/worldboss/progress-frame-mobile.png) top no-repeat;background-size:contain;width:393px;height:904px;margin-top:100px}}@media(max-width:640px){.milestone-container .progress-frame{margin-top:70px}}.milestone-container .progress-frame .title-img{top:-50px}@media(max-width:1000px){.milestone-container .progress-frame .title-img{top:-5px}}.milestone-container .progress-frame .content-container{padding-top:60px;max-width:774px;width:100%;display:flex;flex-direction:column;align-items:center}@media(max-width:1000px){.milestone-container .progress-frame .content-container{max-width:333px;padding-top:60px}}.milestone-container .progress-frame .content-container .deer-img-mobile{min-width:350px;display:none}@media(max-width:1000px){.milestone-container .progress-frame .content-container .deer-img-mobile{display:block}}.milestone-container .progress-frame .content-container .sunset-deer-title{color:#7a7a7a;font-size:24px;font-style:normal;font-weight:600;line-height:normal;text-align:center}@media(max-width:1000px){.milestone-container .progress-frame .content-container .sunset-deer-title{margin-top:20px;font-size:20px}}.milestone-container .progress-frame .content-container .progress-container{width:100%;height:20px;margin-top:10px;border-radius:9999px;border:1px solid #fff;background:rgba(16,16,16,.1);box-shadow:0 0 4px 0 hsla(0,0%,100%,.6),inset 0 4px 4px 0 rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.4);backdrop-filter:blur(14.0500001907px);position:relative;cursor:pointer}@media(max-width:1000px){.milestone-container .progress-frame .content-container .progress-container{height:20px;margin-top:5px}}.milestone-container .progress-frame .content-container .progress-container .progress-bar{border-radius:9368.76px;background:radial-gradient(13.89% 51.79% at 0 50%,#fff 0,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(255,255,255,0) 85.12%,#fff),linear-gradient(270deg,#ffcf83,#ffeed2 50%,#ffcf83);box-shadow:0 0 3.748px 0 hsla(0,0%,100%,.6),inset 0 0 1px 0 #fff,0 0 2px 0 #000;position:absolute;top:3px;left:1px;height:14px}.milestone-container .progress-frame .content-container .progress-container .progress-tooltip{position:absolute;top:15px;left:60px;padding:0 20px;height:74px;border-radius:10px;border:1px solid #fff;background:linear-gradient(90deg,rgba(42,68,107,.6),rgba(32,54,88,.7) 49.67%,rgba(22,41,69,.8) 99.35%);display:flex;align-items:center;justify-content:center;gap:5px}.milestone-container .progress-frame .content-container .progress-container .progress-tooltip p{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.milestone-container .progress-frame .content-container .progress-container .start-value{position:absolute;top:30px;left:0;color:#7a7a7a;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.milestone-container .progress-frame .content-container .progress-container .end-value{position:absolute;top:30px;right:0;color:#7a7a7a;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.milestone-container .progress-frame .content-container .detail-frame{background:url(/images/worldboss/detail-frame.png) top no-repeat;background-size:contain;width:674px;height:172px;margin-top:40px}@media(max-width:1000px){.milestone-container .progress-frame .content-container .detail-frame{background:url(/images/worldboss/detail-frame-mobile.png) top no-repeat;background-size:contain;width:333px;height:150px;margin-top:60px}}.milestone-container .progress-frame .content-container .detail-frame .desc{color:#101010;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:36px;width:520px}@media(max-width:1000px){.milestone-container .progress-frame .content-container .detail-frame .desc{font-size:12px;line-height:24px;width:290px}}.milestone-container .progress-frame .content-container .reward-title{color:#7a7a7a;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-top:30px}@media(max-width:1000px){.milestone-container .progress-frame .content-container .reward-title{font-size:12px;margin-top:30px}}.milestone-container .progress-frame .content-container .item-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}@media(max-width:1000px){.milestone-container .progress-frame .content-container .item-container{width:333px;flex-wrap:wrap;gap:10px 20px}}.milestone-container .progress-frame .content-container .item-container .item-frame{width:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:1000px){.milestone-container .progress-frame .content-container .item-container .item-frame{width:87px}}.ranking-container{background:url(/images/worldboss/ranking-bg.png) top no-repeat;background-size:cover;width:1120px;height:1085px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}@media(max-width:640px){.ranking-container{width:393px;height:540px;background:url(/images/worldboss/ranking-bg-mobile.png) top no-repeat;background-size:contain;margin-top:100px;gap:10px}}.ranking-container .arrow-btn{width:20px;height:20px}@media(max-width:640px){.ranking-container .arrow-btn{width:10px;height:10px}}.ranking-container .page-number{color:#d4bdae;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ranking-container .page-number.selected{border-radius:8px;border:1px solid #a78b73;background:#f6f5f3;box-shadow:inset 0 -3px 4px 0 rgba(0,0,0,.25);color:#4f4f4f}.ranking-container .page-number:hover{color:#4f4f4f}@media(max-width:640px){.ranking-container .page-number{width:15px;height:15px;border-radius:3px;font-size:12px}.ranking-container .page-number.selected{border-radius:3px}}.ranking-container .tab-button{padding:8px 4px;font-weight:400;cursor:pointer;transition:all .3s ease;font-size:12px;box-shadow:none}@media(max-width:640px){.ranking-container .tab-button{padding:6px 2px;font-size:8px}}.ranking-container .tab-button.active{border-color:gold;background:linear-gradient(135deg,#FFD700,#FFA500);color:#000;font-weight:600;box-shadow:0 4px 12px rgba(255,215,0,.4)}.ranking-container .tab-button:hover{border-color:gold;transform:translateY(-2px)}.ranking-container .title-bg{position:absolute;top:-50px;background:url(/images/worldboss/ranking-title.png) top no-repeat;background-size:contain;width:406px;height:98px;display:flex;align-items:center;justify-content:center}@media(max-width:640px){.ranking-container .title-bg{width:225px;height:45px;top:-20px}}.ranking-container .title-bg p{background:linear-gradient(270deg,#f1d8ad,#ffc890 31.7%,#eed6a8 55.04%,#ffd690 81.15%,#f5dfb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-align:center;font-size:36px;font-style:normal;font-weight:600;line-height:normal}@media(max-width:640px){.ranking-container .title-bg p{font-size:20px}}.ranking-container .ranking-leaderboard{display:flex;flex-direction:column;gap:10px;margin-top:5px}@media(max-width:640px){.ranking-container .ranking-leaderboard{gap:5px;margin-top:5px}}.ranking-container .ranking-leaderboard .ranking-item{position:relative;border-radius:50px 10px 50px 20px;background:ivory;width:850px;height:75px;display:flex;align-items:center;justify-content:space-between;padding-right:50px}@media(max-width:1130px){.ranking-container .ranking-leaderboard .ranking-item{width:850px;height:75px;padding-right:30px;border-radius:50px 10px 30px 20px}}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item{border-radius:15px 3px 15px 6px;width:323px;height:33px;padding-right:15px}}.ranking-container .ranking-leaderboard .ranking-item .rank-badge{width:155px;height:75px;display:flex;align-items:center;justify-content:center;background-size:contain;background-position:top;background-repeat:no-repeat}@media(max-width:1400px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge{width:193px;height:85px}}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge{width:50px;height:33px;margin-left:0}}.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-1st{background-image:url(/images/worldboss/1st.png)}@media(max-width:1000px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-1st{background-image:url(/images/worldboss/1st-mobile.png)}}.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-2nd{background-image:url(/images/worldboss/2nd.png)}@media(max-width:1000px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-2nd{background-image:url(/images/worldboss/2nd-mobile.png)}}.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-3rd{background-image:url(/images/worldboss/3rd.png)}@media(max-width:1000px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-3rd{background-image:url(/images/worldboss/3rd-mobile.png)}}.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-4th{background-image:url(/images/worldboss/4th.png)}@media(max-width:1000px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge.rank-4th{background-image:url(/images/worldboss/4th-mobile.png)}}.ranking-container .ranking-leaderboard .ranking-item .rank-badge p{color:ivory;text-align:center;font-size:24px;font-weight:600;-webkit-text-stroke-width:1px}@media(max-width:1400px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge p{font-size:20px}}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .rank-badge p{font-size:14px}}.ranking-container .ranking-leaderboard .ranking-item .text-rank-1{-webkit-text-stroke-color:#d4a841}.ranking-container .ranking-leaderboard .ranking-item .text-rank-2{-webkit-text-stroke-color:#878787}.ranking-container .ranking-leaderboard .ranking-item .text-rank-3{-webkit-text-stroke-color:#e58500}.ranking-container .ranking-leaderboard .ranking-item .text-rank-4{-webkit-text-stroke-color:#557dd9}.ranking-container .ranking-leaderboard .ranking-item .user-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:30px}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .user-info{gap:10px;margin-left:10px}}.ranking-container .ranking-leaderboard .ranking-item .user-info .user-img{width:73px;height:80px}@media(max-width:1400px){.ranking-container .ranking-leaderboard .ranking-item .user-info .user-img{width:60px;height:65px}}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .user-info .user-img{width:27px;height:30px}}.ranking-container .ranking-leaderboard .ranking-item .user-info .user-name{color:#7a7a7a;font-size:16px;font-style:normal;font-weight:600;line-height:normal}@media(max-width:1400px){.ranking-container .ranking-leaderboard .ranking-item .user-info .user-name{font-size:14px}}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .user-info .user-name{font-size:8px}}.ranking-container .ranking-leaderboard .ranking-item .detail-container{display:flex;align-items:center;justify-content:center}.ranking-container .ranking-leaderboard .ranking-item .detail-container .points{color:#7a7a7a;text-align:left;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-right:30px}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .detail-container .points{font-size:8px;margin-right:15px}}.ranking-container .ranking-leaderboard .ranking-item .detail-container .item{border-radius:10px;border:1px solid #e7e7e7;background:#fff;width:45px;height:45px;position:relative}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .detail-container .item{width:23px;height:23px;border-radius:3px;display:none}}.ranking-container .ranking-leaderboard .ranking-item .detail-container .item .item-qty{position:absolute;bottom:2px;right:2px;color:#fff;text-align:right;-webkit-text-stroke-width:.62px;-webkit-text-stroke-color:#273758;font-size:13px;font-style:normal;font-weight:600;line-height:normal}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .detail-container .item .item-qty{display:none}}.ranking-container .ranking-leaderboard .ranking-item .detail-container .item-mobile{border:1px solid #e7e7e7;background:#fff;width:23px;height:23px;border-radius:3px;position:relative;display:none}@media(max-width:640px){.ranking-container .ranking-leaderboard .ranking-item .detail-container .item-mobile{display:block}}.tutorial-container{background:url(/images/worldboss/tutorial-bg.png) bottom no-repeat;background-size:cover;width:100%;height:757px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}@media(max-width:1400px){.tutorial-container{height:650px;gap:20px}}@media(max-width:1200px){.tutorial-container{height:550px;gap:22px}}@media(max-width:1100px){.tutorial-container{height:500px;gap:20px}}@media(max-width:1000px){.tutorial-container{height:400px;gap:20px}}.tutorial-container .title{color:#fff;text-align:center;font-size:36px;font-style:normal;font-weight:600;line-height:normal}@media(max-width:1400px){.tutorial-container .title{font-size:32px}}@media(max-width:1200px){.tutorial-container .title{font-size:28px}}@media(max-width:1100px){.tutorial-container .title{font-size:24px}}@media(max-width:1000px){.tutorial-container .title{font-size:18px}}.tutorial-container .img-slider{display:flex;align-items:center;justify-content:center;gap:40px}@media(max-width:1400px){.tutorial-container .img-slider{gap:35px}}@media(max-width:1200px){.tutorial-container .img-slider{gap:30px}}@media(max-width:1100px){.tutorial-container .img-slider{gap:25px}}@media(max-width:1000px){.tutorial-container .img-slider{gap:20px}}.tutorial-container .img-slider .arrow-btn{width:45px;height:80px}@media(max-width:1400px){.tutorial-container .img-slider .arrow-btn{width:40px;height:70px}}@media(max-width:1200px){.tutorial-container .img-slider .arrow-btn{width:32px;height:60px}}@media(max-width:1100px){.tutorial-container .img-slider .arrow-btn{width:28px;height:55px}}@media(max-width:1000px){.tutorial-container .img-slider .arrow-btn{width:20px;height:40px}}.tutorial-container .img-slider .img-frame{width:1114px;height:515px;align-self:stretch;aspect-ratio:1114/515}@media(max-width:1400px){.tutorial-container .img-slider .img-frame{width:950px;height:440px;aspect-ratio:950/440}}@media(max-width:1200px){.tutorial-container .img-slider .img-frame{width:750px;height:345px;aspect-ratio:750/345}}@media(max-width:1100px){.tutorial-container .img-slider .img-frame{width:650px;height:300px;aspect-ratio:650/300}}@media(max-width:1000px){.tutorial-container .img-slider .img-frame{width:289px;height:133px;aspect-ratio:289/133}}.tutorial-container .img-slider .img-frame .img{border-radius:20px}@media(max-width:1400px){.tutorial-container .img-slider .img-frame .img{border-radius:18px}}@media(max-width:1200px){.tutorial-container .img-slider .img-frame .img{border-radius:14px}}@media(max-width:1100px){.tutorial-container .img-slider .img-frame .img{border-radius:12px}}@media(max-width:1000px){.tutorial-container .img-slider .img-frame .img{border-radius:10px}}.tutorial-container .page-number{color:#d4bdae;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.tutorial-container .page-number.selected{border-radius:8px;border:1px solid #a78b73;background:#f6f5f3;box-shadow:inset 0 -3px 4px 0 rgba(0,0,0,.25);color:#4f4f4f}.tutorial-container .page-number:hover{color:#4f4f4f}@media(max-width:1000px){.tutorial-container .page-number{width:15px;height:15px;border-radius:3px;font-size:12px}.tutorial-container .page-number.selected{border-radius:3px}}.party-bar-desktop{transition:transform .3s ease-in-out}.party-bar-desktop.hidden{transform:translateX(-100%)}