@charset "UTF-8";@font-face{font-family:Pretendard;src:url(https://lwi.nexon.com/fonts/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(https://lwi.nexon.com/fonts/Pretendard-Bold.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Pretendard;src:url(https://lwi.nexon.com/fonts/Pretendard-SemiBold.woff) format("woff");font-weight:600;font-style:normal}html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,video,iframe,header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{margin:0;padding:0;box-sizing:border-box}main,header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}input,button,textarea,select{border:0 none;outline:0;font-size:inherit;color:inherit;font-family:inherit}input:focus,button:focus,textarea:focus,select:focus{outline:none}select{border:0}textarea{border:none;resize:none}img,fieldset,button{border:0;background:none}button{cursor:pointer}a{color:inherit;text-decoration:none}a,img{vertical-align:top}img{max-width:100%}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}em{font-style:normal}fieldset{border:0;padding:0;margin:0}legend{display:block;width:100%;padding:0;margin:0}label{cursor:pointer}input{border-radius:0}input[type=text],input[type=tel]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}.blind,caption{position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0}.hidden{visibility:hidden}body.overflow,body.scrollLock{height:100%;overflow:hidden!important}.footer img{max-width:100%}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;pointer-events:none;background-color:#fff}.loading img{display:block;width:90px;height:auto}body{font-family:Pretendard,Malgun Gothic,sans-serif;color:#1c1c1c;line-height:1;font-weight:400;word-break:break-all;letter-spacing:0;background-color:#fff}#wrapper{position:relative;min-width:1280px;max-width:2560px;min-height:100vh;margin:0 auto;overflow:hidden}#mainContainer{position:relative;width:100%;min-height:100vh;background-color:#2787fb;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/bg.jpg) no-repeat center top}header{position:absolute;top:0;left:0;width:100%;z-index:100}header .logo,header .util li a,header .util button{display:block;overflow:hidden;text-indent:-9999px}header .logo{position:absolute;display:block;top:20px;left:20px;z-index:1;width:200px;height:117px;background-size:cover}header .logo a{display:block;width:100%;height:100%;background:url(https://lwi.nexon.com/tales/common/logo.png) no-repeat}header .util{position:absolute;right:16px;top:16px;width:324px}header .util ul{display:flex}header .util a,header .util button{height:59px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/util_off.png) no-repeat}header .util a:hover,header .util button:hover{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/util_on.png)}header .util .btn_game{width:168px;background-position-x:0}header .util .btn_home{width:46px;background-position-x:-168px}header .util .btn_fb{width:51px;background-position-x:-214px}header .util .btn_tw{width:59px;background-position-x:-265px}header .util .btn_today{position:absolute;right:0;top:69px;width:130px;height:18px;background-position:-192px -69px}footer{position:absolute;left:0;bottom:0;width:100%;height:124px;z-index:5;background:#284176 url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/footer.png) no-repeat center;text-indent:-9999px;overflow:hidden}main{position:relative;width:100%;min-height:8897px}main>section{position:relative}main>section .inner{position:absolute;left:50%;top:0;width:2560px;height:100%;margin-left:-1280px}#section1{height:1180px}.deco{pointer-events:none}.obj_cha1{position:absolute;left:1108px;top:124px;width:1452px;height:1854px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/obj_cha1.png) no-repeat}.obj_cha2{position:absolute;left:1908px;top:838px;width:375px;height:451px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/obj_cha2.png) no-repeat}.obj_cha3{position:absolute;left:299px;top:538px;width:280px;height:303px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/obj_cha3.png) no-repeat}.obj_dolphin{position:absolute;left:18px;top:-60px;width:1141px;height:729px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/obj_dolphin.png) no-repeat}.title1_1{position:absolute;left:701px;top:274px;width:711px;height:245px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/title1_1.png) no-repeat}.title1_2{position:absolute;left:698px;top:520px;width:654px;height:233px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/title1_2.png) no-repeat}.title1_3{position:absolute;left:679px;top:771px;width:752px;height:199px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/title1_3.png) no-repeat}.title1_4{position:absolute;left:700px;top:987px;width:694px;height:120px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/title1_4.png) no-repeat}.particle_wrap{position:absolute;pointer-events:none}.wrap1{left:-160px;top:600px;width:800px;height:700px}.wrap2{left:0;top:900px;width:700px;height:700px;display:none;border:1px solid red}.wrap3{left:1860px;top:0;width:700px;height:900px;display:none}.wrap4{left:1860px;top:900px;width:700px;height:700px;display:none}.particle{position:absolute;border-radius:50%;background-color:#4ef7fe;mix-blend-mode:soft-light;will-change:left,top,opacity;filter:blur(1px)}#section2{height:1249px}.contents2{position:absolute;left:1px;top:0;width:2559px;height:1231px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/contents2.png) no-repeat}#section3{height:1793px}.contents3{position:absolute;left:0;top:0;width:2560px;height:1775px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/contents3.png) no-repeat}#section4{height:1306px}.contents4{position:absolute;left:1px;top:0;width:2559px;height:1231px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/contents4.png) no-repeat}#section5{height:1500px}#section5 .title{position:absolute;left:0;top:0;width:2560px;height:441px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/title_bgm.png) no-repeat;background-position-x:center}.obj_cha4{position:absolute;left:-34px;top:-60px;width:2560px;height:2334px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/obj_cha4.png) no-repeat}.obj_cha5{position:absolute;left:1880px;top:71px;width:353px;height:347px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/obj_cha5.png) no-repeat}#section6{min-height:1310px}#section6 .inner{position:relative;width:100%;left:auto;margin-left:0;padding:330px 0 540px}#section6 .title{position:absolute;left:0;top:0;width:2560px;height:441px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/title_comment.png) no-repeat;width:100%;background-position-x:center}#section6 .txt5{position:absolute;left:50%;bottom:0;margin-left:-600px;width:1100px;height:500px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/txt_notice.png) no-repeat}.btn_view1{position:absolute;left:768px;top:1044px;width:377px;height:96px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_view1.png) no-repeat;text-indent:-9999px;overflow:hidden}.btn_view1.view1_2{left:1420px}.btn_view1:hover{background-position-y:100%}.btn_view2{position:absolute;left:1045px;top:1580px;width:456px;height:96px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_view2.png) no-repeat;text-indent:-9999px;overflow:hidden}.btn_view2:hover{background-position-y:100%}.btn_view3{position:absolute;left:1045px;top:1048px;width:456px;height:96px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_view3.png) no-repeat;text-indent:-9999px;overflow:hidden}.btn_view3:hover{background-position-y:100%}.comment_wrap{position:relative;width:1272px;margin:0 auto;padding:30px 0 60px}.comment_wrap:before{content:"";display:block;width:100%;height:80px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/bg_comment_wrap.png) no-repeat center top}.comment_wrap:after{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:calc(100% - 110px);background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/bg_comment_wrap.png) no-repeat center bottom}.comment_wrap .comment_form{position:relative;width:1155px;height:102px;margin:-20px auto 26px;background-color:#4283d1;border-radius:51px;z-index:2}.comment_wrap .comment_form .textarea{position:absolute;left:0;top:0;width:880px;height:100%;padding:0 20px 0 58px;box-sizing:border-box;display:flex;align-items:center}.comment_wrap .comment_form .textarea textarea{width:100%;height:74px;background:none;resize:none;overflow-y:auto;border:none;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.48px;line-height:1.3;padding:26px 0}.comment_wrap .comment_form .textarea textarea::placeholder{color:#ffffffe6}.comment_wrap .comment_form .textarea textarea:disabled{cursor:not-allowed}.comment_wrap .comment_form .textarea textarea::-webkit-scrollbar{width:4px}.comment_wrap .comment_form .textarea textarea::-webkit-scrollbar-track{background-color:#ffffff26}.comment_wrap .comment_form .textarea textarea::-webkit-scrollbar-thumb{background-color:#ffffff80}.comment_wrap .comment_form .total_txt{position:absolute;left:881px;top:40px;width:103px;height:20px;display:flex;align-items:center;font-size:20px;font-weight:400;color:#ffed2a;text-align:right;white-space:nowrap}.comment_wrap .comment_form .total_txt span{color:#ffed2a}.comment_wrap .comment_form .btn_submit{position:absolute;left:972px;top:14px;width:166px;height:74px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_submit.png) no-repeat;text-indent:-9999px;overflow:hidden}.comment_wrap .comment_form .btn_submit:hover{filter:brightness(1.08)}.comment_wrap .comment_list{position:relative;display:flex;flex-direction:column;justify-content:center;width:1146px;padding:40px;box-sizing:border-box;background-color:#fff;border-radius:25px;margin:0 auto;z-index:2}.comment_wrap .comment_list ul{display:flex;flex-direction:column}.comment_wrap .comment_list li{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:0 20px}.comment_wrap .comment_list li:not(:last-child){padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #ced8e4}.comment_wrap .comment_list li .btn-comt-delete{position:absolute;right:0;top:0;width:20px;height:20px;color:#b7c4dd;font-size:22px;line-height:20px}.comment_wrap .comment_list li .btn-comt-delete:before{content:"×"}.comment_wrap .comment_list li .btn-comt-delete:hover{color:#7c8bb0}.comment_wrap .comment_list li .info{display:contents}.comment_wrap .comment_list li .info .server,.comment_wrap .comment_list li .info .game-id{order:1;font-size:18px;font-weight:500;letter-spacing:-1.26px;color:#2787fb}.comment_wrap .comment_list li .info .server:after{content:"/";margin:0 6px;font-weight:500;color:#2787fb}.comment_wrap .comment_list li .info .time{order:3;flex:0 0 100%;display:block;margin-top:10px;color:#888;font-size:16px;letter-spacing:-.48px}.comment_wrap .comment_list li .cont{order:2;flex:0 0 100%;margin-top:10px;color:#626262;font-size:18px;letter-spacing:-1.26px;line-height:1.2;word-wrap:break-word;word-break:break-all}.comment_wrap .pager{position:relative;width:356px;height:25px;margin:30px auto 0;z-index:2;display:flex;align-items:center;justify-content:space-between}.comment_wrap .pager .move{flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_pager_arrow.png) no-repeat center/cover}.comment_wrap .pager .move.prev{transform:rotate(180deg)}.comment_wrap .pager .move:hover{filter:brightness(1.1)}.comment_wrap .pager .num{display:flex;align-items:center;justify-content:center}.comment_wrap .pager .num span,.comment_wrap .pager .num a{margin-left:14px;font-size:20px;letter-spacing:-1px;color:#4283d1;padding-top:2px}.comment_wrap .pager .num span:first-child,.comment_wrap .pager .num a:first-child{margin-left:0}.comment_wrap .pager .num span{color:#fff;border-bottom:1px solid #fff;padding-right:2px}.comment_wrap .pager .num a:hover{text-decoration:underline}.tournament_vote{position:absolute;left:554px;top:512px;width:1453px;height:829px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/bg_tournament_vote.png) no-repeat}.tournament_vote .btn_vote_start{position:absolute;left:498px;top:632px;width:456px;height:96px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_vote_start.png) no-repeat;text-indent:-9999px;overflow:hidden}.tournament_vote .btn_vote_start:hover{background-position-y:100%}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;z-index:99999999;background:#000000d9}.popup_wrap{z-index:5;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100%;overflow-y:auto}.popup.alert .popup_wrap{padding-top:0}.popup.alert .popup_content{position:relative;width:90%;max-width:460px;min-height:200px;padding:30px 0;display:flex;align-items:center;flex-direction:column;background-color:#fff;border-radius:20px;overflow:hidden}.popup.alert .msg{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#333;line-height:1.4;min-height:100px;font-weight:400}.popup.alert .alert_btn{display:flex;justify-content:center;gap:0 8px;margin-top:24px}.popup.alert .btn_ok{width:120px;height:41px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#fff;background-color:#5050b0}.popup.alert .btn_ok:hover{background-color:#6565e1}.popup.alert .btn_cancel{width:120px;height:41px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:15px;color:#fff;background-color:#90939c}.popup.alert .btn_cancel:hover{background-color:#7a7c85}.pop_bgm .popup_wrap{align-items:flex-start;padding:160px 0 60px;box-sizing:border-box}.pop_bgm .bgm_modal{position:relative;width:1420px;height:890px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/modal_bgm1.png) no-repeat center top}.pop_bgm .bgm_modal.result_modal{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/modal_bgm2.png)}.pop_bgm .bgm_modal.result_modal .song_card .cover{cursor:default}.pop_bgm .bgm_modal.rank_modal{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/modal_bgm3.png)}.pop_bgm .btn_close_bgm{position:absolute;left:50%;top:-106px;transform:translate(-50%);z-index:3;width:86px;height:86px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_close_bgm.png) no-repeat}.pop_bgm .btn_close_bgm:hover{filter:brightness(1.06)}.pop_bgm .bgm_head{position:relative;z-index:2;padding:150px 0 34px;border-radius:40px 40px 0 0;overflow:hidden;text-align:center}.pop_bgm .round_badge{display:inline-block;height:44px;margin-top:18px;padding:0 26px;line-height:44px;border-radius:40px;color:#69d9ff;font-size:24px;letter-spacing:-1px}.pop_bgm .progress{width:700px;height:12px;margin:38px auto 0;border-radius:30px;background-color:#fff;box-shadow:inset 0 1px 2px #0000001f;overflow:hidden}.pop_bgm .progress .progress_bar{display:block;width:12.5%;height:100%;border-radius:30px;background-color:#1b9be2;transition:width .3s ease}.pop_bgm .progress_txt{margin-top:16px;color:#0b6e92;font-size:22px;font-weight:400;letter-spacing:-1px}.pop_bgm input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:233px;height:6px;--fill: #fff;--track: rgba(255, 255, 255, .45);--thumb: #fff;background:linear-gradient(to right,var(--fill) 0%,var(--fill) var(--val, 0%),var(--track) var(--val, 0%),var(--track) 100%);cursor:pointer}.pop_bgm input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background-color:var(--thumb);box-shadow:0 0 3px #00000059;cursor:pointer}.pop_bgm input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background-color:var(--thumb);box-shadow:0 0 3px #00000059;cursor:pointer}.pop_bgm .seek::-webkit-slider-thumb{width:0;height:0;opacity:0}.pop_bgm .seek::-moz-range-thumb{width:0;height:0;border:none;opacity:0}.pop_bgm .song_card .card_inner{position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background:no-repeat center/100% 100%}.pop_bgm .song_card .song_name{display:none}.pop_bgm .song_card .cover{position:relative;cursor:pointer;border-radius:4px;overflow:hidden}.pop_bgm .song_card .cover:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-118px;width:235px;height:235px;background-color:#0000004d}.pop_bgm .song_card .cover .cover_img{display:block;width:auto}.pop_bgm .song_card .cover .btn_play{position:absolute;left:50%;top:50%;transform:translate(-50%,-15%);width:64px;height:64px;z-index:2;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_play.png) no-repeat center/contain}.pop_bgm .song_card.is-playing .cover .btn_play{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_pause.png)}.pop_bgm .song_card .volume{display:flex;align-items:center;gap:8px}.pop_bgm .song_card .volume .ic_vol{width:24px;height:18px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_vol1.png) no-repeat}.pop_bgm .song_card .volume .vol{flex:1}.vote_modal .battle{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-start;gap:32px;padding:40px 0 46px}.vote_modal .song_card{width:382px}.vote_modal .song_card .card_inner{width:382px;height:382px;padding-top:40px}.vote_modal .song_card.side_l .card_inner{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/frame_card_blue.png)}.vote_modal .song_card.side_l .seek{--track: #145eb8}.vote_modal .song_card.side_l .vol{--fill: #045cc8;--track: #cfe5ff;--thumb: #045cc8}.vote_modal .song_card.side_r .card_inner{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/frame_card_purple.png)}.vote_modal .song_card.side_r .seek{--track: #4c2e99}.vote_modal .song_card.side_r .vol{--fill: #4723af;--track: #cbbaf5;--thumb: #4723af}.vote_modal .song_card.side_r .ic_vol{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_vol2.png)}.vote_modal .song_card .song_name{font-size:22px;font-weight:700}.vote_modal .song_card .volume{width:233px;margin-top:13px}.vote_modal .song_card:hover .card_inner{filter:brightness(1.06)}.vote_modal .vs{flex:0 0 auto;align-self:center;width:220px;height:183px;margin-top:40px;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/vs.png) no-repeat}.vote_modal .btn_select{width:382px;height:54px;margin-top:13px;text-indent:-9999px;overflow:hidden;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_select.png) no-repeat}.vote_modal .btn_select:hover{filter:brightness(1.08)}.pop_bgm .bgm_btns{position:relative;z-index:2;display:flex;justify-content:center;gap:20px;padding:0 0 44px}.pop_bgm .bgm_btns .bgm_btn{width:280px;height:54px;text-indent:-9999px;overflow:hidden;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_rank.png) no-repeat}.pop_bgm .bgm_btns .bgm_btn.restart{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_restart.png)}.pop_bgm .bgm_btns .bgm_btn.myresult{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_myresult.png)}.pop_bgm .bgm_btns .bgm_btn:hover{filter:brightness(1.1)}.result_modal .bgm_head{padding-bottom:40px}.result_modal .result_body{position:relative;z-index:2;display:flex;justify-content:center;padding:326px 0 37px}.result_modal .song_card .card_inner{width:660px;height:418px;display:flex;align-items:center;justify-content:center;background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/frame_result.png)}.result_modal .song_card .card_inner .volume{margin-top:10px}.result_modal .song_card .card_inner .seek{--track: #145eb8}.result_modal .song_card .card_inner .vol{margin-top:0;--fill: #045cc8;--track: #cfe5ff;--thumb: #045cc8}.result_modal .song_card .song_name{font-size:30px;font-weight:700}.result_modal .song_card .cover{width:auto}.result_modal .song_card .volume{width:233px}.rank_modal{padding-top:284px}.rank_modal .rank_desc{margin-top:14px;padding:0 20px;color:#0b6e92;font-size:18px;font-weight:500;letter-spacing:-.6px}.rank_modal .rank_list{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;width:820px;margin:30px auto}.rank_modal .rank_item{display:flex;align-items:stretch;height:80px;background-color:#e8eff2;overflow:hidden}.rank_modal .rank_no{width:128px;height:80px;margin-right:10px;text-indent:-9999px;overflow:hidden}.rank_modal .rank_cover{flex:0 0 auto;display:flex;align-items:center;width:80px}.rank_modal .rank_cover .cover_img{margin-top:-9px}.rank_modal .rank_graph{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 44px 0 28px}.rank_modal .rank_top{display:flex;align-items:center;justify-content:space-between}.rank_modal .rank_top .rank_name{color:#6a767b;font-size:21px;letter-spacing:-.7px}.rank_modal .rank_top .rank_percent{color:#288dff;font-size:16px;font-weight:400}.rank_modal .rank_track{height:12px;border-radius:30px;background:#fff}.rank_modal .rank_bar{display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,#2189ff,#2189ff00),#fff;transition:width .4s ease}.rank_modal .rank1 .rank_no{background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_rank1.png) no-repeat}.rank_modal .rank1 .rank_percent{color:#5362ff}.rank_modal .rank1 .rank_bar{background:#5362ff}.rank_modal .rank2 .rank_no{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_rank2.png)}.rank_modal .rank3 .rank_no{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_rank3.png)}.rank_modal .rank4 .rank_no{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_rank4.png)}.rank_modal .rank5 .rank_no{background-image:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/ic_rank5.png)}.quick{position:fixed;right:30px;top:50%;z-index:100;width:210px;height:382px;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease;pointer-events:none}.quick.visible{opacity:1;visibility:visible;pointer-events:auto}.quick ul{overflow:hidden;width:100%}.quick li{font-size:0;width:100%;text-indent:-9999px;overflow:hidden;cursor:pointer;background:url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/quick.png) no-repeat}.quick li:nth-of-type(1){height:143px}.quick li:nth-of-type(2){height:54px;background-position-y:-143px}.quick li:nth-of-type(3){height:53px;background-position-y:-197px}.quick li:nth-of-type(4){height:68px;background-position-y:-250px}.quick li.on,.quick li:hover{background-position-x:100%}.quick li.top{height:66px;background-position-y:-320px}.btn_top{display:none;position:fixed;right:35px;bottom:30px;z-index:100;width:73px;height:73px;text-indent:-9999px;overflow:hidden;background:#3d4a74 url(https://lwi.nexon.com/tales/2026/0723_update_546F03CC55739D37/btn_top.png) no-repeat;border-radius:50%;transition:background .25s}.btn_top:hover{background-color:#4161cc;background-position-y:-2px}@media(max-width:1500px){.pop_bgm{zoom:.8}}