@charset "utf-8";
@import url("https://use.typekit.net/yjg2yxg.css");
*, *::before, *::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, footer, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; vertical-align: baseline; border: 0;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}

html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}

/* root */
:root {
--ff: 'din-2014', sans-serif;
--rbt: 'roboto', sans-serif;
}

html {width: 100%; height: 100%; font-size: 62.5%; scroll-behavior: smooth; scrollbar-gutter:stable;}
body {width: 100%; height: 100%; font-size: 1.4rem; text-align: center; font-family: var(--ff); line-height:1;}
menu, ol, ul, li {list-style: none; list-style-image: none; vertical-align: top;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after {content: none;}
table {table-layout: fixed; word-break: break-all; white-space: pre-wrap; border-spacing: 0;}
table caption {display: none;}
ul {font-size: 0;}
li {font-size: 1.6rem;}
img {vertical-align: top; -ms-interpolation-mode: bicubic !important; max-width:100%;}
h1, h2, h3, h4, h5, h6 {font-family: var(--ff); font-weight:400;}
a {display: inline-block; font-family: var(--ff); text-decoration: none; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
button {cursor:pointer; font-family: var(--ff); background-color:rgba(255, 255, 255, 0); line-height: 1;}

.mobile {display:none;}
.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0); font-size:0;}

.inner {max-width:2428px; padding-left:3rem; padding-right:3rem; margin-left:auto; margin-right:auto;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}

.container {overflow:hidden; position:relative;}
.all_wrap {overflow:hidden;}

.obj {position:absolute;}
.obj06 {left:3.6%; top:44%; margin-top:-4rem; max-width:21.8rem; animation: aim_drift 6s -2.4s ease-in-out infinite; mix-blend-mode: screen;}
.obj07 {left:4.8rem; bottom:4.8rem; mix-blend-mode: screen; animation: aim_drift 6s -2.4s ease-in-out infinite;}
.obj08 {right:4.8%; top:41%; animation: aim_drift 6s ease-in-out infinite;}

.obj_scan {--scan-s:max(100cqw / 2560, 100cqh / 1080); --scan-mv:max(100vw / 2560, min(100vh, 1080px) / 1080); position:absolute; left:0; top:0; width:100%; height:100%; container-type:size; pointer-events:none; animation:obj_scan_move 18s ease-in-out infinite; mix-blend-mode: screen;}
.obj_scan img {display:block; position:absolute; width:calc(146 * var(--scan-s)); left:min(calc(50cqw + 550 * var(--scan-s)), calc(100cqw - 230 * var(--scan-s))); top:calc(50cqh + 192 * var(--scan-s)); transform:translate(-50%, -50%);}
.obj_scan .scan_img {animation:obj_scan_rotate 6s linear infinite;}
.obj_scan .scan_txt {transform:translate(-50%, calc(72 * var(--scan-s)));}

.obj_sc03_l {bottom:14.8%; left:4%; width:38.3%; max-width:980px; animation:float_y 4.5s ease-in-out infinite;}
.obj_sc03_r {top:-17.8%; right:-17.2%; width:42.2%; max-width:1080px; animation:float_y 5.5s ease-in-out 1s infinite;}

.cha {position:absolute;}
.cha01 {left:0; top:106px;}
.cha02 {right:0; top:106px;}
.section01 .cha {height:123%; max-height:1322px; animation-duration:0.7s, 3.2s; animation-timing-function:cubic-bezier(0.3, 0.9, 0.4, 1), ease-in-out; animation-delay:0s, 0.7s; animation-iteration-count:1, infinite; animation-fill-mode:both, none;}
.clash_l {animation-name:clash_l, stance_l;}
.clash_r {animation-name:clash_r, stance_r;}
.title_slam {animation-name:title_slam;}
.section01 .title_wrap .title.animated {animation-duration:0.5s; animation-timing-function:ease-in;}

header {text-align:left; position:absolute; top:0; left:0; right:0; z-index: 20; padding:3.6rem 58px 0;}
header .bi img {max-width:160px;}

/* swiper 공통 */
.swiper-button-next, .swiper-button-prev {z-index:11; margin-top:0;}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;}

/* wow 등장 효과 속도·딜레이 */
.wow.animated {animation-duration:0.6s;}
.section02 .info_area .txt.wow, .section02 .pass.prem.wow, .section03 .tit_wrap .tit02.wow, .section04 .character .info .img.wow, .section06 .preview.wow, .section07 .tit_wrap .tit02.wow, .section07 .shop_area .bn02.wow {animation-delay:0.1s;}
.section01 .title_wrap .date.wow, .section03 .list01.wow, .section03 .list03.wow, .section04 .character .info .sort.wow, .section05 .stat_wrap.wow, .section06 .item_wrap.wow, .section07 .shop_area .bn03.wow {animation-delay:0.2s;}
.section03 .list02.wow, .section03 .list04.wow, .section04 .character .info .txt_area.wow, .section07 .shop_area .bn04.wow {animation-delay:0.3s;}
.section07 .go_shop.wow {animation-delay:0.4s;}

