@charset "utf-8";

/*** battle pass season concept start ***/

/* season18 hydra */
.sub_contents .battle_wrap_hydra {background:#050505 url('/images/common/webshop/battlepass/2025/hydra/hydra_bg.jpg') center 0 no-repeat;}

.battle_wrap_hydra .my_pass {border-top: none; background-image:url('/images/common/webshop/battlepass/2025/hydra/hydra_top_bg.jpg'); animation: none; box-shadow: inset 0 0 0 2px rgba(170, 204, 255, 0.4);}
.battle_wrap_hydra .my_pass:before {width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; bottom: -10px; left: -10px; right: -10px; border: none; background: url('/images/common/webshop/battlepass/2025/hydra/hydra_top_frame_lt.png') no-repeat 0 0, url('/images/common/webshop/battlepass/2025/hydra/hydra_top_frame_rt.png') no-repeat right 0, url('/images/common/webshop/battlepass/2025/hydra/hydra_top_frame_lb.png') no-repeat 0 bottom, url('/images/common/webshop/battlepass/2025/hydra/hydra_top_frame_rb.png') no-repeat right bottom;}
.battle_wrap_hydra .my_pass:after {top: auto; bottom: 0; left:auto; right: 0; border: none; width: 452px; height: 240px; background: url('/images/common/webshop/battlepass/2025/hydra/hydra_top_img.png') no-repeat 0 0;}
.battle_wrap_hydra .my_pass .pass {left: 3.6rem; width:auto; height:auto;}
.battle_wrap_hydra .my_pass .lv {padding-top:8.1rem; font-family:'Playfair Display'; font-feature-settings: 'lnum', 'pnum'; z-index: 2;}
.battle_wrap_hydra .my_pass .lv:before {background:url('/images/common/webshop/battlepass/2025/hydra/hydra_lv_bul.png') 0 0 no-repeat; background-size: auto; width: 56px; height: 72px; top: 4px; bottom: auto; left: 50%; right: auto; animation: none; margin-left: -28px; z-index: 1;}
.battle_wrap_hydra .my_pass .lv:after {background:url('/images/common/webshop/battlepass/2025/hydra/hydra_lv_bg.png') 0 0 no-repeat; background-size: 100% auto; animation: rotation 30s infinite linear;}
.battle_wrap_hydra .my_pass .lv .tit {color: #d9f;}
.battle_wrap_hydra .my_pass .lv .num {margin-top: -1.5rem; filter: none; background: -webkit-linear-gradient(#d9f, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.battle_wrap_hydra .item_wrap .item_list .img {background: url('/images/common/webshop/battlepass/2025/hydra/hydra_thumb.jpg') 0 0 no-repeat; background-size: cover;}
.battle_wrap_hydra .item_wrap .item_list .random .item .img {background: url('/images/common/webshop/battlepass/2025/hydra/hydra_thumb_rb.jpg') 0 0 no-repeat; background-size: cover;}
.battle_wrap_hydra .item_wrap .item_list .random .item:before {background: #ecf;}
.battle_wrap_hydra .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #ecf, rgba(0, 0, 0, 0)); border-image-slice: 1;}
.battle_wrap_hydra .item_wrap .item_list .lv_wrap {background: #310141;}
.battle_wrap_hydra .item_wrap .item_list .desc {background: linear-gradient(to bottom, #415, #143);}

.battle_wrap_hydra .item_wrap .item_list .sale {background: #509;}
.battle_wrap_hydra .item_wrap .item_list .sale:before {padding: 0; mask-composite: revert; border-radius: 0; content:''; width: 90px; height: 84px; background: url('/images/common/webshop/battlepass/2025/hydra/hydra_sale.png') 0 0 no-repeat; background-size: cover; position: absolute; top: -6px; left: -9px; display: block; animation: rotation 10s infinite linear;}
.battle_wrap_hydra .item_wrap .item_list .sale font {color: #2fb;}

.battle_wrap_hydra .item_wrap .item_list .special .con:hover .desc:before {background:#d7e;}
.battle_wrap_hydra .item_wrap .item_list .random .con:hover .desc:before {background:#d7e;}

.battle_wrap_hydra .item_wrap .item_list .special .item .img {background: url('/images/common/webshop/battlepass/2025/hydra/hydra_thumb_sp.jpg') 0 0 no-repeat; background-size: cover;}
.battle_wrap_hydra .item_wrap .item_list .special .item:before {background:#ffccff;}
.battle_wrap_hydra .item_wrap .item_list .special .item:after {border-image: linear-gradient(to bottom, #ffccff, rgba(0, 0, 0, 0));}

.battle_wrap_hydra .item_wrap .item_list .info {border-radius:0; color:#dd77ee; border-color:#dd77ee;}
.battle_wrap_hydra .item_wrap .item_list .info li {border-color:#dd77ee;}
.battle_wrap_hydra .item_wrap .item_list .info span:last-child {color:#dd77ee;}
.battle_wrap_hydra .item_wrap .item_list .info font {color:#22ffbb;}
.battle_wrap_hydra .item_wrap .item_list .info:after {display:none;}

/* season19 astel */
.sub_contents .battle_wrap_astel {background:#291a51 url('/images/common/webshop/battlepass/2025/astel/bg_battle_astel.jpg') center -20px no-repeat;}
.battle_wrap_astel .item_wrap .item_list .item {background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-image:url('/images/common/webshop/battlepass/2025/astel/bg_astel_base.jpg');}
.battle_wrap_astel .item_wrap .item_list .sale {background: linear-gradient(to bottom, #ff4ef9, #0044ff); border:0.2rem solid rgba(255, 255, 255, 0.5); color:#fff;}
.battle_wrap_astel .item_wrap .item_list .sale:before {content:''; display:block; position:absolute; width: 130.9%; top:-6%; height: 117.65%; background:url('/images/common/webshop/battlepass/2025/astel/astel_sale.png') 0 0 no-repeat; background-size:100% auto; animation: rotation 10s infinite linear;}
.battle_wrap_astel .item_wrap .item_list .sale font {color:#22ffbb;}
.battle_wrap_astel .item_wrap .item_list .special .item:before {background:#ffccff;}
.battle_wrap_astel .item_wrap .item_list .special .item:after {border-image: linear-gradient(to bottom, #ffccff, rgba(0, 0, 0, 0));}
.battle_wrap_astel .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2025/astel/bg_astel_special.jpg); }
.battle_wrap_astel .item_wrap .item_list .random .item:before {background:#99bbff;}
.battle_wrap_astel .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #99bbff, rgba(0, 0, 0, 0));}
.battle_wrap_astel .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2025/astel/bg_astel_random.jpg);}
.battle_wrap_astel .item_wrap .item_list .info {border-radius:0; color:#b157df; border:0.2rem solid #9e22ff;}
.battle_wrap_astel .item_wrap .item_list .info:after {display:none;}
.battle_wrap_astel .item_wrap .item_list .info li {border-color:#9e22ff;}
.battle_wrap_astel .item_wrap .item_list .info span:last-child {color:#dd77ee;}
.battle_wrap_astel .item_wrap .item_list .info font {color:#22ffbb;}
.battle_wrap_astel .item_wrap .item_list .desc {background: linear-gradient(to bottom, #4778ff, #8501c9);}
.battle_wrap_astel .item_wrap .item_list .special .con:hover .desc:before {background:#9e22ff;}
.battle_wrap_astel .item_wrap .item_list .random .con:hover .desc:before {background:#9e22ff;}
.battle_wrap_astel .search_wrap .search_area {background: linear-gradient(to right, rgb(48, 57, 247, 0.4), rgb(179, 165, 255, 0.4), rgb(111, 98, 237, 0.4), rgb(115, 214, 255, 0.4), rgb(63, 245, 240, 0.4), rgb(147, 86, 223, 0.4), rgb(255, 187, 253, 0.4), rgb(206, 50, 246, 0.4), rgb(48, 57, 247, 0.4));}
.battle_wrap_astel .my_pass {border-top:0px; border-radius: 100px; background-image: url(/images/common/webshop/battlepass/2025/astel/bg_astel_lv.jpg);}
.battle_wrap_astel .my_pass:before {border:none; content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:0 center , right center; background-size: auto 100%; background-image:url(/images/common/webshop/battlepass/2025/astel/bg_astel_lv_line.png) , url(/images/common/webshop/battlepass/2025/astel/bg_astel_lv_line_r.png);}
.battle_wrap_astel .my_pass:after {z-index:2; border:none; content:''; display:block; position:absolute; width:25.9rem; height:25.3rem; margin-left:-12.95rem; margin-top:-12.65rem; animation: rotation 30s infinite linear; content:''; display:block; position:absolute; background:url('/images/common/webshop/battlepass/2025/astel/bg_pass_lv_line.png') 0 0 no-repeat; top: 50%; left: 50%; background-size:100% auto;}
.battle_wrap_astel .my_pass .pass {width:21rem; z-index:3;}
.battle_wrap_astel .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2025/astel/pass_free.png');}
.battle_wrap_astel .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2025/astel/pass_premium.png');}
.battle_wrap_astel .lv_wrap {background:#310141;}
.battle_wrap_astel .my_pass .lv {z-index:2; font-family: 'proxima-soft'; width:25.9rem; height:25.3rem; background:none; padding-top:0; display:flex; align-items:center; justify-content:center; flex-direction: column;  background:url('/images/common/webshop/battlepass/2025/astel/bg_pass_lv.png') 0 0 no-repeat; }
.battle_wrap_astel .my_pass .lv:before, .battle_wrap_astel .my_pass .lv:after {z-index:-2; display:block; position:absolute;  height:26rem; background-repeat:no-repeat; background-position:0 0; animation:none; top:auto; left:auto; right:auto; bottom:2.4rem;}
.battle_wrap_astel .my_pass .lv:before {width:24.6rem; background-image:url('/images/common/webshop/battlepass/2025/astel/lv_astel_l.png'); left:-220px;}
.battle_wrap_astel .my_pass .lv:after {width:29.1rem; background-image:url('/images/common/webshop/battlepass/2025/astel/lv_astel_r.png'); right:-265px;}
.battle_wrap_astel .my_pass .lv .tit {font-weight:900; font-size:30px; letter-spacing:0.05em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.4)); }
.battle_wrap_astel .my_pass .lv .num {background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.4)); letter-spacing:0;}

/* season20 aero */
.sub_contents .battle_wrap_aero {background:rgba(0, 222, 255, 0.5) url('/images/common/webshop/battlepass/2025/aero/bg_battle_aero.jpg') center 0 no-repeat;}
.battle_wrap_aero .my_pass {animation:none; margin-bottom:10rem; padding:1.8rem 1.6rem; background:url('/images/common/webshop/battlepass/2025/aero/bg_bp_gage.png') left 12% bottom 0 no-repeat , url('/images/common/webshop/battlepass/2025/aero/bg_bp_gage.png') right 12% bottom 0 no-repeat; backdrop-filter: var(--bg_blur); border:1px solid rgba(255, 255, 255, 0.5); border-radius:0;}
.battle_wrap_aero .my_pass:before {z-index:1; top:1.7rem; bottom:1.7rem; left:1.4rem; right:1.4rem; border:none; background:url('/images/common/webshop/battlepass/2025/aero/bg_shd_lt.png') 0 0 no-repeat , url('/images/common/webshop/battlepass/2025/aero/bg_shd_lb.png') 0 bottom no-repeat, url('/images/common/webshop/battlepass/2025/aero/bg_shd_rt.png') right 0 no-repeat, url('/images/common/webshop/battlepass/2025/aero/bg_shd_rb.png') right bottom no-repeat;}
.battle_wrap_aero .my_pass:after {top:0; bottom:0; left:0; right:0; border:none; border-radius:0; background:url('/images/common/webshop/battlepass/2025/aero/bg_arr_lt.png') 0 0 no-repeat , url('/images/common/webshop/battlepass/2025/aero/bg_arr_lb.png') 0 bottom no-repeat, url('/images/common/webshop/battlepass/2025/aero/bg_arr_rt.png') right 0 no-repeat, url('/images/common/webshop/battlepass/2025/aero/bg_arr_rb.png') right bottom no-repeat;}
.battle_wrap_aero .my_pass .bg {background:url('/images/common/webshop/battlepass/2025/aero/bg_bp_deco.png') left 50% bottom 33% no-repeat, url('/images/common/webshop/battlepass/2025/aero/bg_bp_lv.jpg') 0 0 repeat; background-size:64.8% auto, auto; position:absolute; top:1.7rem; bottom:1.7rem; left:1.4rem; right:1.4rem; border:0.2rem solid #f6ff00; border-left:0.4rem solid #f21d7a; border-right:0.4rem solid #fff; clip-path: polygon(2.3rem 0, calc(100% - 2.3rem) 0, 100% 2.3rem, 100% calc(100% - 2.3rem), calc(100% - 2.3rem) 100%, 2.3rem 100%, 0 calc(100% - 2.3rem), 0 2.3rem);}
.battle_wrap_aero .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2025/aero/pass_free.png');}
.battle_wrap_aero .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2025/aero/pass_premium.png');}
.battle_wrap_aero .my_pass .lv {flex-direction: column; font-family:'good-times'; padding-top:0; padding-bottom:2%; display:flex; align-items:center; justify-content:center; border-radius:50%; width:25.1rem; height:25.1rem; background:url('/images/common/webshop/battlepass/2025/aero/bp_lv_round.png') center center no-repeat; background-size:100% auto; box-shadow:inset 0 0 0 1px rgba(207, 253, 255, 0.5);}
.battle_wrap_aero .my_pass .lv:before, .battle_wrap_aero .my_pass .lv:after {z-index:-1; top:-1.3rem; bottom:-1.3rem; left:-1.3rem; right:-1.3rem;}
.battle_wrap_aero .my_pass .lv:before {background-image:url('/images/common/webshop/battlepass/2025/aero/bp_lv_round01.png'); animation: aim 15s infinite linear;}
.battle_wrap_aero .my_pass .lv:after {background-image:url('/images/common/webshop/battlepass/2025/aero/bp_lv_round02.png'); animation: rotation 5s infinite linear;}
.battle_wrap_aero .my_pass .lv .tit {font-size:25px; font-weight:900; color:#f21d7a; text-transform:uppercase; letter-spacing:-0.01em; text-shadow:0 -0.3rem 0 rgba(255, 255, 255, 0.8) , 0 0 0.3rem rgba(255, 255, 255, 0.3);}
.battle_wrap_aero .my_pass .lv .tit:before {content:''; display:block; width:5rem; height:4.2rem; background:url('/images/common/webshop/battlepass/2025/aero/obj_triangle.png') 0 0 no-repeat; background-size:100% auto; margin:0 auto 5px;}
.battle_wrap_aero .my_pass .lv .num {font-size:90px; font-weight:900; color:#f21d7a; letter-spacing:-0.02em; text-shadow:0 -0.3rem 0 rgba(255, 255, 255, 0.8) , 0 0 0.3rem rgba(255, 255, 255, 0.3); background: none; -webkit-text-fill-color: inherit;}

.battle_wrap_aero .item_wrap .item_list .img {background:url('/images/common/webshop/battlepass/2025/aero/bg_basic.jpg') center center no-repeat; background-size:cover;}
.battle_wrap_aero .item_wrap .item_list .desc {background:#14202b;}
.battle_wrap_aero .lv_wrap {background:#131e28;}
.battle_wrap_aero .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2025/aero/bg_special.jpg);}
.battle_wrap_aero .item_wrap .item_list .special .item:before {background:#4cf;}
.battle_wrap_aero .item_wrap .item_list .special .item:after {border-image: linear-gradient(to bottom, #4cf, rgba(0, 0, 0, 0));}
.battle_wrap_aero .item_wrap .item_list .special .desc {background:linear-gradient(to bottom, #007eff, #003253);}
.battle_wrap_aero .special .lv_wrap {background:#0070e0;}
.battle_wrap_aero .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2025/aero/bg_random.jpg);}
.battle_wrap_aero .item_wrap .item_list .random .item:before {background:#00feff;}
.battle_wrap_aero .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #00feff, rgba(0, 0, 0, 0));}
.battle_wrap_aero .item_wrap .item_list .random .desc {background:linear-gradient(to bottom, #008f9c, #003253);}
.battle_wrap_aero .random .lv_wrap {background:#008f9c;}
.battle_wrap_aero .item_wrap .item_list .info {border-top-color:#fff; border-bottom-color:#f6ff00; color:#f6ff00;}
.battle_wrap_aero .item_wrap .item_list .info:after {    border-image: linear-gradient(to bottom, #fff, #f6ff00);}
.battle_wrap_aero .item_wrap .item_list .info li {border-color:#f6ff00;}
.battle_wrap_aero .item_wrap .item_list .info span:last-child {color:#f6ff00;}
.battle_wrap_aero .item_wrap .item_list .sale {border:none; background-image:url('/images/common/webshop/battlepass/2025/aero/bg_sale02.jpg'); background-position:center center; background-repeat: no-repeat; background-size:100% auto;}
.battle_wrap_aero .item_wrap .item_list .sale:before {content:''; display:block; position:absolute; width:100%; left:0; top:0; height: 100%; background-image:url('/images/common/webshop/battlepass/2025/aero/bp_rotate02.png'); background-position: 0 0; background-repeat: no-repeat; background-size:100% auto; animation: rotation 10s infinite linear;}
.battle_wrap_aero .item_wrap .item_list .sale font {color:#77ddff;}
.battle_wrap_aero .item_wrap .item_list .special .sale {background-image:url('/images/common/webshop/battlepass/2025/aero/bg_sale01.jpg');}
.battle_wrap_aero .item_wrap .item_list .special .sale:before {background-image:url('/images/common/webshop/battlepass/2025/aero/bp_rotate01.png');}
.battle_wrap_aero .item_wrap .item_list .special font {color:#f5fd10;}

/* season21 snowfall */
.sub_contents .battle_wrap_snowfall {background:#0c537d url('/images/common/webshop/battlepass/2025/snowfall/bg_battle_snowfall.jpg') center 0 no-repeat;}
.battle_wrap_snowfall .my_pass {background:url('/images/common/webshop/battlepass/2025/snowfall/bg_bp_snowfall.png') center center no-repeat;  border-radius:0; border-top:0; margin-bottom:9.2rem;}
.battle_wrap_snowfall .my_pass:before {border: none; content:''; display:block; top:-0.8rem; left:-0.8rem; right:-0.8rem; height:15.1rem; background:url('/images/common/webshop/battlepass/2025/snowfall/bp_frame_l.png') 0 0 no-repeat , url('/images/common/webshop/battlepass/2025/snowfall/bp_frame_r.png') right 0 no-repeat; background-size:auto 100%;}
.battle_wrap_snowfall .my_pass:after {border:none; top:auto; border-radius:0; content:''; display:block; position:absolute; left:-0.3rem; right:0; bottom:-5.6rem; background:url('/images/common/webshop/battlepass/2025/snowfall/bp_frame_b.png') 0 0 repeat-x; height:8rem; background-size:auto 100%;}
.battle_wrap_snowfall .my_pass .lv {padding-top:0; flex-direction:column; display:flex; align-items:center; justify-content:center; z-index:1; font-family:'minion-pro'; width:24rem; height:24rem; background:url('/images/common/webshop/battlepass/2025/snowfall/my_lv.png') 0 0 no-repeat; background-size:100% auto;}
.battle_wrap_snowfall .my_pass .lv:before, .battle_wrap_snowfall .my_pass .lv:after, .battle_wrap_snowfall .my_pass .lv .tit:before { right:auto; bottom:auto; left:50%; top:50%; width:30rem; height:30rem; margin-left:-15rem; margin-top:-15rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.battle_wrap_snowfall .my_pass .lv:before {background-image:url('/images/common/webshop/battlepass/2025/snowfall/my_lv_rotate01.png'); animation:rotation 7s infinite linear;}
.battle_wrap_snowfall .my_pass .lv:after {background-image:url('/images/common/webshop/battlepass/2025/snowfall/my_lv_rotate02.png'); animation: aim 7s 1s infinite linear;}
.battle_wrap_snowfall .my_pass .lv .tit {color:#0adfff; letter-spacing:-0.01em; font-weight:600;}
.battle_wrap_snowfall .my_pass .lv .tit:before {content:''; display:block; position:absolute; background-image:url('/images/common/webshop/battlepass/2025/snowfall/my_lv_rotate03.png'); animation: aim 7s infinite linear;}
.battle_wrap_snowfall .my_pass .lv .num {line-height:1; background: -webkit-linear-gradient(#fff, #5dc8ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.battle_wrap_snowfall .my_pass .pass {width:21.6rem; height:14.2rem; z-index:2;}
.battle_wrap_snowfall .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2025/snowfall/pass_free.png');}
.battle_wrap_snowfall .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2025/snowfall/pass_prem.png');}
.battle_wrap_snowfall .my_pass .cha {position:absolute; top:50%; left:50%; transform: translate(-44%, -50%); z-index: 1;}

.battle_wrap_snowfall .item_wrap .item_list .img {background:url('/images/common/webshop/battlepass/2025/snowfall/bg_basic.jpg') center center no-repeat; background-size:cover;}
.battle_wrap_snowfall .item_wrap .item_list .desc {background:#2e5e8c;}
.battle_wrap_snowfall .lv_wrap {background:#2e5e8c;}
.battle_wrap_snowfall .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2025/snowfall/bg_special.jpg);}
.battle_wrap_snowfall .item_wrap .item_list .special .item:before {background:#0e88ff;}
.battle_wrap_snowfall .item_wrap .item_list .special .item:after {border-image: linear-gradient(to bottom, #0e88ff, rgba(0, 0, 0, 0));}
.battle_wrap_snowfall .item_wrap .item_list .special .desc {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.5)) , #00407e;}
.battle_wrap_snowfall .special .lv_wrap {background:#003c76;}
.battle_wrap_snowfall .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2025/snowfall/bg_random.jpg);}
.battle_wrap_snowfall .item_wrap .item_list .random .item:before {background:#6cfff3;}
.battle_wrap_snowfall .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #6cfff3 , rgba(0, 0, 0, 0));}
.battle_wrap_snowfall .item_wrap .item_list .random .desc {background:linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.5)) , #005b72;}
.battle_wrap_snowfall .random .lv_wrap {background:#005b72;}
.battle_wrap_snowfall .item_wrap .item_list .info {border-top-color:#7cd3ea; border-bottom-color:#0eaefd; color:#a9edff;}
.battle_wrap_snowfall .item_wrap .item_list .info:after {    border-image: linear-gradient(to bottom, #7cd3ea, #0eaefd);}
.battle_wrap_snowfall .item_wrap .item_list .info li {border-color:#7cd3ea;}
.battle_wrap_snowfall .item_wrap .item_list .info span:last-child {color:#a9edff;}
.battle_wrap_snowfall .item_wrap .item_list .info font {color:#fff;}
.battle_wrap_snowfall .item_wrap .item_list .sale {border:none; background-image:url('/images/common/webshop/battlepass/2025/snowfall/bg_sale.png'); background-position:center center; background-repeat: no-repeat; background-size:100% auto; color:#ffff54;}
.battle_wrap_snowfall .item_wrap .item_list .sale:before {content:''; display:block; position:absolute; width:9.6rem; left:50%; top:50%; height: 9.6rem; margin-top:-4.8rem; margin-left:-4.8rem; background-image:url('/images/common/webshop/battlepass/2025/snowfall/bp_rotate01.png'); background-position: 0 0; background-repeat: no-repeat; background-size:100% auto; animation: rotation 10s infinite linear;}
.battle_wrap_snowfall .item_wrap .item_list .sale font {font-weight:700; background: -webkit-linear-gradient(#fffc00, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.battle_wrap_snowfall .item_wrap .item_list .special .sale {background-image:url('/images/common/webshop/battlepass/2025/snowfall/bg_sale02.png'); color:#fff;}
.battle_wrap_snowfall .item_wrap .item_list .special .sale:before {background-image:url('/images/common/webshop/battlepass/2025/snowfall/bp_rotate02.png');}
.battle_wrap_snowfall .item_wrap .item_list .special font {background: -webkit-linear-gradient(#70f3ff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* season22 shaman */
.sub_contents .battle_wrap_shaman {background:#000 url('/images/common/webshop/battlepass/2026/shaman/bg.jpg') center 0 no-repeat; }
.battle_wrap_shaman .my_pass .pass {width:27.6rem; height:15.6rem; z-index:2; left:3.6rem;}
.battle_wrap_shaman .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2026/shaman/pass_free.png');}
.battle_wrap_shaman .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2026/shaman/pass_prem.png');}
.battle_wrap_shaman .my_pass {z-index:1; box-shadow:inset 0 0 0 0.2rem rgba(255, 255, 255, 0.4); background:url('/images/common/webshop/battlepass/2026/shaman/bg_bp.png') center center no-repeat;  border-radius:0; border-top:0;;}
.battle_wrap_shaman .my_pass:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; background:url('/images/common/webshop/battlepass/2026/shaman/bp_cha.png') center 68% no-repeat;}
.battle_wrap_shaman .my_pass:after {z-index:-1; border:none; border-radius:0; content: ""; position: absolute; inset: 0.8rem 0; padding: 0.4rem 0; background: linear-gradient(to right, #ffcccc, #cceeff);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.battle_wrap_shaman .my_pass .lv {padding-top:0 !important; flex-direction:column; display:flex; align-items:center; justify-content:center; z-index:1; font-family:'minion-pro'; width:27.6rem; height:27.6rem; }
.battle_wrap_shaman .my_pass .lv:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/common/webshop/battlepass/2026/shaman/my_lv.png'); background-size:100% auto; animation:rotation 30s infinite linear;}
.battle_wrap_shaman .my_pass .lv:after {display:none;}
.battle_wrap_shaman .my_pass .lv .tit {font-size:27px; color:#cceeff; font-family: 'apotek-extended'; text-transform:uppercase; letter-spacing:0.06em;}
.battle_wrap_shaman .my_pass .lv .tit span {background:linear-gradient(to right, #cceeff , #ffcccc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.battle_wrap_shaman .my_pass .lv .num {line-height:1; background:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'apotek-extended'; font-size:89px; color:#fff; filter:drop-shadow(-1px 0 0 #ff3333) drop-shadow(1px 0 0 #0099ff) drop-shadow(0 0 55px rgba(0, 0, 0, 0.3));}
.battle_wrap_shaman .search_wrap {border: 1px solid #44aaff; border-top: 1px solid #ff6666; background: linear-gradient(to bottom, rgba(255, 102, 102, 0.1), rgba(68, 170, 255, 0.1));}
.battle_wrap_shaman .search_wrap .search_area button {background-image: url(/images/common/webshop/battlepass/2026/shaman/icon_search.png);}
.battle_wrap_shaman .item_wrap .item_list .img {background-image: url(/images/common/webshop/battlepass/2026/shaman/bg_base.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.battle_wrap_shaman .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2026/shaman/bg_random.jpg);}
.battle_wrap_shaman .item_wrap .item_list .random .item:before {background:#5588ff;}
.battle_wrap_shaman .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #5588ff, rgba(0, 0, 0, 0));}
.battle_wrap_shaman .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2026/shaman/bg_special.jpg);}
.battle_wrap_shaman .item_wrap .item_list .special .item:before, .battle_wrap .item_wrap .item_list .special .item:after {display:none;}
.battle_wrap_shaman .lv_wrap {background:#115599;}
.battle_wrap_shaman .item_wrap .item_list .desc {background: linear-gradient(to bottom, #115599, #881111);}
.battle_wrap_shaman .item_wrap .item_list .info {color:#ff8888; border-left-color: #fb6464; border-right-color: #45a7fa; border-top-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 0);}
.battle_wrap_shaman .item_wrap .item_list .info:after {    border-image: linear-gradient(to right, #fb6464, #45a7fa); border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent;;}
.battle_wrap_shaman .item_wrap .item_list .info li {border-color:#fb6464;}
.battle_wrap_shaman .item_wrap .item_list .info span:last-child {color:#44aaff;}
.battle_wrap_shaman .item_wrap .item_list .info font {color:#ffee00;}
.battle_wrap_shaman .item_wrap .item_list .sale {font-weight:700; color:#000000; top:0.6rem; right:0.6rem; width:8.4rem; height:8.4rem; border:none; background:url('/images/common/webshop/battlepass/2026/shaman/bg_sale.png') 0 0 no-repeat; background-size:100% auto;}
.battle_wrap_shaman .item_wrap .item_list .sale:before {top:0; left:0; animation: rotation 10s infinite linear; content:''; display:block; position:absolute; width:100%; height:100%; background:url('/images/common/webshop/battlepass/2026/shaman/bg_sale_dot.png') 0 0 no-repeat; background-size:100% auto; }
.battle_wrap_shaman .item_wrap .item_list .sale font {font-weight:500; color:#aa0000;}

/* season23 wild */
.sub_contents .battle_wrap_wild {background:#000 url('/images/common/webshop/battlepass/2026/wild/bg.jpg') center 0 no-repeat; }
.battle_wrap_wild .my_pass .pass {width:27.6rem; height:15.6rem; z-index:2; left:3.6rem;}
.battle_wrap_wild .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2026/wild/pass_free.png');}
.battle_wrap_wild .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2026/wild/pass_prem.png');}
.battle_wrap_wild .my_pass {z-index:1; background:none;  border-radius:0; border-top:0; animation:none; height:auto;}
.battle_wrap_wild .my_pass:before {border:none; content:''; display:block; position:absolute; height:156.38%; top:auto; bottom:6%; left:0; right:0; z-index:1; background:url('/images/common/webshop/battlepass/2026/wild/bp_cha.png') center 0 no-repeat; background-size: auto 100%;}
.battle_wrap_wild .my_pass:after {position: static; display:block; content:''; padding-bottom:11.972%; top: auto; bottom: auto; right: auto; border: none; left: auto; border-radius: 0;}
.battle_wrap_wild .my_pass > .con {position:absolute; top:0; bottom:0; left:0; right:0; background:url('/images/common/webshop/battlepass/2026/wild/bg_bp.jpg') center 0 no-repeat; background-size:100% 100%;}
.battle_wrap_wild .my_pass .lv {padding-top:0 !important; flex-direction:column; display:flex; align-items:center; justify-content:center; z-index:1; font-family:'Sancreek'; width:32.4rem; height:32.7rem; }
.battle_wrap_wild .my_pass .lv:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/common/webshop/battlepass/2026/wild/my_lv.png'); background-size:100% auto; animation:rotation 30s infinite linear;}
.battle_wrap_wild .my_pass .lv:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/common/webshop/battlepass/2026/wild/my_lv_round.png'); background-size:100% auto; animation: rotation02 30s infinite linear;}
.battle_wrap_wild .my_pass .lv .tit {margin-bottom:1rem; z-index:1; font-size:27px; color:#cceeff; text-transform:uppercase; letter-spacing:0.05em; background: -webkit-linear-gradient(#bbda70, #ffee7f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.battle_wrap_wild .my_pass .lv .num {line-height:1; background: -webkit-linear-gradient(#fff, #ffee7b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:84px; letter-spacing:-0.02em; color:#fff; filter:drop-shadow(0 0.6rem 2.4rem rgba(68, 17, 17, 0.5));}
.battle_wrap_wild .search_wrap {border: 1px solid rgba(207, 218, 112, 0.5); border-top: 1px solid rgba(255, 205, 37, 0.5); background:rgba(0, 0, 0, 0.5);}
.battle_wrap_wild .search_wrap .search_area button {background-image: url(/images/common/webshop/battlepass/2026/wild/icon_search.png);}
.battle_wrap_wild .search_wrap .search_area input[type=text]::placeholder {color: #d0da6f;}
.battle_wrap_wild .item_wrap .item_list .img {background-image: url(/images/common/webshop/battlepass/2026/wild/bg_base.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding:6%;}
.battle_wrap_wild .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2026/wild/bg_random.jpg);}
.battle_wrap_wild .item_wrap .item_list .random .item:before {background:#1d1e00;}
.battle_wrap_wild .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #1d1e00, rgba(0, 0, 0, 0));}
.battle_wrap_wild .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2026/wild/bg_special.jpg);}
.battle_wrap_wild .item_wrap .item_list .special .item:before {background:#1f1200;}
.battle_wrap_wild .item_wrap .item_list .special .item:after {border-image: linear-gradient(to bottom, #1f1200, rgba(0, 0, 0, 0));}
.battle_wrap_wild .lv_wrap {background:#1b1307; box-shadow:none;}
.battle_wrap_wild .item_wrap .item_list .desc {background:#1b1307;}
.battle_wrap_wild .item_wrap .item_list .info {color:#d0da70; border-top-color:#d1da6f; border-bottom-color:#fdce46;}
.battle_wrap_wild .item_wrap .item_list .info:after {border-image: linear-gradient(to bottom, #d1da6f, #fdce46); border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent;;}
.battle_wrap_wild .item_wrap .item_list .info li {border-color:#d0da70;}
.battle_wrap_wild .item_wrap .item_list .info span:last-child {color:#ffcd43;}
.battle_wrap_wild .item_wrap .item_list .info font {color:#fff}
.battle_wrap_wild .item_wrap .item_list .sale {z-index:1; border-radius:50%; box-shadow:0 2px 3px rgba(0, 0, 0, 0.5); font-weight:700; color:#ffffff; top:0.6rem; right:0.6rem; width:7.2rem; height:7.2rem; border:none; background:none;}
.battle_wrap_wild .item_wrap .item_list .sale:before {z-index:-1; top: 0; left: 0; animation: rotation 10s infinite linear; content: ''; display: block; position: absolute; width: 100%; height: 100%; background-image:url('/images/common/webshop/battlepass/2026/wild/bg_sale.png'); background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.battle_wrap_wild .item_wrap .item_list .sale font {margin-top:-2px; font-weight:600; background: -webkit-linear-gradient(#ff7676, #fff); letter-spacing:-0.02em; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.battle_wrap_wild .item_wrap .item_list .random .desc { background: linear-gradient(to bottom, #182203, #5c500c);}
.battle_wrap_wild .random .lv_wrap {background:none;}
.battle_wrap_wild .item_wrap .item_list .random .sale:before {background-image:url('/images/common/webshop/battlepass/2026/wild/bg_sale_rd.png');}
.battle_wrap_wild .item_wrap .item_list .random .con:hover .lv_wrap {background:none !important;}
.battle_wrap_wild .item_wrap .item_list .special .desc { background: linear-gradient(to bottom, #2c1c06, #000000);}
.battle_wrap_wild .special .lv_wrap {background:none;}
.battle_wrap_wild .item_wrap .item_list .special .sale:before {background-image:url('/images/common/webshop/battlepass/2026/wild/bg_sale_sp.png');}
.battle_wrap_wild .item_wrap .item_list .special .con:hover .lv_wrap {background:none !important;}

/* season24 outbreak */
.sub_contents .battle_wrap_outbreak {background:#000 url('/images/common/webshop/battlepass/2026/outbreak/bg.jpg') center 0 no-repeat; }
.battle_wrap_outbreak .my_pass .pass {width:22.8rem; height:10.8rem; z-index:2; left:5.4rem;}
.battle_wrap_outbreak .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2026/outbreak/pass_free.png');}
.battle_wrap_outbreak .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2026/outbreak/pass_prem.png');}
.battle_wrap_outbreak .my_pass {z-index:1; background:none;  border-radius:0; border-top:0; animation:none; height:auto;}
.battle_wrap_outbreak .my_pass:before {border:none; content:''; display:block; position:absolute; height: 180.396%; top:-48%; left:0; right:0; z-index:1; background:url('/images/common/webshop/battlepass/2026/outbreak/bp_cha.png') center 0 no-repeat; background-size: auto 100%;}
.battle_wrap_outbreak .my_pass:after {position: static; display:block; content:''; padding-bottom:11.972%; top: auto; bottom: auto; right: auto; border: none; left: auto; border-radius: 0;}
.battle_wrap_outbreak .my_pass > .con {position:absolute; top:0; bottom:0; left:0; right:0; background:url('/images/common/webshop/battlepass/2026/outbreak/bg_bp.png') center 0 no-repeat; background-size:100% 100%;}
.battle_wrap_outbreak .my_pass .lv {animation: up 1.5s 0.5s infinite; padding-top:0 !important; letter-spacing: 0.05em; flex-direction:column; display:flex; align-items:center; justify-content:center; z-index:1; font-family:'countach'; width:24.9rem; height:24.6rem; background:url('/images/common/webshop/battlepass/2026/outbreak/my_lv.png'); background-size:100% auto; }
.battle_wrap_outbreak .my_pass .lv:before {display:none;}
.battle_wrap_outbreak .my_pass .lv:after {display:none;}
.battle_wrap_outbreak .my_pass .lv .tit {filter: drop-shadow(0.3rem 0 0 #0032a3) drop-shadow(-0.3rem 0 0 #8e3415);  margin-bottom:1rem; z-index:1; font-size:32px; color:#fff; text-transform:uppercase; letter-spacing:0.05em; background: -webkit-linear-gradient(#fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.battle_wrap_outbreak .my_pass .lv .num {filter: drop-shadow(0.3rem 0 0 #0032a3) drop-shadow(-0.3rem 0 0 #8e3415); font-size:84px; background:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing:0.05em;}
.battle_wrap_outbreak .search_wrap {border: 1px solid rgba(65, 168, 255, 0.4); border-top: 1px solid rgba(255, 156, 156, 0.4); background:rgba(0, 0, 0, 0.5);}
.battle_wrap_outbreak .search_wrap .search_area button {background-image: url(/images/common/webshop/battlepass/2026/outbreak/icon_search.png);}
.battle_wrap_outbreak .search_wrap .search_area input[type=text]::placeholder {color: #ffffff;}
.battle_wrap_outbreak .item_wrap .item_list .img {background-image: url(/images/common/webshop/battlepass/2026/outbreak/bg_base.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding:6%;}
.battle_wrap_outbreak .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2026/outbreak/bg_random.jpg);}
.battle_wrap_outbreak .item_wrap .item_list .random .item:before {background:#1d1e00;}
.battle_wrap_outbreak .item_wrap .item_list .random .item:after {border-image: linear-gradient(to bottom, #1d1e00, rgba(0, 0, 0, 0));}
.battle_wrap_outbreak .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2026/outbreak/bg_special.jpg);}
.battle_wrap_outbreak .item_wrap .item_list .special .item:before {background:#1f1200;}
.battle_wrap_outbreak .item_wrap .item_list .special .item:after {border-image: linear-gradient(to bottom, #1f1200, rgba(0, 0, 0, 0));}
.battle_wrap_outbreak .lv_wrap {background:#1b1307; box-shadow:none;}
.battle_wrap_outbreak .item_wrap .item_list .desc {background: linear-gradient(to bottom, #001218, #000);}
.battle_wrap_outbreak .item_wrap .item_list .info {color:#d0da70; border-top-color:#48e8f3; border-bottom-color:#73fe92;}
.battle_wrap_outbreak .item_wrap .item_list .info:after {border-image: linear-gradient(to bottom, #48e8f3, #73fe92); border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent;;}
.battle_wrap_outbreak .item_wrap .item_list .info li {border-color:#48e8f3; color:#8dffad;}
.battle_wrap_outbreak .item_wrap .item_list .info span:last-child {color:#8dffad;}
.battle_wrap_outbreak .item_wrap .item_list .info font {color:#fff}
.battle_wrap_outbreak .item_wrap .item_list .sale {z-index:1; border-radius:50%; font-weight:700; color:#ffffff; top:0.6rem; right:0.6rem; width:8.2rem; height:8.2rem; border:none; background:none;}
.battle_wrap_outbreak .item_wrap .item_list .sale:before {z-index:-1; top: 0; left: 0; animation: rotation 10s infinite linear; content: ''; display: block; position: absolute; width: 100%; height: 100%; background-image:url('/images/common/webshop/battlepass/2026/outbreak/bg_sale.png'); background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.battle_wrap_outbreak .item_wrap .item_list .sale font {margin-top:-2px; font-weight:600; background: -webkit-linear-gradient(#4799ff, #fff); letter-spacing:-0.02em; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.battle_wrap_outbreak .item_wrap .item_list .random .desc { background: linear-gradient(to bottom, #230303, #000);}
.battle_wrap_outbreak .random .lv_wrap {background:none;}
.battle_wrap_outbreak .item_wrap .item_list .random .sale:before {background-image:url('/images/common/webshop/battlepass/2026/outbreak/bg_sale_rd.png');}
.battle_wrap_outbreak .item_wrap .item_list .random .con:hover .lv_wrap {background:none !important;}
.battle_wrap_outbreak .item_wrap .item_list .random .sale font {background: -webkit-linear-gradient(#ffc30b, #fff);}
.battle_wrap_outbreak .item_wrap .item_list .special .desc { background: linear-gradient(to bottom, #002230, #000000);}
.battle_wrap_outbreak .special .lv_wrap {background:none;}
.battle_wrap_outbreak .item_wrap .item_list .special .sale:before {background-image:url('/images/common/webshop/battlepass/2026/outbreak/bg_sale_sp.png');}
.battle_wrap_outbreak .item_wrap .item_list .special .con:hover .lv_wrap {background:none !important;}
.battle_wrap_outbreak .item_wrap .item_list .special .sale font {background: -webkit-linear-gradient(#43f4ff, #fff);}

/* season25 harvest */
.sub_contents .battle_wrap_harvest {min-height:calc(100vh - 192px - 9.6rem); background:#000 url('/images/common/webshop/battlepass/2026/harvest/bg.jpg') center 0 no-repeat;}
.battle_wrap_harvest .my_pass .pass {width:27.6rem; height:15.6rem; z-index:2; left:3.6rem;}
.battle_wrap_harvest .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2026/harvest/pass_free.png');}
.battle_wrap_harvest .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2026/harvest/pass_prem.png');}
.battle_wrap_harvest .my_pass {z-index:1; border-radius:2.4rem; background:url('/images/common/webshop/battlepass/2026/harvest/bg_bp.jpg') center center no-repeat; border-top:0; animation: bg-move 30s linear infinite;}
.battle_wrap_harvest .my_pass:after {display:none;}
.battle_wrap_harvest .my_pass:before {content:''; display:block; position:absolute; top:-28.432%; bottom:0; left:0; right:0; background:url('/images/common/webshop/battlepass/2026/harvest/bp_cha.png') center bottom no-repeat; border:none;}
.battle_wrap_harvest .my_pass .lv {font-family: 'cheddar-gothic-rough', sans-serif; padding-top:0 !important; flex-direction:column; display:flex; align-items:center; justify-content:center; z-index:1; width:27.6rem; height:27.6rem; background:url('/images/common/webshop/battlepass/2026/harvest/my_lv.png'); background-size:100% auto;}
.battle_wrap_harvest .my_pass .lv:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/common/webshop/battlepass/2026/harvest/my_lv_obj.png'); background-size:100% auto; animation: float 3s ease-in-out infinite;}
.battle_wrap_harvest .my_pass .lv:after {display:none;}
.battle_wrap_harvest .my_pass .lv .tit {font-size:30px; color:#fff; font-family: 'cheddar-gothic-rough'; text-transform:uppercase; letter-spacing:0.06em;}
.battle_wrap_harvest .my_pass .lv .num {margin-top:0; line-height:1; font-size:88px; color:#fff; background:#fff; filter:none; font-family: 'cheddar-gothic-rough'; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.battle_wrap_harvest .search_wrap {border: 1px solid #ffdd99; background: #332211;}
.battle_wrap_harvest .search_wrap .search_area input[type=text] {color:#ffdd99;}
.battle_wrap_harvest .search_wrap .search_area input[type=text]::placeholder {color:#ffdd99;}
.battle_wrap_harvest .search_wrap .search_area button {background-image: url(/images/common/webshop/battlepass/2026/harvest/icon_search.png);}
.battle_wrap_harvest .item_wrap .item_list .img {background-image: url(/images/common/webshop/battlepass/2026/harvest/bg_base.png); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0.6rem 0.6rem 0 0;}
.battle_wrap_harvest .item_wrap .item_list .random .item .img {background-image: url(/images/common/webshop/battlepass/2026/harvest/bg_random.png);}
.battle_wrap_harvest .item_wrap .item_list .random .item:before {display:none;}
.battle_wrap_harvest .item_wrap .item_list .random .item:after {display:none;}
.battle_wrap_harvest .item_wrap .item_list .special .item .img {background-image: url(/images/common/webshop/battlepass/2026/harvest/bg_special.png);}
.battle_wrap_harvest .item_wrap .item_list .special .item:before, .battle_wrap .item_wrap .item_list .special .item:after {display:none;}
.battle_wrap_harvest .lv_wrap {background:#775033;}
.battle_wrap_harvest .item_wrap .item_list .desc {background: linear-gradient(to bottom, #775033, #996644);}
.battle_wrap_harvest .item_wrap .item_list .info {color:#ffaa66; border-bottom-color: #ffaa66; border-top-color: #ce8952; border-left-color:rgba(255, 255, 255, 0); border-right-color:rgba(255, 255, 255, 0);}
.battle_wrap_harvest .item_wrap .item_list .info:after {    border-image: linear-gradient(to bottom, #ce8952, #ffaa66); border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent;;}
.battle_wrap_harvest .item_wrap .item_list .info li {border-color:#ce8952;}
.battle_wrap_harvest .item_wrap .item_list .info span:last-child {color:#ffaa66;}
.battle_wrap_harvest .item_wrap .item_list .info font {color:#ffee00;}
.battle_wrap_harvest .item_wrap .item_list .sale {font-weight:700; color:#991100; top:-1.6rem; right:-1.6rem; width:12.8rem; height:12.8rem; border:none; background:url('/images/common/webshop/battlepass/2026/harvest/bg_sale.png') 0 0 no-repeat; background-size:100% auto;}
.battle_wrap_harvest .item_wrap .item_list .sale font {font-weight:500; color:#000000;}

/* season26 deadlock */
.sub_contents .battle_wrap_deadlock {min-height:calc(100vh - 192px - 9.6rem); background:#000 url('/images/common/webshop/battlepass/2026/deadlock/bg.webp') center 0 no-repeat; background-size:cover;}
.battle_wrap_deadlock .my_pass .obj {position:absolute;}
.battle_wrap_deadlock .my_pass .obj_l {mix-blend-mode: screen;}
.battle_wrap_deadlock .my_pass .obj_lt {left:0; top:0; max-width:23.8rem;}
.battle_wrap_deadlock .my_pass .obj_lb {left:0; bottom:0; max-width:15.2rem;}
.battle_wrap_deadlock .my_pass .obj_rt {right:0; top:0; max-width:8.5rem;}
.battle_wrap_deadlock .my_pass .obj_rb {right:0; bottom:0; max-width:36.4rem;}
.battle_wrap_deadlock .my_pass .pass {width:27.6rem; height:15.6rem; z-index:2; left:3.6rem;}
.battle_wrap_deadlock .my_pass .pass.free {background-image:url('/images/common/webshop/battlepass/2026/deadlock/pass_free.webp');}
.battle_wrap_deadlock .my_pass .pass.prem {background-image:url('/images/common/webshop/battlepass/2026/deadlock/pass_prem.webp');}
.battle_wrap_deadlock .my_pass {box-shadow:0 0 5rem rgba(0, 0, 0, 0.5); z-index:1; background:url('/images/common/webshop/battlepass/2026/deadlock/bg_bp.webp') center center no-repeat; border-top:0; animation: bg-move 30s linear infinite; border-radius: 0;}
.battle_wrap_deadlock .my_pass:after {border:none; content:""; position:absolute; inset:0; padding:0.2rem; background:linear-gradient(to right, #ff8888, #88ddff); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; border-radius: 0;}
.battle_wrap_deadlock .my_pass:before {z-index:1; content:''; display:block; position:absolute; top:-30.394%; bottom:0.2rem; left:0; right:0; background:url('/images/common/webshop/battlepass/2026/deadlock/bp_cha.webp') center bottom no-repeat; border:none;}
.battle_wrap_deadlock .my_pass .lv {font-family: 'din-2014', sans-serif; padding-top:0 !important; flex-direction:column; display:flex; align-items:center; justify-content:center; z-index:1; width:27.6rem; height:27.6rem; background:none;}
.battle_wrap_deadlock .my_pass .lv:before {background: url(/images/common/webshop/battlepass/2026/deadlock/bg_pass_lv_arr.webp) 0 0 no-repeat;  background-size: 100% auto; animation-duration: 7s;}
.battle_wrap_deadlock .my_pass .lv:after {background: url(/images/common/webshop/battlepass/2026/deadlock/bg_pass_lv.webp) 0 0 no-repeat; background-size: 100% auto; animation-duration: 7s;}
.battle_wrap_deadlock .my_pass .lv .tit {font-weight:400; font-size:28px; color:#88ffff; font-family: 'din-2014'; text-transform:uppercase; letter-spacing:0.06em;}
.battle_wrap_deadlock .my_pass .lv .num {margin-top:-0.8rem; line-height:1; font-size:90px; color:#fff; background:#fff; filter:none; font-family: 'din-2014'; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(-1px 0 0 rgba(204, 51, 51, 0.8)) drop-shadow(1px 0 0 rgba(0, 102, 204, 0.8));}
.battle_wrap_deadlock .search_wrap {border:none; box-shadow:inset 0 0 0 1px rgba(136, 255, 255, 0.2); background: rgba(136, 255, 255, 0.2); border:none; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius: 0;}
.battle_wrap_deadlock .search_wrap:before, .battle_wrap_deadlock .search_wrap:after {content:''; display:block; position:absolute; bottom:0; top:0; width:0.4rem; background: url('/images/common/webshop/battlepass/2026/deadlock/dot_b.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/dot_b.webp') 0 bottom no-repeat;}
.battle_wrap_deadlock .search_wrap:before {left:0;}
.battle_wrap_deadlock .search_wrap:after {right:0;}
.battle_wrap_deadlock .search_wrap .search_area input[type=text] {color:#88ffff;}
.battle_wrap_deadlock .search_wrap .search_area input[type=text]::placeholder {color:#88ffff;}
.battle_wrap_deadlock .search_wrap .search_area button {background-image: url(/images/common/webshop/battlepass/2026/deadlock/icon_search.webp);}
.battle_wrap_deadlock .lv_wrap {background:#666666;}
.battle_wrap_deadlock .item_wrap .item_list .item {    box-shadow: 0px -0.2rem 0px #777; background-color:rgba(102, 102, 102, 0.15); background-image:url('/images/common/webshop/battlepass/2026/deadlock/ptn2.webp'); background-repeat: repeat;}
.battle_wrap_deadlock .item_wrap .item_list .item:before {content:''; display:block; position:absolute; left:0; top:0; right:0; height:0.4rem; background:url('/images/common/webshop/battlepass/2026/deadlock/dot_g.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/dot_g.webp') right 0 no-repeat;}
.battle_wrap_deadlock .item_wrap .item_list .desc {background:url('/images/common/webshop/battlepass/2026/deadlock/ptn.webp') 0 0 repeat, #111; border:0.2rem solid #777; box-shadow:inset 0 0 1px rgba(255, 255, 255, 0.1), 0 1rem 2rem rgba(0, 0, 0, 0.5);}
.battle_wrap_deadlock .item_wrap .item_list .info {color:#ffff66; border-bottom-color: #777777; border-top-color: #777777; border-left-color:rgba(255, 255, 255, 0); border-right-color:rgba(255, 255, 255, 0);}
.battle_wrap_deadlock .item_wrap .item_list .info:after {    border-image: linear-gradient(to bottom, #777777); border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent;}
.battle_wrap_deadlock .item_wrap .item_list .info li {border-color:#777777;}
.battle_wrap_deadlock .item_wrap .item_list .info span:last-child {color:#88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .info font {color:#88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .sale {font-weight:700; color:#991100; top:1.6rem; right:1.6rem; width:6.4rem; height:6.4rem; border:none; background:#777777; border-radius:0; border:0.2rem solid #777; box-shadow:inset 0 0 0 0.2rem #000;}
.battle_wrap_deadlock .item_wrap .item_list .sale font {font-weight:500; color:#000000;}
.battle_wrap_deadlock .item_wrap .item_list .desc:after {content:''; display:block; position:absolute; left:0.4rem; top:0.4rem; bottom:0.4rem; right:0.4rem; background:url('/images/common/webshop/battlepass/2026/deadlock/arr_g_lt.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_g_rt.webp') right 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_g_lb.webp') 0 bottom no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_g_rb.webp') right bottom no-repeat;}
.battle_wrap_deadlock .item_wrap .item_list .desc .price {background:#333333;}
.battle_wrap_deadlock .item_wrap .item_list .con:hover .desc:before {background:#777;}

.battle_wrap_deadlock .random .lv_wrap {background:#88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .random .desc {border-color:#88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .random .desc:after {background:url('/images/common/webshop/battlepass/2026/deadlock/arr_b_lt.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_b_rt.webp') right 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_b_lb.webp') 0 bottom no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_b_rb.webp') right bottom no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_b_lm.webp') 0 center no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_b_rm.webp') right center no-repeat;}
.battle_wrap_deadlock .item_wrap .item_list .random .sale {border-color:#88ffff; background:#88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .random .item {background-color:rgba(136, 255, 255, 0.15);     box-shadow: 0px -0.2rem 0px #88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .random .info {border-bottom-color: #88ffff; border-top-color: #88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .random .info:after {    border-image: linear-gradient(to bottom, #88ffff);}
.battle_wrap_deadlock .item_wrap .item_list .random .info li {border-color: #88ffff;}
.battle_wrap_deadlock .item_wrap .item_list .random .item:before {background:url('/images/common/webshop/battlepass/2026/deadlock/dot_b.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/dot_b.webp') right 0 no-repeat;}
.battle_wrap_deadlock .item_wrap .item_list .random .item .img {background-image:url('/images/common/webshop/battlepass/2026/deadlock/bg_rdbox.webp');}
.battle_wrap_deadlock .item_wrap .item_list .random .item:after {display:none;}
.battle_wrap_deadlock .item_wrap .item_list .random .con:hover .desc:before {background:#88ffff;}

.battle_wrap_deadlock .special .lv_wrap {background:#ffff66;}
.battle_wrap_deadlock .item_wrap .item_list .special .desc {border-color:#ffff66;}
.battle_wrap_deadlock .item_wrap .item_list .special .desc:after {background:url('/images/common/webshop/battlepass/2026/deadlock/arr_y_lt.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_y_rt.webp') right 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_y_lb.webp') 0 bottom no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_y_rb.webp') right bottom no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_y_lm.webp') 0 center no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/arr_y_rm.webp') right center no-repeat;}
.battle_wrap_deadlock .item_wrap .item_list .special .sale {border-color:#ffff66; background:#ffff66;}
.battle_wrap_deadlock .item_wrap .item_list .special .item {background-color:rgba(255, 255, 102, 0.15);    box-shadow: 0px -0.2rem 0px #ffff66;}
.battle_wrap_deadlock .item_wrap .item_list .special .info {border-bottom-color: #ffff66; border-top-color: #ffff66;}
.battle_wrap_deadlock .item_wrap .item_list .special .info:after {    border-image: linear-gradient(to bottom, #ffff66);}
.battle_wrap_deadlock .item_wrap .item_list .special .info li {border-color: #ffff66;}
.battle_wrap_deadlock .item_wrap .item_list .special .item:before {background:url('/images/common/webshop/battlepass/2026/deadlock/dot_y.webp') 0 0 no-repeat, url('/images/common/webshop/battlepass/2026/deadlock/dot_y.webp') right 0 no-repeat;}
.battle_wrap_deadlock .item_wrap .item_list .special .item .img {background-image:url('/images/common/webshop/battlepass/2026/deadlock/bg_sp.webp');}
.battle_wrap_deadlock .item_wrap .item_list .special .con:hover .desc:before {background:#ffff66;}

.battle_wrap_deadlock .item_wrap .item_list .con:hover .desc {border-color:#000;}
.battle_wrap_deadlock .item_wrap .item_list .con:hover .desc:after {display:none;}

.battle_wrap_deadlock .item_wrap .item_list .lock {top:-0.2rem;}

@keyframes up {
70% { transform: translate(-50% , -50%);}
80% { transform: translate(-50% , -52%);}
100% { transform: translate(-50% , -50%);}
}

/*** battle pass season concept ended ***/

@media screen and (max-width: 1400px) {
/* season19 astel */
.battle_wrap_astel .my_pass .lv:before, .battle_wrap_astel .my_pass .lv:after {height:20rem;}
.battle_wrap_astel .my_pass .lv:before {width: 18.9rem; left:-16.8rem;}
.battle_wrap_astel .my_pass .lv:after {width:22.4rem; right:-21rem;}
}

@media screen and (max-width: 1280px) {
/* season21 snowfall */
.battle_wrap_snowfall .my_pass .pass {left:2.4rem;}

/* season23 wild */
.battle_wrap_wild .my_pass .pass {width: 20%; height: 100%; left: 1%;}
.battle_wrap_wild .my_pass .lv {width: 20%; height: 168%;}
.battle_wrap_wild .my_pass .lv .tit {font-size:18px;}
.battle_wrap_wild .my_pass .lv .num {font-size:50px;}

/* season24 outbreak */
.battle_wrap_outbreak .my_pass .pass {width: 20%; height: 100%; left: 1%;}
.battle_wrap_outbreak .my_pass .lv {width: 15%; height: 123%;}
.battle_wrap_outbreak .my_pass .lv .tit {font-size:18px;}
.battle_wrap_outbreak .my_pass .lv .num {font-size:50px;}
}

@media screen and (max-width: 1023px) {
/* season18 hydra */
.battle_wrap_hydra .my_pass .pass {left: -2.8rem;}
.battle_wrap_hydra .my_pass:after {width: 360px; height: 190px; background-size: 100%; right: -56px;}
.battle_wrap_hydra .my_pass .lv .num {color:#dd99ff;}

/* season19 astel */
.sub_contents .battle_wrap_astel {background-size:250% auto;}

/* season20 aero */
.battle_wrap_aero .my_pass {background:url('/images/common/webshop/battlepass/2025/aero/bg_bp_gage.png') center bottom 0 no-repeat;}

/* season21 snowfall */
.battle_wrap_snowfall .my_pass .lv .num {color:#fff;}

/* season22 shaman */
.battle_wrap_shaman .my_pass:before {background-size:80% auto;}
.battle_wrap_shaman .item_wrap .item_list .sale {top:auto;}

/* season23 wild */
.battle_wrap_wild .my_pass {margin-bottom:3rem;  margin-top: 3rem;}
.battle_wrap_wild .my_pass .pass {left:-5%; width:25%;}
.battle_wrap_wild .item_wrap .item_list .sale {top:auto;}

/* season24 outbreak */
.battle_wrap_outbreak .my_pass {margin-bottom:3rem;  margin-top: 3rem;}
.battle_wrap_outbreak .my_pass .pass {left:-3%; width:20%;}
.battle_wrap_outbreak .item_wrap .item_list .sale {top:auto;}

/* season25 harvest */
.sub_contents .battle_wrap_harvest {min-height:calc(100vh - 92px - 9.6rem);}
.battle_wrap_harvest .my_pass:before {background-size:80% auto; top:0;}
.battle_wrap_harvest .item_wrap .item_list .sale {top:auto; bottom: -1.6rem; left: -1.6rem;}
.battle_wrap_harvest .my_pass .pass {left:-3.6rem;}

/* season26 deadlock */
.sub_contents .battle_wrap_deadlock {min-height:calc(100vh - 92px - 9.6rem);}
.battle_wrap_deadlock .my_pass:before {background-size:80% auto; top:0;}
.battle_wrap_deadlock .item_wrap .item_list .sale {top:auto; bottom: 0; left: 0;}
.battle_wrap_deadlock .my_pass .pass {left:-3.6rem; width:18.6rem;}
.battle_wrap_deadlock .item_wrap .item_list .desc:after {top: auto; height: 72px;}
}

@media screen and (max-width: 768px) {
/* season18 hydra */
.sub_contents .battle_wrap_hydra {background-size: 1600px;}
.battle_wrap_hydra .my_pass .lv:before {background-size: 100%; width: 28px; height: 36px; top: 4px; margin-left: -14px;}
.battle_wrap_hydra .my_pass .pass img {max-width: 102px;}
.battle_wrap_hydra .my_pass:after {display: none;}
.battle_wrap_hydra .item_wrap .item_list .sale:before {width: 45px; height: 42px; top: -3px; left: -4px;}

/* season19 astel */
.battle_wrap_astel .my_pass .lv {padding-top:0;}

/* season20 aero */
.battle_wrap_aero .my_pass:before {background-size:2.5rem auto, 2.5rem auto, 2.3rem auto, 2.3rem auto;}
.battle_wrap_aero .my_pass:after {background-size:16px auto;}
.battle_wrap_aero .my_pass .lv {padding-top:0;}

/* season21 snowfall */
.sub_contents .battle_wrap_snowfall {background-size:275% auto;}
.battle_wrap_snowfall .my_pass .lv {padding-top:0;}
.battle_wrap_snowfall .my_pass .cha {max-width:130%;}

/* season23 wild */
.battle_wrap_wild .my_pass {margin-top:7%; margin-bottom:7%;}
.battle_wrap_wild .my_pass .pass {background-size:100% auto;}
.battle_wrap_wild .my_pass .lv {width: 30%; height: 252%;}
.battle_wrap_wild .my_pass .lv .tit {font-size:2.5rem;}
.battle_wrap_wild .my_pass .lv .num {font-size:6rem;}

/* season24 outbreak */
.battle_wrap_outbreak .my_pass {margin-top:7%; margin-bottom:7%;}
.battle_wrap_outbreak .my_pass .pass {background-size:100% auto;}
.battle_wrap_outbreak .my_pass .lv {width: 20%; height: 165%;}
.battle_wrap_outbreak .my_pass .lv .tit {font-size:2.5rem; margin-bottom:0;}
.battle_wrap_outbreak .my_pass .lv .num {font-size:6rem;}

/* season25 harvest */
.sub_contents .battle_wrap_harvest {min-height:calc(100vh - 130px - 9.6rem);}

/* season26 deadlock */
.sub_contents .battle_wrap_deadlock {min-height:calc(100vh - 130px - 9.6rem);}
.battle_wrap_deadlock .my_pass .lv .tit {font-size:3.4rem;}
.battle_wrap_deadlock .my_pass .lv .num {font-size:9.9rem;}
.battle_wrap_deadlock .my_pass .pass {    width: 27.6rem;}
.battle_wrap_deadlock .item_wrap .item_list .item:before {background-size:0.4rem auto;}
.battle_wrap_deadlock .item_wrap .item_list .desc:after {height: 56px; background-size:1.6rem auto;}
.battle_wrap_deadlock .item_wrap .item_list .random .desc:after {background-size:1.6rem auto, 1.6rem auto, 1.6rem auto, 1.6rem auto, 0.6rem auto, 0.6rem auto;}
.battle_wrap_deadlock .item_wrap .item_list .special .desc:after {background-size:1.6rem auto, 1.6rem auto, 1.6rem auto, 1.6rem auto, 0.6rem auto, 0.6rem auto;}
}