.section01 {height: 100vh; position:relative; text-align:center; max-height: 1080px; z-index:1; overflow: hidden; background:url('/images/common/event/2026/deadlock/bg01.webp') center center no-repeat; background-size:cover;}
.section01:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/common/event/2026/deadlock/bg01_eft.webp') center center no-repeat; background-size:cover; animation:eft_flicker 4s ease-in-out infinite;}
.section01:after {mix-blend-mode: screen; border:1px solid rgba(255, 255, 255, 0.2); border-top:0; content:''; display:block; position:absolute; left:3.2rem; right:3.2rem; bottom:3.2rem; top:3.2rem; background:url('/images/common/event/2026/deadlock/bg01_obj_lt.webp') left 0 top 6.3rem no-repeat, url('/images/common/event/2026/deadlock/bg01_obj_lm.webp') 0 center no-repeat, url('/images/common/event/2026/deadlock/bg01_obj_lb.webp') 0 bottom no-repeat, url('/images/common/event/2026/deadlock/bg01_obj_mt.webp') center 0 no-repeat, url('/images/common/event/2026/deadlock/bg01_obj_mb.webp') left 50% bottom 3.1rem no-repeat, url('/images/common/event/2026/deadlock/bg01_obj_rb.webp') right bottom no-repeat; background-size:25.6rem auto, 4.8rem auto, 12rem auto, 39.8rem auto, 56.6rem auto, 10.4rem auto;}
.section01 .title_wrap {width: max-content; max-width:100%; margin: 0 auto; z-index:2; height:100%; display:flex; align-items:center; justify-content:center; position:relative; flex-direction: column; padding:70px 0;}
.section01 .title_wrap .date {width: max-content; margin-top:3rem; position:relative; gap:0.6rem; z-index:1; font-size:28px; color:#aaddff; text-shadow:1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; display:flex; align-items:center; justify-content:center; height:3.2rem; padding:0 3.6rem 2px; background:url('/images/common/event/2026/deadlock/ptn.webp') 0 0 repeat, rgba(0, 0, 0, 0.8);}
.section01 .title_wrap .date:before, .section01 .title_wrap .date:after {content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; height:5.6rem; background-size:auto 100%; top:-0.8rem;}
.section01 .title_wrap .date:before {background-image:url('/images/common/event/2026/deadlock/bg_date_l.webp'); left:-0.8rem; width:12.3rem;}
.section01 .title_wrap .date:after {background-image:url('/images/common/event/2026/deadlock/bg_date_r.webp'); right:-0.8rem; width:5rem;}
.section01 .title_wrap .date span {color:#ffaaaa;}

.bg_vod {width: 100%; position: absolute; top: 0; left: 0; bottom:0; right:0; overflow:hidden; z-index: -1; background:url('/images/common/event/2026/deadlock/bg_vod.webp') center center no-repeat; background-size:cover;}
.bg_vod:before {content:''; display:block; position:absolute; top: 0; left: 0; bottom:0; right:0; background:rgba(0, 0, 0, 0.2); z-index: 1;}
.bg_vod video {min-width: 103%; min-height: 103%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.section02 {position:relative; text-align:left;}
.section02:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow: inset 0 0 20rem rgba(136, 238, 255, 0.5); border-top:1px solid #88eeff; border-bottom:1px solid #88eeff; background: rgba(0, 0, 0, 0.2);}
.section02 .inner {padding:11.5rem 3rem 8.6rem; position:relative; height:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-direction: column; background:url('/images/common/event/2026/deadlock/txt_deadlock.webp') left 3rem top 50% no-repeat, url('/images/common/event/2026/deadlock/txt_deadlock.webp') right 3rem top 50% no-repeat;}
.section02 .info_area .tit {position:relative; text-shadow:0 0 2px #000; font-size:70px; letter-spacing: 0.015em; font-weight:300; mix-blend-mode: color-dodge; line-height: 0.9; color:#ddd;}
.section02 .info_area .tit span {color:#eee;}
.section02 .info_area .tit:before {content:''; display:block; position:absolute; left:6px; top:-16px; width:30px; height:8px; background:url('/images/common/event/2026/deadlock/obj_arr.webp') 0 0 no-repeat; background-size:100% auto;}
.section02 .info_area .txt {margin-top:1.8rem; font-size:23px; color:#fff; letter-spacing:0.02em; line-height:1.56; padding-left:3.1rem; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; position: relative;}
.section02 .info_area .txt:before {content:''; display:block; position:absolute; left:0; top:0.8rem; width:0.4rem; bottom:0.8rem; background:rgba(255, 255, 255, 0.5);}
.section02 .info_area .txt:after {content:''; display:block; position:absolute; left:0; top:0.8rem; width:1.2rem; bottom:0.8rem; background:url('/images/common/event/2026/deadlock/obj_2dot.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/obj_2dot.webp') 0 bottom no-repeat; background-size:100% auto;}

.section02 .vod_area {position:relative; margin: 9rem auto 5rem; z-index:2; width:26.4rem; height:26.4rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/vod_bg.webp'); font-size:0; color:transparent; mix-blend-mode: plus-lighter;}
.section02 .vod_area:before, .section02 .vod_area:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section02 .vod_area:before {background-image:url('/images/common/event/2026/deadlock/vod_line01.webp'); animation:spin_cw 10s linear infinite;}
.section02 .vod_area:after {background-image:url('/images/common/event/2026/deadlock/vod_line02.webp'); animation:spin_ccw 14s linear infinite;}
.section02 .vod_area .vod_link {width:100%; height:100%; background:url('/images/common/event/2026/deadlock/vod_arr.webp') 0 0 no-repeat; background-size:100% auto; position: relative; z-index: 1;}
.section02 .vod_area .vod_link:hover {animation:vod_pulse 0.8s ease-in-out infinite;}
.section02 .vod_area:hover:before, .section02 .vod_area:hover:after {animation-play-state: paused;}

.section02 .pass_wrap .tit_wrap {font-size:40px; color:#000000; text-transform: uppercase; font-weight:300; margin-bottom:8px;}
.section02 .pass_wrap .tit {background:#aaddff; padding:2px 1.7rem; display:inline-block;}
.section02 .pass_wrap .txt {gap:0.6rem; border-left:0.8rem solid #aaddff; display:flex; align-items:center; justify-content:flex-start; font-size:20px; letter-spacing:0.02em; color:#fff; line-height:1.3; text-align: left; min-height:7.6rem; padding:2rem 2.4rem; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; background:linear-gradient(to right, rgba(170, 221, 255, 0.3), rgba(255, 255, 255, 0));}
.section02 .pass_wrap .for {color:#cceeff; padding:2px 1.5rem; border-bottom:1px solid #aaddff; display:inline-block; position: relative;}
.section02 .pass_wrap .for:before {content:''; display:block; position:absolute; left:0; top:0; width:0.4rem; height:1.6rem; background: #aaddff;}

.section02 .pass_wrap .free {margin-bottom:3.2rem;}
.section02 .pass_wrap .prem .txt {background:linear-gradient(to right, rgba(255, 170, 170, 0.3), rgba(255, 255, 255, 0)); border-color:#ffaaaa;}
.section02 .pass_wrap .prem .tit {background:#ffaaaa;}
.section02 .pass_wrap .prem .for {border-color:#ffaaaa; color:#ffcccc;}
.section02 .pass_wrap .prem .for:before {background:#ffaaaa;}

.section03 {padding:9rem 0 11.2rem; position:relative; background:url('/images/common/event/2026/deadlock/bg03.webp') center center no-repeat; background-size:cover; overflow: hidden;}
.section03:before {content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:url('/images/common/event/2026/deadlock/bg03_obj01.webp') 10.4rem 8.8rem no-repeat, url('/images/common/event/2026/deadlock/bg03_obj02.webp') right 9.6rem bottom 9.6rem no-repeat; background-size:10.8rem auto, 16rem auto; mix-blend-mode: screen;}
.section03 .inner {max-width:1500px;}
.section03 .tit_wrap {position:relative; z-index:1;}
.section03 .tit_wrap .tit01 {position:relative; padding:0 3rem 4px; font-size:70px; color:#fff; font-weight: 300; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; width: max-content; max-width:100%; margin:0 auto 6px;}
.section03 .tit_wrap .tit01:before {content:''; display:block; position:absolute; left:0; bottom:0; right:0; background:#fff; height:1px;}
.section03 .tit_wrap .tit01:after {content:''; display:block; position:absolute; left:0; right:0; bottom:3px; height:0.6rem; background:url('/images/common/event/2026/deadlock/tit_obj01.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/tit_obj02.webp') right 0 no-repeat; background-size:auto 100%;}
.section03 .tit_wrap .tit02 {font-size:23px; color:#cccccc; letter-spacing: 0.02em; text-shadow:0 0 2px #000;}
.section03 .tit_wrap .slot {position:relative; padding-top:1.5%; font-size:36px; margin:1rem auto 0; width:26.8rem; height:6.6rem; display:flex; align-items:center; justify-content:center;}

.section03 .slot_wrap {position:relative; margin-top:5rem;}
.section03 .slot_wrap .wrap {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 16rem; position: relative; z-index: 2;}
.section03 .slot_wrap .wrap:before {width:6.4rem; height:6.4rem; content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url('/images/common/event/2026/deadlock/img_plus.webp') 0 0 no-repeat; background-size:100% auto;}
.section03 .slot_wrap .wrap > div {position:relative; display:grid; grid-template-rows:subgrid; grid-row:span 3;}
.section03 .slot_wrap .box {display:grid; grid-template-rows:subgrid; grid-row:span 3;}
.section03 .slot_wrap .tit {font-size:42px; display: flex; min-height:56px; gap:0.8rem; text-transform: uppercase;}
.section03 .slot_wrap .tit .count {flex-shrink: 0; width:5.6rem; padding-top:3px; color:#ff8888; font-size:11px; letter-spacing:0.1em; border:2px solid #ff8888; display: flex; flex-direction: column;}
.section03 .slot_wrap .tit .count font {display:flex; align-items:center; justify-content:center; font-size:35px; color:#000000; letter-spacing:0.02em; background:#ff8888; flex:1; margin-top:3px;}
.section03 .slot_wrap .tit .label {flex:1; display:flex; align-items:center; justify-content:center; color:#fff; font-size:40px; font-weight:700; gap:1.2rem; border:2px solid #ff8888; position:relative; letter-spacing: 0.02rem;}
.section03 .slot_wrap .tit .label:before {content:''; display:block; position:absolute; right:0.6rem; bottom:0.6rem; width:1.6rem; height:0.4rem; background: #ff8888;}
.section03 .slot_wrap .tit .label span {color:#ff8888;}
.section03 .slot_wrap .txt {font-size:20px; margin:0.8rem 0; display: flex; justify-content: space-between; gap:0.8rem; letter-spacing: 0.01rem; font-weight: 600;}
.section03 .slot_wrap .txt span {flex:1; display:flex; align-items:center; justify-content:center; min-height:32px; padding:5px 1.2rem; background: #ff8888; text-transform: uppercase;}
.section03 .slot_wrap .list {font-size:0;}
.section03 .slot_wrap .list ul {display: flex; align-items: stretch; justify-content: space-around; gap:0.8rem; height: 100%;}
.section03 .slot_wrap .list li {display:inline-block; vertical-align:top; width:calc((100% - 0.8rem) / 2); position:relative; border:2px solid #ff8888; background:rgba(0, 0, 0, 0.05); padding:6.2rem 3.6rem 2px;}
.section03 .slot_wrap .list li:before {content:''; display:block; position:absolute; left:-2px; bottom:-1.8rem; width:15.4rem; height:0.8rem; background:url('/images/common/event/2026/deadlock/obj_slot02.webp') 0 0 no-repeat; background-size:100% auto;}
.section03 .slot_wrap .list .con {height:100%; display:flex; flex-direction:column;}
.section03 .slot_wrap .detail {flex:1; display:flex; flex-direction:column; margin:0 -3.4rem; position:relative;}
.section03 .slot_wrap .detail .name {gap: 0.6rem; flex:1; position:relative; color:#000000; font-size:26px; color:#000; text-transform: uppercase; display:flex; align-items: center; min-height:52px; background:#ff8888; padding:5px 1rem; justify-content: center;}
.section03 .slot_wrap .img {position:relative; max-width:24rem; aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; margin:0 auto 4rem;}
.section03 .slot_wrap .img img {max-width:100%; max-height:100%;}
.section03 .slot_wrap .info {gap:0.5rem; width:228px; max-width:100%; height:36px; flex-shrink:0; position:relative; display:flex; align-items:center; justify-content:center; font-size:23px;}
.section03 .slot_wrap .more_info {font-size:0; display:block; position:absolute; width:32px; height:32px; right:0.8rem; top:50%; margin-top:-16px;}
.section03 .slot_wrap .slot {position:absolute; top:2px; left:2px; gap:0.5rem; min-height:24px; display:flex; align-items:center; justify-content:center; font-size:19px; color:#000000; text-transform: uppercase; letter-spacing: 0.01rem; font-weight: 600;}
.section03 .slot_wrap .slot span {color:#ff8888;}
.section03 .slot_wrap .slot01 .slot {padding:0; border:0; gap:0.2rem; align-items:stretch;}
.section03 .slot_wrap .slot .count {color:#660000; min-width:24px; text-align: center; padding:0 3px; background:#ff8888; display:flex; align-items:center; justify-content:center;}
.section03 .slot_wrap .slot .count font {display:flex; align-items:center; justify-content:center; font-size:18px; color:#000; letter-spacing:0.02em; background:#ff8888; flex:1;}
.section03 .slot_wrap .slot .label {background:#ff8888; padding:2px 8px; min-height:2.4rem;}

.section03 .slot01 .txt span {padding-left:7rem; padding-right:7rem; position:relative;}
.section03 .slot01 .txt span:before {width:5.6rem; height:1.6rem; content:''; display:block; position:absolute; left:0.8rem; top:50%; transform: translate(0, -50%); background:url('/images/common/event/2026/deadlock/obj_slot01.webp') 0 0 no-repeat; background-size:100% auto;}

.section03 .slot01 .tit .count {border-color:#88ddff; color:#88ddff;}
.section03 .slot01 .tit .count font {background:#88ddff;}
.section03 .slot01 .tit .label {border-color:#88ddff;}
.section03 .slot01 .tit .label:before {background:#88ddff;}
.section03 .slot01 .tit .label span {color:#88ddff;}
.section03 .slot01 .txt span {background:#88ddff;}
.section03 .slot01 .list li {border-color:#88ddff;}
.section03 .slot01 .slot .label {background:#88ddff;}
.section03 .slot01 .slot .count {color:#003366; background:#88ddff;}
.section03 .slot01 .detail .name {background:#88ddff;}
.section03 .slot02 .slot .label span {color:#660000;}
.section03 .slot02 .detail .name span {color:#660000;}

.section03 .tip {display:none; letter-spacing:0.04em; line-height:1.29; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; text-align:left; padding:1.2rem 1.8rem; left:50%; transform:translateX(-50%); bottom:calc(100% + 2.2rem); width:max-content; max-width:calc(100vw - 3rem); z-index:2; position:absolute; font-size:17px; color:#ffff66; font-weight:300; background:rgba(0, 0, 0, 0.8); border:0.2rem solid #ffff66; box-shadow:inset 0 0 0 0.2rem #000;}
.section03 .tip:before {content:''; display:block; position:absolute; left:0.3rem; top:0.3rem; right:0.3rem; bottom:0.3rem; border:0.1rem solid #ffff66;}
.section03 .tip:after {content:''; display:block; position:absolute; left:50%; bottom:-2.4rem; width:0.4rem; background:#ffff66; transform:translate(-50%, 0); height:2.2rem;}
.section03 .tip span:after {content: ''; display: block; position: absolute; left: -0.2rem; bottom: -1.2rem; width: 6rem; height: 0.8rem; background: url(/images/common/event/2026/deadlock/obj_sl_nav_on.webp) 0 0 no-repeat; background-size: 100% auto;}
.section03 .list03 .tip_wrap {position:absolute; top:-4.2rem; right:0; width:4rem; height:4rem;}
.section03 .list03 .btn_tip {transition:none; font-size:0; position:relative; display:block; width:100%; height:100%; cursor: pointer; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/btn_more.webp');}
.section03 .list03 .btn_tip:hover, .section03 .list03 .btn_tip:focus {background-position:0 100%;}
.section03 .list03 .btn_tip:hover + .tip, .section03 .list03 .btn_tip:focus + .tip {display:block;}

.section03 .info_wrap {text-align:left; padding:2.4rem 2.4rem 2.4rem 4rem; background:rgba(0, 0, 0, 0.2); border:1px solid rgba(255, 255, 255, 0.2); margin-top:6.4rem; position:relative;}
.section03 .info_wrap:before {content:''; display:block; position:absolute; left:-0.3rem; top:-0.3rem; right:-0.3rem; bottom:-0.3rem; background:url('/images/common/event/2026/deadlock/dot_w.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/dot_w.webp') 0 bottom no-repeat, url('/images/common/event/2026/deadlock/dot_w.webp') right 0 no-repeat, url('/images/common/event/2026/deadlock/dot_w.webp') right bottom no-repeat;}
.section03 .info_wrap:after {content:''; display:block; position:absolute; left:0.7rem; top:0.7rem; bottom:0.7rem; width:1rem; background:url('/images/common/event/2026/deadlock/obj_line.webp') 0 0 repeat-y; background-size:100% auto;}

.section03 .info_wrap .box {position:relative; letter-spacing:0.02em; background:url('/images/common/event/2026/deadlock/img_info.webp') right bottom no-repeat; background-size:4rem auto;}
.section03 .info_wrap .box .tit {font-size:23px; color:#ffffff; border-bottom:2px solid #fff; padding-bottom:1.5rem;}
.section03 .info_wrap .box .txt {padding-right:5rem; margin-top:1.5rem; font-size:20px; color:#aaaaaa; line-height:1.3; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}

.section04 {padding:0; position:relative; z-index:2;}
.section04 .character {display:flex;}
.section04 .character .cha_info {width:50%; background-repeat:no-repeat; background-position:0 0; background-size:cover; position: relative;}
.section04 .character .info {position:absolute; top:50%;}
.section04 .character .sort {font-size:70px; color:#ffffff; font-weight:600; text-transform: uppercase;}
.section04 .character .txt_area {position:relative; padding-top:1rem; background:url('/images/common/event/2026/deadlock/ptn.webp') 0 0 repeat, rgba(0, 0, 0, 0.7); max-width:400px;}
.section04 .character .txt_area:before {content:''; display:block; position:absolute; left:0; top:0; right:0; height:1rem; background:url('/images/common/event/2026/deadlock/line_db.webp') 0 0 repeat-x; background-size:auto 100%;}
.section04 .character .name {line-height:0.9; padding:0 7px; background:#fff; font-size:70px; color:#000000; text-transform: uppercase; font-weight:300; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section04 .character .desc {margin-top:4px; border:2px solid #ff8888; font-size:23px; color:#ffcccc; letter-spacing:0.02em; line-height:1.39; padding:0 1.2rem 1.2rem; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section04 .character .desc span {position:relative; display:block; margin:0 -1.2rem; padding:0 6px; color:#000000; text-shadow:none; background:#ff8888; text-transform: uppercase; margin-bottom:1.2rem;}
.section04 .character .desc span:before {content:''; display:block; position:absolute; bottom:0.8rem; width:2.8rem; height:0.8rem; background:url('/images/common/event/2026/deadlock/obj_slot01.webp') 0 0 no-repeat; background-size:100% auto;}
.section04 .character .deco {width: max-content; position:absolute; top:0; font-size:0; left:50%; transform:translate(-50%, 0);}
.section04 .character .deco .round {position:relative; width:35.2rem; height:35.2rem; display: inline-block; vertical-align:middle;}
.section04 .character .deco .round:before, .section04 .character .deco .round:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section04 .character .deco {animation:aim_drift 6s ease-in-out infinite;}
.section04 .character .cha_info02 .deco {animation-delay:-2.4s;}
.section04 .character .deco .round:before {animation:spin_cw 8s linear infinite;}
.section04 .character .deco .round:after {animation:spin_ccw 12s linear infinite;}
.section04 .character .deco .txt_img {display: inline-block; vertical-align:middle; padding:0 2.4rem;}

.section04 .character .cha_info01 {background-image:url('/images/common/event/2026/deadlock/bg_cha03.webp');}
.section04 .character .cha_info01 .info {right:11.5%; text-align:right; transform:translate(0, -54%);}
.section04 .character .cha_info01 .sort {text-shadow:0 0 1rem rgba(255, 136, 136, 0.5), 1px 0 0 #ff8888, -1px 0 0 #88ddff, 0 0 2px #000, 0 0 2rem rgba(0, 0, 0, 0.6);}
.section04 .character .cha_info01 .desc span:before {transform:scaleX(-1); left:0.8rem;}
.section04 .character .cha_info01 .deco {left:61.7%; top:24.9%; transform:translate(calc(-100% + 17.6rem), -50%); mix-blend-mode: plus-lighter;}
.section04 .character .cha_info01 .deco .round:before {background-image:url('/images/common/event/2026/deadlock/rotate_r01.webp');}
.section04 .character .cha_info01 .deco .round:after {background-image:url('/images/common/event/2026/deadlock/rotate_r02.webp');}

.section04 .character .cha_info02 {background-image:url('/images/common/event/2026/deadlock/bg_cha04.webp');}
.section04 .character .cha_info02 .info {left:11.5%; text-align:left; transform:translate(0, -30%);}
.section04 .character .cha_info02 .sort {text-shadow:0 0 1rem rgba(136, 221, 255, 0.5), 1px 0 0 #ff8888, -1px 0 0 #88ddff, 0 0 2px #000, 0 0 2rem rgba(0, 0, 0, 0.6);}
.section04 .character .cha_info02 .desc {border-color:#88ddff; color:#aaddff;}
.section04 .character .cha_info02 .desc span {background:#88ddff;}
.section04 .character .cha_info02 .desc span:before {right:0.8rem;}
.section04 .character .cha_info02 .deco {left:40%; top:26.6%; transform:translate(-17.6rem, -50%); mix-blend-mode: plus-lighter;}
.section04 .character .cha_info02 .deco .round:before {background-image:url('/images/common/event/2026/deadlock/rotate_b01.webp');}
.section04 .character .cha_info02 .deco .round:after {background-image:url('/images/common/event/2026/deadlock/rotate_b02.webp');}

.section05 {position:relative; z-index:2; background:url('/images/common/event/2026/deadlock/bg05.webp') center center no-repeat; background-size:cover;}
.section05 .motion_wrap {position:relative;}
.section05 .con {position:relative;}
.section05 .desc {position:relative; max-width:1440px; width:calc(100% - 860px); margin:0 auto;}
.section05 .name {z-index:1; position:absolute; top:9rem; left:0; right:0; font-size:48px; color:#fff; font-weight:700; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section05 .name span {font-weight:400; margin-left:1.8rem; position:relative; top:-3px; vertical-align:middle; font-size:23px; color:#fff; text-transform: uppercase; color:#000; text-shadow:-1px 0 0 #ff8888, 1px 0 0 #88ddff; display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 1.6rem; background:#cccccc; border:0.2rem solid #cccccc; box-shadow:inset 0 0 0 0.2rem #000;}
.section05 .name span:before {content:''; display:block; position:absolute; left:-1.2rem; top:0; width:0.4rem; height:1.6rem; background:#66bbff;}
.section05 .motion_wrap .box_3d {position: relative;}
.section05 .motion_wrap .item {width:100%; position:relative;}
.section05 .motion_wrap .item:after {content:''; display:block; padding-bottom:69.053%;}
.section05 .motion_wrap .item > div {width:100% !important; height:100% !important; position:absolute; top:0; left:0; display:none !important;}
.section05 .motion_wrap .item img, .section05 .motion_wrap .item canvas {width:100% !important; height:100% !important; position:absolute; top:0; bottom:0; left:0; right:0; display:none !important;}
.section05 .motion_wrap .swiper-slide.swiper-slide-active .item img, .section05 .motion_wrap .swiper-slide.swiper-slide-active .item canvas {display:block !important;}
.section05 .motion_wrap .swiper-slide.swiper-slide-active .item > div {display:block !important;}
.section05 .item_info {text-align:center; max-width:1720px; width:calc(100% - 1120px); word-break: break-word; margin:0 auto;}
.section05 .item_info .name {font-size:52px;}
.section05 .item_info .name font {display:inline-flex; align-items:center; justify-content:center; padding:0.4rem 2rem;}
.section05 .item_info .info {font-size:24px; margin-top:1rem;}
.section05 .img_3d {position:absolute; left:50%; bottom:8rem; transform:translateX(-50%); display:inline-block; font-size:26px; color:#aaaaaa; letter-spacing:0.02em; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section05 .img_3d img {position:relative !important; margin-right: 1.5rem; vertical-align: middle; top:-2px;}
.section05 .info {left:2.5%; position:absolute; top:50%; transform:translate(0, calc(-50% - 4.8rem)); font-size:26px; color:#fff; line-height:1.8; width: 340px; text-align: left; padding: 0 3.3rem;}
.section05 .info:before {content:''; display:block; position:absolute; left:0; top:0; width:0.4rem; bottom:0; background:rgba(255, 255, 255, 0.5);}
.section05 .info:after {content:''; display:block; position:absolute; left:0; top:0; width:1.2rem; bottom:0; background:url('/images/common/event/2026/deadlock/obj_2dot.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/obj_2dot.webp') 0 bottom no-repeat; background-size:100% auto;}
.section05 .info span {color:#999999;}
.section05 .info span:before {content:''; display:block; position:absolute; right:0; bottom:-4.8rem; width:5.6rem; height:1.6rem; background:url('/images/common/event/2026/deadlock/obj_weapon_w.webp') 0 0 no-repeat; background-size:100% auto;}

.stat_wrap {position:absolute; top:50%; transform:translate(0, calc(-50% - 4.8rem)); z-index: 1; width: 352px; padding:3.2rem; background:#ffffff; right:2.5%;}
.stat {position:relative;}
.stat ul {position:relative; width: 420px; max-width: 100%;}
.stat li {position:relative; font-size:0; text-align:left; margin-bottom:2rem;}
.stat .gr_info {font-size:20px; display:flex; align-items: center; justify-content: space-between; margin-bottom:1.1rem; text-transform:uppercase; font-weight: 600;}
.stat .txt {word-break:break-word;}
.stat .num {color:#004499; text-shadow:-1px 0 0 #ff8888, 1px 0 0 #88ddff; letter-spacing: 0.06rem; font-weight: 400;}
.stat .graph {width:100%; height:1.2rem; border-bottom:2px solid #000000;}
.stat li .bar {width:100%; height:100%; position:relative;}
.stat li .bar .on {height:100%; display:block; position:relative; font-size:0;}
.stat li .bar .on span {display:inline-block; height:100%; vertical-align:middle; width:100%; background:#000; position:relative;}
.stat li .bar .on span:before {content:''; display:block; position:absolute; right:-4px; top:-8px; width:8px; height:6px; background:url('/images/common/event/2026/deadlock/bar_on.webp') 0 0 no-repeat; background-size:100% auto;}
.stat li.no_graph {display:flex; align-items:center; justify-content:space-between;}
.stat li.no_graph .num {width:auto;}

.section05.animated .swiper-slide-active .info {animation:fade_l 0.4s 0.2s ease-out both;}
.section05.animated .swiper-slide-active .stat li .bar .on {animation:bar-fill 0.5s 0.3s ease-out both;}
.section05.animated .swiper-slide-active .stat li:nth-child(2) .bar .on {animation-delay:0.35s;}
.section05.animated .swiper-slide-active .stat li:nth-child(3) .bar .on {animation-delay:0.4s;}
.section05.animated .swiper-slide-active .stat li:nth-child(4) .bar .on {animation-delay:0.45s;}
.section05.animated .swiper-slide-active .stat li:nth-child(5) .bar .on {animation-delay:0.5s;}
.section05.animated .swiper-slide-active .stat li:nth-child(6) .bar .on {animation-delay:0.55s;}
.section05.animated .swiper-slide-active .stat li:nth-child(7) .bar .on {animation-delay:0.6s;}
.section05.animated .swiper-slide-active .stat li:nth-child(8) .bar .on {animation-delay:0.65s;}

.section05 .nav_wrap {background:url('/images/common/event/2026/deadlock/ptn.webp') 0 0 repeat, rgba(0, 0, 0, 0.05); position: relative; z-index:1;}
.section05 .nav_wrap:before {content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(255, 255, 255, 0.1); z-index:-1;}
.section05 .swiper-pagination {position:static; height:9.6rem; display:flex; max-width:1440px; margin:0 auto;}
.section05 .swiper-pagination .swiper-pagination-bullet {transition: all ease-in-out 0.2s; margin:0; border-radius:0; opacity:1; background:none; display:inline-flex !important; align-items:center; justify-content:center; position:relative; flex:1; width:auto; height:100%;}
.section05 .swiper-pagination .swiper-pagination-bullet span {transition: all ease-in-out 0.2s; font-size:26px; color:#fff; letter-spacing:0.02em; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section05 .swiper-pagination .swiper-pagination-bullet span:before {content:''; display:block; position:absolute; left:1.6rem; top:1.6rem; right:1.6rem; bottom:1.6rem; background:url('/images/common/event/2026/deadlock/obj_sl_nav_l.webp') 0 center no-repeat, url('/images/common/event/2026/deadlock/obj_sl_nav_r.webp') right center no-repeat; background-size:auto 100%;}
.section05 .swiper-pagination .swiper-pagination-bullet span:after {opacity:0; content:''; display:block; position:absolute; left:0; top:-1rem; width:6rem; height:0.8rem; background:url('/images/common/event/2026/deadlock/obj_sl_nav_on.webp') 0 0 no-repeat; background-size:100% auto;}
.section05 .swiper-pagination .swiper-pagination-bullet:hover {background:rgba(255, 255, 255, 0.05);}
.section05 .swiper-pagination .swiper-pagination-bullet:hover span {color:#99ddff;}
.section05 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffffff;}
.section05 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {color:#000; text-shadow: 1px 0 0 #f88, -1px 0 0 #8df;}
.section05 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span:before {opacity:0;}
.section05 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span:after {opacity:1;}

.section06 {z-index:2; position:relative; padding:9rem 0 9.6rem; background:url('/images/common/event/2026/deadlock/bg06_repeat.webp') 0 0 repeat, url('/images/common/event/2026/deadlock/bg06.webp') center center no-repeat; background-size:auto, cover;}
.section06 .inner {padding-left:9.6rem; padding-right:9.6rem; max-width:256rem;}
.section06 .sec_tit {position:absolute; text-align:left; left:8rem; top:9rem; max-width: 412px;}
.section06 .sec_tit .tit01 {max-width:100%; width:max-content; padding:0 1.5rem 2.4rem 1.2rem; font-size:70px; color:#ffffff; font-weight: 300; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; text-transform: uppercase; position:relative;}
.section06 .sec_tit .tit01:before {content:''; display:block; position:absolute; left:0; bottom:0; right:0; background:#fff; height:1px;}
.section06 .sec_tit .tit01:after {content:''; display:block; position:absolute; left:0; right:0; bottom:3px; height:0.6rem; background:url('/images/common/event/2026/deadlock/tit_obj01.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/tit_obj02.webp') right 0 no-repeat; background-size:auto 100%;}
.section06 .sec_tit .tit02 {word-break: break-word; padding:2rem 1.5rem 0; font-size:23px; color:#cccccc; letter-spacing:0.02em; text-shadow:0 0 2px #000; line-height:1.39;}

.section06 .preview {margin:0 auto 4.8rem; width: max-content; position:relative;}
.section06 .preview .item {width:640px; max-width:100%;}
.section06 .preview .pic {position:relative; width:100%; background:#fff;}
.section06 .preview .pic:after {content: ''; display: block; padding-bottom:68.75%;}
.section06 .preview .pic span {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.section06 .preview .pic img {max-width:100%; max-height: 100%;}
.section06 .preview img {display:none;}
.section06 .preview .name_wrap {display:flex; justify-content: space-between; align-items:center; width:100%; background:rgba(0, 0, 0, 0.5); min-height:64px; padding:10px 1.6rem 10px 3.2rem;}
.section06 .preview .name {text-align:left; padding-right:1.6rem; flex: 1; min-width: 0; word-break: break-word; font-size:23px; letter-spacing:0.02em; color:#fff; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section06 .preview .option {text-shadow: 1px 0 0 #ff8888, -1px 0 0 #88ddff; flex-shrink: 0; font-size:20px; letter-spacing:0.01em; font-weight:600; text-transform: uppercase; color:#000; display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 1.6rem; background:#cccccc; border:0.2rem solid #cccccc; box-shadow:inset 0 0 0 0.2rem #000;}
.section06 .preview .option:empty {display:none;}
.section06 .preview .info {position:absolute; left:0; top:0; transform: translate(calc(-100% - 1.6rem), 0); border:0.2rem solid #ffaaaa;}
.section06 .preview .info:after {content:''; display:block; position:absolute; right:0; bottom:-1.2rem; width:1.6rem; height:0.4rem; background:#ffaaaa;}
.section06 .preview .info .lv {gap:0.6rem; min-width:12.8rem; padding:0 1rem; text-transform:uppercase; font-size:34px; color:#660000; letter-spacing:0.08em; display:flex; align-items:center; justify-content:center; height:5.4rem; background-color: #ffaaaa;}
.section06 .preview .info .lv span {color:#000000;}
.section06 .preview .info .type {font-size:20px; color:#ffaaaa; letter-spacing:0.04em; text-transform:uppercase; display:flex; align-items:center; justify-content:center; min-height:30px; padding:5px; font-weight: 600;}

.section06 .preview .info.free {border-color:#aaddff;}
.section06 .preview .info.free:after {background:#aaddff;}
.section06 .preview .info.free .lv {background:#aaddff; color:#003366;}
.section06 .preview .info.free .type {color:#aaddff; letter-spacing:0.25em;}

.section06 .item_wrap {position:relative; z-index:4;}
.section06 .item_wrap .swiper_wrap {position:relative;}
.section06 .item_wrap .swiper_wrap .it_tit {width:3.2rem; font-size:20px; text-transform:uppercase; letter-spacing:0.04em; position:absolute; left:0; transform:translateX(calc(-100% - 2.7rem)); height:calc((100% - 0.6rem - 2.4rem - 24px) / 2); display:flex; align-items:center; justify-content:center;}
.section06 .item_wrap .swiper_wrap .it_tit.pre {top:0.3rem; color:#ffaaaa; background:rgba(255, 136, 136, 0.1); border:0.2rem solid #ffaaaa;}
.section06 .item_wrap .swiper_wrap .it_tit.free {bottom:0.3rem; color:#aaddff; background:rgba(170, 221, 255, 0.1); border:0.2rem solid #aaddff;}
.section06 .item_wrap .swiper_wrap .it_tit span {transform:rotate(-90deg);}
.section06 .item_wrap .swiper_wrap .swiper {overflow:hidden; padding:0.3rem 0;}
.section06 .item_wrap .item_list li {width:auto; min-width:15.2rem; position:relative; height:auto;}
.section06 .item_wrap .item_list li .con {position:relative; padding:0 4px; height:100%; display:flex; flex-direction:column;}
.section06 .item_wrap .item_list li .con .item_box {position:relative; z-index: 1; background:rgba(0, 0, 0, 0.2); flex:1; max-height:calc((100% - 2.4rem - 24px) / 2); border:1px solid rgba(255, 255, 255, 0.2);}
.section06 .item_wrap .item_list li .con .item_box:before {content:''; display:block; position:absolute; left:-0.3rem; top:-0.3rem; bottom:-0.3rem; right:-0.3rem; background-position:0 0, right 0, 0 bottom, right bottom; background-repeat:no-repeat; pointer-events:none;}
.section06 .item_wrap .item_list li .con .item_box:after {content:''; display:block; position:absolute; left:-0.1rem; top:50%; height:1.6rem; margin-top:-0.8rem; right:-0.1rem; background-position:0 center, right center; background-repeat:no-repeat; pointer-events:none;}
.section06 .item_wrap .item_list li .con .item_box .inbox {padding:1.1rem; height:100%;}
.section06 .item_wrap .item_list li .con .lv {font-size:17px; text-transform:uppercase; letter-spacing:0.1em; border:0.2rem solid #fff; padding:0.2rem; background:#000; position:relative; height:24px; margin:1.2rem 4px; display:flex; align-items:center; justify-content:space-between;}
.section06 .item_wrap .item_list li .con .lv font {background:#404040; flex:1; height:100%; color:#fff; text-align:left; padding:0 3px; font-weight: 600;}
.section06 .item_wrap .item_list li .con .lv span {flex-shrink: 0; min-width:3.8rem; padding:0 1.2rem 0 1.5rem; height:100%; color:#ffff66; text-align: center; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}
.section06 .item_wrap .item_list li .con .item_box .pic_wrap { width:100%; display:flex; align-items:center; justify-content:center; gap:8px;}
.section06 .item_wrap .item_list li .con .item_box .pic_wrap .item {flex:0 0 auto;}
.section06 .item_wrap .item_list li .con .item_box .pic {cursor: pointer; background:#fff; position:relative; flex:0 0 auto; width:12.8rem; height:8.8rem; display:flex; align-items:center; justify-content:center;}
.section06 .item_wrap .item_list li .con .item_box .pic img {max-width:100%; max-height:100%;}
.section06 .item_wrap .item_list li .con .name, .section06 .item_wrap .item_list li .con .option {display:none;}
.section06 .item_wrap .item_list li .con .item_box .pic:before {transition: all ease-in-out 0.2s; content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:0.2rem solid #ffaaaa; box-shadow:inset 0 0 0 0.2rem #000; opacity:0;}
.section06 .item_wrap .item_list li .con .item_box .pic:after {transition: all ease-in-out 0.2s; opacity:0; content:''; display:block; position:absolute; left:1rem; bottom:1rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/item_obj_r.webp'); width:0.8rem; height:3.4rem;}
.section06 .item_wrap .item_list li .con .item_box .pic:hover, .section06 .item_wrap .item_list li .con .item_box .item.on .pic {box-shadow:0 0 3rem rgba(255, 119, 119, 0.3);}
.section06 .item_wrap .item_list li .con .item_box .pic:hover:before, .section06 .item_wrap .item_list li .con .item_box .item.on .pic:before {opacity:1;}
.section06 .item_wrap .item_list li .con .item_box .pic:hover:after, .section06 .item_wrap .item_list li .con .item_box .item.on .pic:after {opacity:1;}

.section06 .item_wrap .item_list li .con .item_box.prem {border-bottom:2px solid #ffaaaa;}
.section06 .item_wrap .item_list li .con .item_box.prem:before {background-image:url('/images/common/event/2026/deadlock/dot_p.webp'), url('/images/common/event/2026/deadlock/dot_p.webp'), url('/images/common/event/2026/deadlock/dot_p.webp'), url('/images/common/event/2026/deadlock/dot_p.webp');}
.section06 .item_wrap .item_list li .con .item_box.prem:after {background-image:url('/images/common/event/2026/deadlock/bar_p.webp'), url('/images/common/event/2026/deadlock/bar_p.webp');}

.section06 .item_wrap .item_list li .con .item_box.free {border-top:2px solid #aaddff;}
.section06 .item_wrap .item_list li .con .item_box.free:before {background-image:url('/images/common/event/2026/deadlock/dot_b.webp'), url('/images/common/event/2026/deadlock/dot_b.webp'), url('/images/common/event/2026/deadlock/dot_b.webp'), url('/images/common/event/2026/deadlock/dot_b.webp');}
.section06 .item_wrap .item_list li .con .item_box.free:after {background-image:url('/images/common/event/2026/deadlock/bar_b.webp'), url('/images/common/event/2026/deadlock/bar_b.webp');}
.section06 .item_wrap .item_list li .con .item_box.free .pic:before {border:0.2rem solid #aaddff; box-shadow:inset 0 0 0 0.2rem #000;}
.section06 .item_wrap .item_list li .con .item_box.free .pic:after {background-image:url('/images/common/event/2026/deadlock/item_obj_b.webp');}
.section06 .item_wrap .item_list li .con .item_box.free .pic:hover, .section06 .item_wrap .item_list li .con .item_box.free .item.on .pic {box-shadow:0 0 3rem rgba(0, 153, 255, 0.3);}

.section06 .item_wrap .item_list li .con .item_box.no_item {display:none;}

.section06 .scrollbar_wrap {margin-top:4.8rem; position:relative; height:16px; padding:2px 9px; border:1px solid #cccccc; background:rgba(0, 0, 0, 0.2);}
.section06 .scrollbar_wrap:after {content:''; display:block; position:absolute; right:0; bottom:-1.2rem; width:1.6rem; height:0.4rem; background:#fff;}

.section06 .swiper-scrollbar-drag {height:10px; border-radius: 0; background:#eee; position:relative;}
.section06 .swiper-scrollbar-drag:before {content:''; display:block; position:absolute; right:0; top:-16px; width:30px; height:8px; background:url('/images/common/event/2026/deadlock/obj_arr.webp') 0 0 no-repeat; background-size:100% auto;}

.section06 .swiper-scrollbar {border-radius: 0; width: 100%; height:100%; position:relative; left:0; top:0; touch-action:none;}
.section06 .swiper-scrollbar-drag:after {content:''; position:absolute; left:-1rem; right:-1rem; top:-2rem; bottom:-1.6rem;}
.section06 .swiper-scrollbar:before, .section06 .swiper-scrollbar:after {content:''; display:block; position:absolute; top:-2px; bottom:-2px; width:7px; background:rgba(255, 255, 255, 0.2);}
.section06 .swiper-scrollbar:before {left:-9px; border-right:1px solid #ccc;}
.section06 .swiper-scrollbar:after {right:-9px; border-left:1px solid #ccc;}

.section06 .item_wrap .swiper-pagination {position:absolute; display:inline-block; bottom:-10.4rem; left:0; right:0; font-size:17px; display:none;}

.section06 .arr_wrap {position:absolute; top:-11rem; right:0; font-size:0;}
.section06 .item_wrap .swiper-button-next, .section06 .item_wrap .swiper-button-prev {font-size:0; display:inline-block !important; width:6.4rem; height:6.4rem; position:static; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section06 .item_wrap .swiper-button-next span, .section06 .item_wrap .swiper-button-prev span {font-size:0; color:transparent;}
.section06 .item_wrap .swiper-button-next svg, .section06 .item_wrap .swiper-button-prev svg {display:none;}
.section06 .item_wrap .swiper-button-prev {background-image:url('/images/common/event/2026/deadlock/btn_arr_l.webp');}
.section06 .item_wrap .swiper-button-next {background-image:url('/images/common/event/2026/deadlock/btn_arr_r.webp'); margin-left:8px;}
.section06 .item_wrap .swiper-button-next:hover, .section06 .item_wrap .swiper-button-prev:hover {background-position:0 100%;}
.section06 .item_wrap .swiper-button-next.swiper-button-disabled, .section06 .swiper-button-prev.swiper-button-disabled {}

.section07 {z-index:2; position:relative; padding:9.6rem 0; background:url('/images/common/event/2026/deadlock/bg07.webp') center center no-repeat; background-size:cover;}
.section07:before {content:''; display:block; position:absolute; left:3.2rem; top:3.2rem; bottom:3.2rem; right:3.2rem; background:url('/images/common/event/2026/deadlock/bg07_frame_lt.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/bg07_frame_rt.webp') right 0 no-repeat, url('/images/common/event/2026/deadlock/bg07_frame_lb.webp') 0 bottom no-repeat, url('/images/common/event/2026/deadlock/bg07_frame_rb.webp') right bottom no-repeat, url('/images/common/event/2026/deadlock/bg07_frame_m.webp') 0 center no-repeat, url('/images/common/event/2026/deadlock/bg07_frame_m.webp') right center no-repeat;}
.section07:after {content:''; display:block; position:absolute; left:5.7rem; top:5.5rem; bottom:5.5rem; right:5.7rem; background:url('/images/common/event/2026/deadlock/bg07_obj01.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/bg07_obj03.webp') right 0 no-repeat; mix-blend-mode: screen;}
.section07 .inner {max-width:1500px;}
.section07 .tit_wrap {position:relative; z-index:1; margin-bottom:5.2rem; mix-blend-mode: hard-light;}
.section07 .tit_wrap .tit01 {position:relative; padding:0 3rem 4px; font-size:70px; color:#fff; font-weight: 300; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; width: max-content; max-width:100%; margin:0 auto 6px;}
.section07 .tit_wrap .tit01:before {content:''; display:block; position:absolute; left:0; bottom:0; right:0; background:#fff; height:1px;}
.section07 .tit_wrap .tit01:after {content:''; display:block; position:absolute; left:0; right:0; bottom:3px; height:0.6rem; background:url('/images/common/event/2026/deadlock/tit_obj01.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/tit_obj02.webp') right 0 no-repeat; background-size:auto 100%;}
.section07 .tit_wrap .tit02 {font-size:23px; color:#cccccc; letter-spacing: 0.02em; text-shadow:0 0 2px #000;}

.section07 .sec_tit {position:relative; z-index:1; font-size:75px;}
.section07 .sec_tit span {display:block; width:fit-content; padding:1rem 3rem; position:relative; overflow:hidden; z-index:1; margin-top:8px; margin-left:auto; margin-right:auto;}
.section07 .sec_tit02 {margin-bottom:3rem; position:relative; z-index:1; font-size:26px; margin-top:2.4rem;}

.section07 .shop_area {position:relative; z-index:1; margin-bottom: 6.4rem;}
.section07 .shop_area > ul {font-size:0; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:auto 1fr auto 3.2rem auto 1fr auto; column-gap:3.2rem;}
.section07 .shop_area > ul > li {position:relative; display:grid; grid-template-rows:subgrid; grid-row:1 / span 3;}
.section07 .shop_area > ul > li:nth-child(n+3) {grid-row:5 / span 3;}
.section07 .shop_area .con {position:relative; display:grid; grid-template-rows:subgrid; grid-row:span 3;}
.section07 .shop_area .info {gap:0.6rem; background:url('/images/common/event/2026/deadlock/obj_arr_b.webp') left 1.2rem top 50% no-repeat, #151515; min-height:20px; padding:5px 48px; display:flex; align-items:center; justify-content:center; font-size:13px; color:#88ffff; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase;}
.section07 .shop_area .con .box {position:relative;}
.section07 .shop_area .con .box:after {content:''; display: block; padding-bottom:56.25%;}
.section07 .shop_area .desc {display:grid; grid-template-rows:subgrid; grid-row:span 2; background:url('/images/common/event/2026/deadlock/ptn.webp') 0 0 repeat, #88ffff; border:0.2rem solid #88ffff;}
.section07 .shop_area .name {gap:0.6rem; min-height:5rem; padding:4px 1.2rem 2px; font-size:26px; color:#000000; letter-spacing:0.02em; text-shadow: 0 0 1px #e9e, -1px 0 0 #1fa; text-transform: uppercase; display:flex; align-items:center; justify-content:center;}
.section07 .shop_area .sale {text-shadow:1px 0 0 #ffeeff, -1px 0 0 #11ffaa; font-size:34px; min-height:5.6rem; padding:5px 1.6rem; border:0.2rem solid #88ffff; box-shadow:inset 0 0 0 0.2rem #000;  background:url('/images/common/event/2026/deadlock/ptn.webp') 0 0 repeat , #88ffff; color:#000; text-transform:uppercase; display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; top:4px; right:4px;}
.section07 .shop_area .item {position:absolute; top:0; bottom:0; left:0; right:0; background:#000;}
.section07 .shop_area .item img {max-width:100%; max-height:100%;}

.section07 .go_shop {min-width:40rem; max-width:100%; height:8rem; position: relative; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);}
.section07 .go_shop:before {content:''; display:block; position:absolute; left:-4.4rem; top:50%; width:2.8rem; height:4.8rem; transform:translate(0, -50%); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/btn_shop_obj.webp');}
.section07 .go_shop:after {transition: all ease-in-out 0.2s; opacity:0; content:''; display:block; position:absolute; right:0; bottom:0; width:1.3rem; height:1.3rem; background:#a2a2a3; clip-path: polygon(100% 0, 100% 100%, 0 100%);}
.section07 .go_shop span {padding: 0 2.4rem; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.6rem), calc(100% - 1.6rem) 100%, 0 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); text-transform:uppercase; box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1); background:url('/images/common/event/2026/deadlock/ptn.webp') 0 0 repeat, rgba(255, 255, 255, 0.2); gap:6px; position: relative; z-index: 2; align-items:center; justify-content:center; display: inline-flex; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000; font-size:23px; color:#fff; letter-spacing:0.02em; width:100%; height:100%;}
.section07 .go_shop:hover {box-shadow: none;}
.section07 .go_shop:hover span {background:#fff; color:#000; box-shadow:none; filter: none; text-shadow: 1px 0 0 #f88, -1px 0 0 #8df;}
.section07 .go_shop:hover:after {opacity:1;}
.section07 .go_shop:hover:before {background-position: 0 100%;}

footer {width: 100%; padding:6.4rem 2.4rem; background:#000000; z-index:2; position:relative; font-size:12px; font-family:var(--rbt); color:#aaaaaa; text-transform: uppercase;}
footer > img {margin-bottom: 2rem;}
footer .logo {font-size:0; margin-bottom:2.4rem;}
footer .logo img {vertical-align:middle; margin:0 2rem;}
footer .footer {position: relative; z-index: 2;}
footer a {color:#ffdd00; font-family:var(--rbt);}
footer a:hover {text-decoration: underline;}
footer .footer .cs {color:#fff;}
footer .footer .copy {margin-top: 1.2rem; font-size:11px;}
footer .footer .age {margin-bottom:2rem;}
footer .footer .age img {max-width:6rem;}
footer .geo_credit {font-size:11px; letter-spacing:0.01em; font-family: 'Roboto'; text-transform: uppercase; margin-top:2.4rem;}
footer .geo_credit a {color:#fff; text-decoration: underline;}
footer .geo_credit a:hover {text-decoration: none;}

.sec_nav {position:fixed; top:50%; right:2.4rem; transform:translateY(-50%); z-index:11; interpolate-size: allow-keywords;}
.sec_nav li {margin-bottom:1.6rem; text-align:right; font-size:0;}
.sec_nav li:last-child {margin-bottom:0;}
.sec_nav a {transition:none; position:relative; vertical-align: middle; display: inline-block; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/bg_nav.webp'); width:16px; height:16px;}
.sec_nav span {position:relative; transition:all ease-in-out 0.2s; overflow:hidden; white-space:nowrap; max-width:0; padding:0; border-left:0 solid #88ffff; margin-right:0; text-transform:uppercase; vertical-align: middle; display: inline-block; font-size:17px; color:#88ffff; letter-spacing:0.06em; background:#000;}
.sec_nav li:hover span {max-width:max-content; padding:0 2px 0 6px; border-left-width:0.2rem; margin-right:6px;}
.sec_nav a:hover {background-position:0 50%;}
.sec_nav a:hover:before {content:''; display:block; position:absolute; top:-8px; left:-14px; width:8px; height:6px; background:url('/images/common/event/2026/deadlock/obj_arr_w.webp') 0 0 no-repeat;}

.sec_nav .on a {background-position:0 100%;}

.btn_top {transition: opacity 0.3s ease, visibility 0.3s ease; opacity:0; visibility:hidden; padding-top:0.8%; font-size:0; position:fixed; z-index:11; right:1.2rem; bottom:1.2rem; width:7.2rem; height:7.2rem; display:flex; align-items:center; justify-content:center; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/btn_top.webp');}
.btn_top.on {opacity:1; visibility:visible;}
.btn_top span {font-size:11px; color:#ffffff; letter-spacing:0.1em; text-transform:uppercase; text-shadow: 1px 0 0 rgba(204, 51, 51, 0.8), -1px 0 0 rgba(0, 102, 204, 0.8), 0 0 2px #000;}

/* pop-up */
body.pop_open {overflow:hidden;}
.dimmed {display:none; width: 100%; height: 100%; background:url('/images/common/event/2026/deadlock/ptn_pop.webp') 0 0 repeat; position: fixed; left: 0; top: 0; z-index: 99;}
.pop-up {display:none;}
.pop-up .pop-layout {left:50%; top:50%; width:100%; transform:translate(-50%, -50%); position: fixed; z-index:100; max-width:1200px;}
.pop-up .pop-layout:after {content:''; display:block; padding-bottom:56.25%;}
.pop-up .pop-close {transition:none; z-index:99; font-size:0; position:fixed; right: 3.6rem; top:3.6rem; width:6.4rem; height:6.4rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/deadlock/pop_close.webp');}
.pop-up .pop-close:hover {background-position:0 100%;}
.pop-up .video_wrap {position:absolute; top:0; bottom:0; left:0; right:0;}
.pop-up .video_wrap .video {overflow: hidden; position: relative; width: 100%; height:100%; top:0;}
.pop-up .video_wrap .video iframe {position: absolute; top:0; left: 0; width: 100% !important; height:100% !important;}

@media screen and (max-width: 2480px) {
    .section02 .inner {background: none;}
}

@media screen and (max-width: 2200px) {
.cha01 {left:-10%;}
.cha02 {right:-10%;}

.section03:before {background: url(/images/common/event/2026/deadlock/bg03_obj01.webp) 4.8rem 4.8rem no-repeat, url(/images/common/event/2026/deadlock/bg03_obj02.webp) right 4.8rem bottom 4.8rem no-repeat;}
}

@media screen and (max-width: 1900px) {
.section01 .cha {height:100%;}

.section05 .name {top:6rem;}
.section05 .info {transform:translate(0, calc(-50% - 3.6rem));}
.section05 .info {font-size:22px; width: 310px;}
.section05 .desc {width: calc(100% - 720px);}
.section05 .img_3d {bottom:5rem;}
.section05 .swiper-pagination {height:7.2rem;}
.stat_wrap {transform:translate(0, calc(-50% - 3.6rem));}
.stat_wrap {padding:2rem; width:280px;}
.stat .gr_info {font-size:16px;}
.stat li {margin-bottom:1rem;}

.section06 .sec_tit {left:3.6rem;}

.sec_nav {right:1.2rem;}
}

@media screen and (max-width: 1720px) {
.section04 .character .deco .round {width:24rem; height:24rem;}
.section04 .character .cha_info01 .deco {transform:translate(calc(-100% + 12rem), -50%);}
.section04 .character .cha_info02 .deco {transform:translate(-12rem, -50%);}

.section06 .sec_tit {position:static; margin-bottom:5rem; text-align: center; max-width:none;}
.section06 .sec_tit .tit01 {margin-left:auto; margin-right:auto; padding-bottom:4px; margin-bottom:6px;}
.section06 .sec_tit .tit01 br {display:none;}
.section06 .sec_tit .tit02 {padding-top:0;}
}

@media screen and (max-width: 1560px) {
.cha01 {left:-15%;}
.cha02 {right:-15%;}
.section01 .cha {height:90%;}

.section03 .tit_wrap .tit01, .section06 .sec_tit .tit01, .section07 .tit_wrap .tit01 {font-size:60px;}
.section03 .tit_wrap .tit02, .section06 .sec_tit .tit02, .section07 .tit_wrap .tit02 {font-size:21px;}
.section03:before {background: url(/images/common/event/2026/deadlock/bg03_obj01.webp) 2.4rem 2.4rem no-repeat, url(/images/common/event/2026/deadlock/bg03_obj02.webp) right 2.4rem bottom 2.4rem no-repeat; background-size: 7rem auto, 7rem auto;}
.section03 .slot_wrap .tit {font-size:38px;}
.section03 .slot_wrap .tit .label {font-size:36px;}
.section03 .slot_wrap .tit .count font {font-size:31px;}
.section03 .slot_wrap .txt {font-size:20px;}
.section03 .slot_wrap .detail .name {font-size:24px;}
.section03 .info_wrap .box .tit {font-size:21px;}
.section03 .info_wrap .box .txt {font-size:19px;}

.section04 .character .info img {width:9rem;}
.section04 .character .sort, .section04 .character .name {font-size:50px;}
.section04 .character .desc {font-size:18px;}
.section04 .character .txt_area {max-width:300px;}
.section04 .character .cha_info01 .info {right:4%;}
.section04 .character .cha_info02 .info {left:4%;}
.section04 .character .deco .txt_img {display:none;}
.section04 .character .deco .round {width:20rem; height:20rem;}
.section04 .character .cha_info01 .deco {transform:translate(-50%, -50%);}
.section04 .character .cha_info02 .deco {transform:translate(-50%, -50%);}

.section05 .name {font-size:32px; top:3.6rem;}
.section05 .name span {font-size:18px; height:36px;}
.section05 .info {font-size:18px; padding:0 2.4rem; width:240px;}
.section05 .info br {display: none;}
.section05 .desc {width: calc(100% - 600px);}
.section05 .img_3d {bottom:3rem; font-size:20px;}
.stat_wrap {width:260px;}
.stat li {margin-bottom:7px;}
.stat .gr_info {font-size:14px;}

.section06 .inner {padding-left:6rem; padding-right:6rem;}
.section06 .preview .item {width:500px;}
.section06 .preview .name {font-size:21px;}
.section06 .preview .info .lv {font-size:30px;}

.section07 .shop_area .name {font-size:24px;}
.section07:before {top:0; bottom:0; right:0; left:0; background: url(/images/common/event/2026/deadlock/bg07_frame_lt.webp) 1.6rem 1.6rem no-repeat, url(/images/common/event/2026/deadlock/bg07_frame_rt.webp) right 1.6rem top 1.6rem no-repeat, url(/images/common/event/2026/deadlock/bg07_frame_lb.webp) left 1.6rem bottom 1.6rem no-repeat, url(/images/common/event/2026/deadlock/bg07_frame_rb.webp) right 1.6rem bottom 1.6rem no-repeat, url(/images/common/event/2026/deadlock/bg07_frame_m.webp) 0 center no-repeat, url(/images/common/event/2026/deadlock/bg07_frame_m.webp) right center no-repeat;}
.section07:after {left: 4rem; top: 4rem; bottom: 4rem; right: 4rem;}

.pop_video .pop-layout {width: 60%;}
}

@media screen and (max-width: 1360px) {
.cha01 {width:50%;}
.cha02 {width:44%;}

.section01 {height:auto; max-height:none; padding:25rem 0;}
.section01 .title_wrap {padding:0; width:44%;}
.section01 .cha {height:auto; top:auto; bottom:0;}

.section03 .slot_wrap .wrap {gap:0 8rem;}
}

@media screen and (max-width: 1280px) {
.section03 .tit_wrap .tit01, .section06 .sec_tit .tit01, .section07 .tit_wrap .tit01 {font-size:52px;}
.section03 .tit_wrap .tit02, .section06 .sec_tit .tit02, .section07 .tit_wrap .tit02 {font-size:20px;}
.section03 .slot_wrap .tit {font-size:34px; min-height:48px;}
.section03 .slot_wrap .tit .label {font-size:32px;}
.section03 .slot_wrap .tit .count font {font-size:28px;}
.section03 .slot_wrap .txt {font-size:16px;}
.section03 .slot_wrap .detail .name {font-size:18px; min-height:46px;}
.section03 .slot_wrap .slot {font-size:18px;}
.section03 .slot_wrap .slot .count font {font-size:16px;}
.section03 .tip {font-size:16px;}
.section03 .info_wrap .box .tit {font-size:20px;}
.section03 .info_wrap .box .txt {font-size:18px;}

.section04 .character .info img {width:7rem;}
.section04 .character .sort, .section04 .character .name {font-size:40px;}
.section04 .character .desc {font-size:16px;}
.section04 .character .txt_area {max-width:280px;}
.section04 .character .deco .round {width:14rem; height:14rem;}

.section05 {padding:9rem 0 0;}
.section05 .name {position:relative; top:auto; margin:0 3rem;}
.section05 .name span {display:flex; margin-left: 0; margin-top:1.6rem;}
.section05 .desc {width:100%; max-width:670px;}

.section05 .name span:before {left:0; top:-3rem;}
.section05 .info {position:relative; left: auto; transform: none; top:auto; width:auto; margin:1.6rem 3rem -4.5rem; padding: 1.5rem 2.4rem 6rem; background: url(/images/common/event/2026/deadlock/obj_weapon_w.webp) right bottom no-repeat;}
.section05 .info:after, .section05 .info:before {bottom:4.5rem;}
.section05 .info span:before {content:''; display:block; position:absolute; right:0; top:0; height:auto; width:0.4rem; bottom:4.5rem; background:rgba(255, 255, 255, 0.5);}
.section05 .info span:after {content:''; display:block; position:absolute; right:0; top:0; width:1.2rem; bottom:4.5rem; background:url('/images/common/event/2026/deadlock/obj_2dot.webp') 0 0 no-repeat, url('/images/common/event/2026/deadlock/obj_2dot.webp') 0 bottom no-repeat; background-size:100% auto;}

.section05 .img_3d {position:relative; bottom:3rem;}

.stat_wrap {position:relative; width: auto; right:auto; transform: none; top:auto; padding:4.8rem 3.2rem 9.6rem;}
.stat ul {width:auto; gap:3.2rem; display:flex; flex-wrap:wrap; column-gap:2.4rem;}
.stat li {display:inline-block; width:calc(50% - 1.6rem); margin-bottom:0; width:calc(50% - 1.2rem);}
.stat .gr_info {font-size:20px; margin-bottom:11px;}
.stat li:nth-last-child(-n+2) {margin-bottom:0;}

.section05 .motion_wrap .swiper-slide {height:auto; display:flex;}
.section05 .motion_wrap .swiper-slide > .con {display:flex; flex-direction:column; width:100%;}
.section05 .motion_wrap .stat_wrap {flex:1 0 auto;}

.section06 .inner {padding-left:3rem; padding-right:3rem;}
.section06 .preview .name {font-size:20px;}
.section06 .preview .info .lv {font-size:26px;}
.section06 .arr_wrap {display:none;}
.section06 .item_wrap {padding-left:2rem;}
.section06 .item_wrap .swiper_wrap .it_tit {transform: translateX(calc(-100% - 1.6rem));}

.section07 .shop_area > ul {column-gap:2.4rem;}
.section07 .shop_area .name {font-size:22px;}

.sec_nav {display:none;}
}

@media screen and (max-width: 1023px) {
header {text-align:center;}

.obj07 {max-width:30rem; left:2.4rem; bottom:2.4rem;}
.obj_scan {animation-name:obj_scan_move_m; animation-duration:6s; top: 18%;}
.obj_scan img {left:50cqw; top:14cqh;}

.cha01 {width:84%; left:-38%;}
.cha02 {width:75%; right:-38%;}

.section01 {padding: 60% 0 20%;}
.section01:after {border:none; background:url(/images/common/event/2026/deadlock/bg01_obj_lm.webp) 0 center no-repeat, url(/images/common/event/2026/deadlock/bg01_obj_rb_m.webp) right 0 no-repeat, url(/images/common/event/2026/deadlock/bg01_obj_mt.webp) center bottom no-repeat; background-size: 4.8rem auto, 7.2rem auto, 39.8rem auto;}
.section01 .title_wrap {width:48%;}

.section03 .tit_wrap .tit01, .section06 .sec_tit .tit01, .section07 .tit_wrap .tit01 {font-size:44px;}
.section03 .tit_wrap .tit02, .section06 .sec_tit .tit02, .section07 .tit_wrap .tit02 {font-size:18px;}
.section03 .slot_wrap .wrap {grid-template-columns:minmax(0, 1fr);}
.section03 .slot_wrap .slot02 {margin-top:10rem;}
.section03 .slot_wrap .tit {font-size:30px;}
.section03 .slot_wrap .tit .label {font-size:28px;}
.section03 .slot_wrap .tit .count font {font-size:25px;}
.section03 .slot_wrap .txt {font-size:17px;}
.section03 .slot_wrap .detail .name {font-size:20px;}
.section03 .slot_wrap .slot {font-size:16px;}
.section03 .slot_wrap {max-width:480px; margin-left:auto; margin-right: auto;}
.section03 .info_wrap .box .tit {font-size:18px;}
.section03 .info_wrap .box .txt {font-size:16px;}

.section04 .character {display:block;}
.section04 .character .cha_info {width:100%;}
.section04 .character .cha_info img {max-width:70%;}
.section04 .character .cha_info01 .info {right:3.2rem; bottom:3.2rem; transform:none; top:auto;}
.section04 .character .cha_info02 .info {left:3.2rem; bottom:3.2rem; transform:none; top:auto;}
.section04 .character .cha_info01 .deco {left:58.2%;}
.section04 .character .cha_info02 .deco {left:43%;}

.section05 .name {font-size:32px;}
.section05 .name span {font-size:18px; height:32px;}
.section05 .info {font-size:20px;}
.section05 .img_3d {font-size:20px;}
.section05 .swiper-pagination .swiper-pagination-bullet span {font-size:20px;}

.section06 .preview {width:auto;}
.section06 .preview .item {margin:0 auto;}
.section06 .preview .info:after {display:none;}
.section06 .preview .info {font-weight:700; background:#ffaaaa; position:static; transform:none; width:500px; max-width:100%; margin:0 auto 2px; display:flex; align-items:center; justify-content:center; gap:0.6rem; min-height:4.6rem; padding:1rem 2rem;}
.section06 .preview .info .lv {display:block; height:auto; background:none; padding:0; min-height:0; min-width:0; font-size:23px;}
.section06 .preview .info .type {display:block; color:#000; padding:0; min-height:0; font-size:23px;}
.section06 .preview .info.free {background:#aaddff;}
.section06 .preview .info.free .type {color:#000; letter-spacing: 0.02em;}
.section06 .item_wrap .item_list li .con .lv {font-size:16px;}
.section06 .item_wrap .swiper_wrap .it_tit {font-size:16px;}

.section07 .shop_area .name {font-size:20px;}

.pop-up .pop-close {top:3rem; right:3rem;}
.pop_video .pop-layout {width:80%;}
}

/*** max-width 768 ***/
@media screen and (max-width: 768px) {
html {font-size:32%;}
.mobile {display:block;}

header .bi img {max-width:24rem;}

.inner {padding-left:5rem; padding-right:5rem;}

.obj07 {max-width:47.4rem;}
.obj08 {max-width:24rem;}

.cha01 {width:94%; left:-44%;}
.cha02 {width:84%; right:-44%;}

.section01 {padding-top:70%;}
.section01 .title_wrap {width:60%;}
.section01 .title_wrap .date {font-size:3.3rem;}

.section02 {height:auto; max-height:none; padding-bottom:8rem;}
.section02 .inner {display:block; height:auto; background-size: 5px auto;}
.section02 .vod_area {margin:9rem auto;}
.section02 .info_area .tit {font-size:7rem; font-weight:400;}
.section02 .pass_wrap .for {display:block; width: max-content; max-width: 100%; margin-top:1rem;}
.section02 .info_area .txt {font-size:3rem; line-height:1.3;}
.section02 .pass_wrap .tit_wrap {font-size:4rem; margin-bottom:1rem;}
.section02 .pass_wrap .txt {font-size:2.9rem;}

.section03 .tit_wrap .tit01, .section06 .sec_tit .tit01, .section07 .tit_wrap .tit01 {font-size:6rem;}
.section03 .tit_wrap .tit02, .section06 .sec_tit .tit02, .section07 .tit_wrap .tit02 {font-size:3rem; line-height:1.3;}
.section03 .slot_wrap {margin-top:4rem;}
.section03 .slot_wrap .tit {font-size:3.9rem; min-height:7rem;}
.section03 .slot_wrap .tit .count {width:9rem; font-size:2rem; padding-top:0.4rem;}
.section03 .slot_wrap .tit .count font {font-size:3.4rem; margin-top:0.4rem;}
.section03 .slot_wrap .tit .label {font-size:4rem;}
.section03 .slot_wrap .txt {font-size:2.6rem;}
.section03 .slot_wrap .txt span {min-height:4.4rem; padding:0.6rem 1.2rem;}
.section03 .slot_wrap .list li {padding:6.2rem 2.4rem 0.2rem;}
.section03 .slot_wrap .detail {margin:0 -2.2rem;}
.section03 .slot_wrap .detail .name {font-size:2.9rem; min-height:6.6rem;}
.section03 .slot_wrap .img {margin:0 auto 3rem;}
.section03 .slot_wrap .slot {min-height:3.4rem; font-size:2.5rem;}
.section03 .slot_wrap .slot .count {min-width:3.4rem; padding:0 0.4rem;}
.section03 .slot_wrap .slot .count font {font-size:2.5rem;}
.section03 .list03 .tip_wrap {width:5.5rem; height:5.5rem; top:-6rem;}
.section03 .tip {font-size:2.4rem;}
.section03 .info_wrap {margin-top:5rem;}
.section03 .info_wrap .box .tit {font-size:3rem; line-height:1.3;}
.section03 .info_wrap .box .txt {font-size:2.6rem;}

.section04 .character .cha_info img {max-width:100%;}
.section04 .character .cha_info01 .deco {left:61%;}
.section04 .character .cha_info02 .deco {left:40%;}
.section04 .character .info img {width: 13.7rem;}
.section04 .character .sort, .section04 .character .name {font-size:7.9rem;}
.section04 .character .desc {font-size:3.2rem;}
.section04 .character .deco .round {width:28rem; height:28rem;}

.section05 .name {font-size:5.7rem; padding:0 1rem;}
.section05 .name span {font-size:3.2rem; margin-left:-1rem; margin-right:-1rem;}
.section05 .info {font-size:3rem; line-height:1.4; background-size:5.6rem auto;}
.section05 .desc {width:100%;}
.section05 .img_3d {font-size:2.9rem;}
.section05 .img_3d img {width:4.4rem; margin-right:1rem;}
.section05 .swiper-pagination {height:9.6rem;}
.section05 .swiper-pagination .swiper-pagination-bullet span {font-size:3rem; padding: 0 2rem;}

.stat_wrap {}
.stat .gr_info {font-size:2.9rem;}
.stat li .bar .on span:before {top:-7px;}

.section06 .sec_tit {margin-bottom:4rem;}
.section06 .sec_tit .tit01 {padding:0 1.5rem 2rem 1.2rem;}
.section06 .sec_tit .tit02 {padding:1.6rem 1.2rem 0;}
.section06 .preview {margin-bottom:4rem;}
.section06 .preview .info .lv {font-size:3.2rem;}
.section06 .preview .info .type {font-size:3.2rem;}
.section06 .preview .name {font-size:3.2rem; line-height: 1.1;}
.section06 .preview .name_wrap {min-height:48px;}
.section06 .preview .option {font-size:2.9rem; height:28px;}
.section06 .item_wrap .swiper_wrap .it_tit {font-size:2rem; height:calc((100% - 0.6rem - 2.4rem - 3.4rem) / 2); padding-right:1px;}
.section06 .item_wrap .item_list li .con .item_box {max-height:calc((100% - 2.4rem - 3.4rem) / 2);}
.section06 .item_wrap .item_list li .con .lv {height:3.4rem; font-size:2.4rem;}
.section06 .item_wrap .item_list li .con .lv span {padding:1px 1rem 0 1.2rem;}
.section06 .item_wrap .swiper_wrap .it_tit {transform: translateX(calc(-100% - 1rem));}
.section06 .item_wrap .item_list li .con .item_box .pic {width:100px; height:68px;}

.section06 .scrollbar_wrap {margin-top:4rem; height:2.2rem; padding:0.3rem 1.2rem;}
.section06 .swiper-scrollbar-drag {height:1.4rem;}
.section06 .swiper-scrollbar-drag:before {width:3.8rem; height:1rem; top:-2rem;}
.section06 .swiper-scrollbar:before, .section06 .swiper-scrollbar:after {top:-0.3rem; bottom:-0.3rem; width:0.9rem;}
.section06 .swiper-scrollbar:before {left:-1.2rem;}
.section06 .swiper-scrollbar:after {right:-1.2rem;}
.section06 .arr_wrap {top:-12rem;}
.section06 .item_wrap .swiper-button-next, .section06 .item_wrap .swiper-button-prev {width:9.6rem; height:9.6rem;}
.section06 .item_wrap .item_list li .con .item_box:before {background-size:0.4rem auto;}
.section06 .item_wrap .item_list li .con .item_box:after {background-size:0.2rem auto;}

.section07:before {background-size:6.4rem auto, 6.4rem auto, 6.4rem auto, 6.4rem auto, 0.8rem auto, 0.8rem auto;}
.section07:after {background-size:5.2rem auto, 32rem auto;}
.section07 .shop_area > ul {display:block;}
.section07 .shop_area > ul > li {display:block; margin-bottom:4rem;}
.section07 .shop_area > ul > li:last-child {margin-bottom:0;}
.section07 .shop_area .con {display:block;}
.section07 .shop_area .desc {display:block;}
.section07 .shop_area .info {font-size:2.2rem;}
.section07 .shop_area .name {font-size:3.5rem;}
.section07 .go_shop span {font-size:3.2rem;}
.section07 .shop_area .sale {font-size:3.2rem;}

footer > img {width:100px;}
footer .logo img {height:3.6rem;}
footer .footer {position: relative; z-index: 2;}

.btn_top {width:10rem; height:10rem; padding-top:3%;}
.btn_top span {font-size:2rem;}
.sec_nav {right:1.6rem;}
.sec_nav li {margin-bottom:1.2rem;}

.pop_video .pop-layout {width:75%;}
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 500px) {
.section02 .info_area .txt br {display:none;}
.section03 .info_wrap .box .txt br {display:none;}
.section04 .character .deco .round {width:22rem; height:22rem;}
}

@media screen and (max-width: 370px) {
.section03 .slot_wrap .tit .label {font-size:3rem;}
.section03 .slot_wrap .detail .name {font-size:2.3rem;}
}

@media screen and (min-width:1023px) and (max-height:890px) {
.obj_scan {animation-name:obj_scan_move;}
.obj_scan img {left:min(calc(50cqw + 550 * var(--scan-s)), calc(100cqw - 230 * var(--scan-s))); top:calc(50cqh + 192 * var(--scan-s));}

.cha01 {left:-12%;}
.cha02 {right:-12%;}

.section01 {height: 100vh; max-height: 1080px;}
.section01 .title_wrap {width:34%;}
.section01 .cha {height:90%; width:auto;}
}

@media screen and (min-width:1280px) and (max-height:890px) {
.cha01 {left:-6%;}
.cha02 {right:-6%;}
}

@keyframes obj_scan_move {
0%, 3.3% {translate:calc(-998 * var(--scan-mv)) calc(-332 * var(--scan-mv));}
8.3%, 11.7% {translate:calc(-758 * var(--scan-mv)) calc(-379 * var(--scan-mv));}
16.7%, 20% {translate:calc(-831 * var(--scan-mv)) calc(-236 * var(--scan-mv));}
25%, 28.3% {translate:calc(-981 * var(--scan-mv)) calc(-223 * var(--scan-mv));}
33.3%, 36.7% {translate:calc(-1168 * var(--scan-mv)) calc(0 * var(--scan-mv));}
41.7%, 45% {translate:calc(-920 * var(--scan-mv)) calc(-45 * var(--scan-mv));}
50%, 53.3% {translate:calc(-975 * var(--scan-mv)) calc(63 * var(--scan-mv));}
58.3%, 61.7% {translate:calc(-1154 * var(--scan-mv)) calc(180 * var(--scan-mv));}
66.7%, 70% {translate:calc(-150 * var(--scan-mv)) calc(-85 * var(--scan-mv));}
75%, 78.3% {translate:calc(150 * var(--scan-mv)) calc(-85 * var(--scan-mv));}
83.3%, 86.7% {translate:calc(150 * var(--scan-mv)) calc(85 * var(--scan-mv));}
91.7%, 95% {translate:calc(-150 * var(--scan-mv)) calc(85 * var(--scan-mv));}
100% {translate:calc(-998 * var(--scan-mv)) calc(-332 * var(--scan-mv));}
}

@keyframes obj_scan_move_m {
0%, 10%, 100% {translate:-8cqw -2cqh;}
25%, 35% {translate:8cqw -2cqh;}
50%, 60% {translate:8cqw 2cqh;}
75%, 85% {translate:-8cqw 2cqh;}
}

@keyframes obj_scan_rotate {
0% {transform:translate(-50%, -50%) rotate(0deg);}
25% {transform:translate(-50%, -50%) rotate(160deg);}
50% {transform:translate(-50%, -50%) rotate(0deg);}
75% {transform:translate(-50%, -50%) rotate(160deg);}
100% {transform:translate(-50%, -50%) rotate(0deg);}
}

@keyframes float_y {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-1.6rem);}
}

@keyframes spin_cw {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@keyframes spin_ccw {
0% {transform:rotate(0deg);}
100% {transform:rotate(-360deg);}
}

@keyframes vod_pulse {
0%, 100% {transform:scale(1);}
50% {transform:scale(1.06);}
}

@keyframes bar-fill {
0% {max-width:0;}
100% {max-width:100%;}
}

@keyframes clash_l {
0% {opacity:0; transform:translateX(-18%);}
60% {opacity:1; transform:translateX(2.5%);}
80% {transform:translateX(-1.2%);}
100% {transform:translateX(0);}
}

@keyframes clash_r {
0% {opacity:0; transform:translateX(18%);}
60% {opacity:1; transform:translateX(-2.5%);}
80% {transform:translateX(1.2%);}
100% {transform:translateX(0);}
}

@keyframes stance_l {
0%, 100% {transform:translateX(0);}
50% {transform:translateX(1.2%);}
}

@keyframes stance_r {
0%, 100% {transform:translateX(0);}
50% {transform:translateX(-1.2%);}
}

@keyframes title_slam {
0% {opacity:0; transform:scale(2.6);}
55% {opacity:1; transform:scale(0.96);}
75% {transform:scale(1.03);}
100% {transform:scale(1);}
}

@keyframes aim_drift {
0%, 100% {translate:0 0;}
18% {translate:1.2rem -1rem;}
34% {translate:-0.9rem -0.7rem;}
55% {translate:-1.2rem 1rem;}
76% {translate:0.9rem 0.8rem;}
}

@keyframes fade_l {
0% {opacity:0; translate:-100% 0;}
100% {opacity:1; translate:0 0;}
}

@keyframes eft_flicker {
0%, 30%, 70%, 100% {opacity:1;}
50% {opacity:0.35;}
}