@font-face{font-family:"ENG";src:url("../font/ENG.ttf") format("truetype")}@font-face{font-family:"KOR";src:url("../font/KOR.ttf") format("truetype")}@font-face{font-family:"JPN";src:url("../font/JPN.ttf") format("truetype")}@font-face{font-family:"CHN";src:url("../font/CHN.ttf") format("truetype")}html{min-width:1680px;font-size:8px;font-family:"Noto Sans",sans-serif;background-color:#000}html .wv{font-family:"ENG",sans-serif}html:lang(en) .wv{font-family:"ENG",sans-serif}html:lang(ko){font-family:"Noto Sans","Noto Sans KR",sans-serif}html:lang(ko) .wv{font-family:"KOR",sans-serif}html:lang(ja){font-family:"Noto Sans","Noto Sans JP",sans-serif}html:lang(ja) .wv{font-family:"JPN",sans-serif}html:lang(zh-CN){font-family:"Noto Sans","Noto Sans SC",sans-serif}html:lang(zh-CN) .wv{font-family:"CHN",sans-serif}html:lang(zh-TW){font-family:"Noto Sans","Noto Sans TC",sans-serif}html:lang(zh-TW) .wv{font-family:"CHN",sans-serif}@media(max-width: 1280px){html{min-width:unset;font-size:7px}}@media(max-width: 768px){html{font-size:5px}}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}button,label{all:unset}input{all:unset}input[type=checkbox]{appearance:auto}span{word-break:break-word}ul{all:unset;display:flex;flex-direction:column;list-style-type:disc;list-style-position:outside;padding-left:2.5rem}table{width:100%}table tr{display:flex}table th,table td{flex:1;box-sizing:border-box}table thead,table tbody,table tfoot{display:flex;flex-direction:column}.loading{z-index:6;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.loading-spinner{width:6rem;height:6rem;animation:loading-spinner 1s linear infinite}@keyframes loading-spinner{100%{transform:rotate(360deg)}}.loading-circle{fill:none;stroke:#6e1c5a;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;transform-origin:50% 50%;animation:loading-circle 1.2s ease-in-out infinite}@keyframes loading-circle{0%{stroke-dashoffset:150}50%{stroke-dashoffset:37.5;transform:rotate(45deg)}100%{stroke-dashoffset:150;transform:rotate(360deg)}}.loading.active{display:flex}.portrait{position:relative;aspect-ratio:4/4;background-image:url("/img/characters/portrait_base_bg.png");background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden}.portrait-top,.portrait-bottom{z-index:1;position:absolute;display:flex}.portrait-top{top:.5rem;left:.5rem;width:calc(100% - 1rem);align-items:flex-start;justify-content:space-between}.portrait-bottom{bottom:1rem;left:1rem;width:calc(100% - 2rem);gap:.5rem;align-items:center}.portrait__thumb{z-index:1;position:absolute;top:-0.35rem;left:50%;width:calc(100% - .2rem);transform:translateX(-50%)}.portrait__thumb img{width:100%}.portrait__frame{z-index:1;position:absolute;top:0;left:0;width:100%;transform:scale(1.15)}.portrait__frame img{width:100%}.portrait__star{flex:1;display:flex;gap:.2rem}.portrait__star svg{width:13.54%;fill:#e6e6e6}.portrait__star--1 svg:nth-child(-n+1){fill:#ffd940}.portrait__star--2 svg:nth-child(-n+2){fill:#ffd940}.portrait__star--3 svg:nth-child(-n+3){fill:#ffd940}.portrait__star--4 svg:nth-child(-n+4){fill:#ffd940}.portrait__star--5 svg:nth-child(-n+5){fill:#ffd940}.portrait__star--6 svg:nth-child(-n+6){fill:#ffd940}.portrait__like{width:16.88%;opacity:0}.portrait__like svg{width:100%}.portrait__like.active{opacity:1}.portrait__like.active svg{fill:#ff0404}.portrait__trait{width:28.66%}.portrait__trait svg{width:100%;fill:#fff}.portrait__trait svg circle{fill:#000}.portrait__level{position:absolute;bottom:-0.5rem;right:-0.8rem;width:50%;line-height:2rem;color:#fff;font-size:160%;text-align:right;padding-right:.5rem;background:linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);box-sizing:border-box}.portrait__type{width:22%}.portrait__type svg{width:100%}.portrait::before,.portrait::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.portrait--common::after{background-image:url("/img/characters/common_border.png")}.portrait--uncommon::after{background-image:url("/img/characters/uncommon_border.png")}.portrait--rare::after{background-image:url("/img/characters/rare_border.png")}.portrait--epic::before{background-image:url("/img/characters/portrait_epic_bg.png")}.portrait--epic::after{background-image:url("/img/characters/portrait_epic_border.png")}.portrait--legend::before{background-image:url("/img/characters/portrait_legend_bg.png")}.portrait--legend::after{background-image:url("/img/characters/portrait_legend_border.png")}.aside{z-index:5;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);touch-action:none;backdrop-filter:blur(1rem)}.aside-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.aside-content{z-index:1;position:relative;overflow:auto;overscroll-behavior:contain}.aside--account .aside-content{width:100%;height:100%;max-width:calc(100% - 10rem);max-height:calc(100% - 10rem)}@media(max-width: 1280px){.aside.active{display:flex}}.account{height:100%;display:flex;gap:2rem;flex-direction:column}.account-head{display:flex;align-items:flex-start;justify-content:space-between}.account-menu{flex:1;display:flex;gap:3rem;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto}.account-menu__text{line-height:4.5rem;color:silver;font-size:4rem}.account-sns{display:flex;gap:5rem;align-items:center;justify-content:center}.account-sns__icon svg{width:5rem;fill:#fff}.account-btn__icon svg{width:4.6rem;fill:#fff}.account-login{display:flex;gap:1rem;align-items:center;padding:.5rem 1.5rem;border-radius:3rem;background-color:#fff;cursor:pointer}.account-login__icon svg{width:2.5rem;fill:#000}.account-login__text{line-height:3.5rem;font-size:3rem;font-weight:500}.modal{z-index:4;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;flex-direction:column;padding:5.5rem;background-color:rgba(0,0,0,.5);box-sizing:border-box;touch-action:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.modal-content{z-index:1;position:relative;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}@media(max-width: 1280px){.modal-content{width:100%}}.modal.active{display:flex}@media(max-width: 1280px){.modal{backdrop-filter:blur(1rem)}.modal--login{background-color:rgba(0,0,0,.8)}}.login{width:50rem;display:flex;gap:3rem;flex-direction:column;padding:3rem 2.5rem;border-radius:3rem;background-color:#fff;box-sizing:border-box}.login-head{position:relative;display:flex;justify-content:center;padding:0 4rem}.login-form{display:flex;gap:3rem;flex-direction:column}.login-form-group{display:flex;gap:1rem;flex-direction:column}.login-form-input input{width:100%;line-height:2rem;font-size:1.7rem;padding:1.5rem 2rem;border-radius:1rem;box-shadow:inset 0 0 0 .1rem #e5e5e5;background-color:#f5f5f5;box-sizing:border-box}.login-form-input input:user-invalid{box-shadow:inset 0 0 0 .1rem #e2a9a9}.login-form-input input::placeholder{color:#9a9a9a}.login-form-btn{display:flex;justify-content:center;padding:2rem;border-radius:1rem;background-color:#8d8d8d;transition-duration:.5s;transition-property:background-color;cursor:pointer}.login-form-btn__text{line-height:2.5rem;color:#fff;font-size:2rem;font-weight:700}.login-form:valid .login-form-btn{background-color:#323232}@media(max-width: 1280px){.login-form-input input{line-height:3rem;font-size:2.5rem;padding:2rem}.login-form-btn__text{line-height:3rem;font-size:2.5rem}}.login-btn{position:absolute;top:0;right:0;cursor:pointer}.login-btn__icon svg{width:1.6rem;fill:#000}@media(max-width: 1280px){.login-btn__icon svg{width:2.4rem}}.login-notice{display:flex;gap:.5rem;align-items:center;justify-content:center}.login-notice__icon svg{width:2rem;fill:#db744e}.login-notice__text{line-height:2rem;color:#db744e;font-size:1.6rem}@media(max-width: 1280px){.login-notice__text{line-height:2.5rem;font-size:1.8rem}}.login__text{line-height:3.5rem;color:#2a2a2a;font-size:2.8rem;font-weight:700;text-align:center}@media(max-width: 1280px){.login__text{line-height:4rem;font-size:3.7rem}}@media(max-width: 1280px){.login{width:100%}}.header{z-index:3;position:sticky;top:0;left:0;height:0}.header-wrap{background-color:rgba(0,0,0,.5);animation:header-bg ease-out both;animation-timeline:scroll(root block);animation-range:0 50px}@keyframes header-bg{from{background-color:rgba(0,0,0,.5)}to{background-color:#000}}.header-container{max-width:2560px;height:9rem;display:flex;justify-content:space-between;padding:0 10rem;margin:0 auto;box-sizing:border-box}@media(max-width: 1280px){.header-container{padding:.5rem 2rem}}.header-content{display:flex}.header-content--left{gap:6.5rem;align-items:center}.header-content--right{display:flex;align-items:center}@media(max-width: 1280px){.header-content--right{gap:1.5rem}}.header-logo{width:14.5rem}.header-logo img{width:100%}.header-menu{display:flex;gap:1rem}.header-menu-item{padding:1rem}.header-menu__text{line-height:3rem;color:#777;font-size:2.4rem;font-weight:500;transition-duration:.5s;transition-property:color}.header-menu-item:hover .header-menu__text{color:#fff}@media(max-width: 1280px){.header-menu{display:none}}.header-sns{display:flex}.header-sns-item{display:flex;align-items:center;padding:1.6rem 2.5rem;box-shadow:inset 0 .4rem 0 0 rgba(0,0,0,0);transition-duration:.5s;transition-property:box-shadow;cursor:pointer}.header-sns-item:hover{box-shadow:inset 0 .4rem 0 0 #2becea}.header-sns__icon svg{width:3.3rem;fill:#9c9c9c;transition-duration:.5s;transition-property:fill}.header-sns-item:hover .header-sns__icon svg{fill:#fff}@media(max-width: 1280px){.header-sns{display:none}}.header-dropdown{position:relative}.header-dropdown-select{display:flex;gap:1rem;align-items:center;padding:1.75rem 1rem;box-shadow:inset 0 .4rem 0 0 rgba(0,0,0,0);transition-duration:.5s;transition-property:box-shadow;cursor:pointer}.header-dropdown-list{position:absolute;top:100%;left:0;width:100%;display:none;flex-direction:column;background-color:rgba(0,0,0,.5)}.header-dropdown-item{text-align:center;padding:1.75rem 1rem;cursor:pointer}.header-dropdown__icon svg{width:3rem;fill:#9c9c9c;transition-duration:.5s;transition-property:fill}.header-dropdown__text{line-height:3rem;color:#9c9c9c;font-size:2.4rem;font-weight:500;transition-duration:.5s;transition-property:color}.header-dropdown:hover .header-dropdown-select{box-shadow:inset 0 .4rem 0 0 #2becea}.header-dropdown:hover .header-dropdown-select .header-dropdown__icon svg{fill:#fff}.header-dropdown:hover .header-dropdown-select .header-dropdown__text{color:#fff}.header-dropdown:hover .header-dropdown-list{display:flex}.header-dropdown-item:hover .header-dropdown__text{color:#fff}.header-login{display:flex;gap:1rem;align-items:center;padding:.5rem 1.5rem;margin-left:2rem;border-radius:2rem;background-color:#fff;cursor:pointer}.header-login__icon svg{width:1.6rem;fill:#000}.header-login__text{line-height:2.5rem;font-size:1.9rem;font-weight:500}@media(max-width: 1280px){.header-login{display:none}}.header-btn{display:none;cursor:pointer}.header-btn__icon svg{width:3.8rem;fill:#fff}@media(max-width: 1280px){.header-btn{display:block}}.footer-wrap{background-color:#000}.footer-container{max-width:2560px;display:flex;gap:2rem;flex-direction:column;align-items:center;padding:5rem 2rem;margin:0 auto;box-sizing:border-box}.footer-logo{width:26rem}.footer-logo img{width:100%}.footer-menu{display:flex;gap:5rem;justify-content:center;flex-wrap:wrap}.footer-menu__text{line-height:3rem;color:#fff;font-size:2.3rem}.footer-copyright{display:flex}.footer-copyright__text{line-height:2rem;color:#888;font-size:1.6rem;text-align:center}.board-top{height:53rem}.board-top img{width:100%;height:100%;object-fit:cover;object-position:center}.board-wrap{background-color:#efefef}.board-container{max-width:236rem;display:flex;gap:2rem;flex-direction:column;padding:8rem 2rem;margin:0 auto;box-sizing:border-box}@media(max-width: 1280px){.board-container{padding:4rem}}.board-head{padding:0 43rem;display:flex;gap:3.5rem;align-items:center}.board-head__text{z-index:1;position:relative;line-height:6.5rem;color:#404142;font-size:6rem;font-weight:900}.board-head__text::after{z-index:-1;content:attr(data-text);position:absolute;left:-0.5rem;top:.5rem;color:#fff;-webkit-text-stroke:.1rem #cacaca;paint-order:stroke fill}@media(max-width: 1280px){.board-head{gap:1.5rem;align-items:unset;flex-direction:column;padding:unset}}.board-tab{flex:1;display:flex;gap:2rem;align-items:center}.board-tab-item{transition-duration:.5s;transition-property:background-color;cursor:pointer}.board-tab__text{line-height:2.5rem;color:#2a2a2a;font-size:2.2rem;font-weight:500;transition-duration:.5s;transition-property:color}.board-tab__line{width:.1rem;height:2rem;background-color:#000}.board-tab-item.active .board-tab__text{color:#e81111}@media(max-width: 1280px){.board-tab{gap:unset;align-items:unset;border-radius:1rem;overflow:hidden}.board-tab-item{flex:1;padding:2rem;background-color:#898989}.board-tab-item.active{background-color:#000}.board-tab__text{color:#ddd;text-align:center}.board-tab__line{display:none}.board-tab-item.active .board-tab__text{color:#fff}}@media(max-width: 1280px){.board--codex .board-container{gap:5.5rem}}.characters{display:none;gap:2rem;flex-direction:column}.characters-container{display:flex;gap:3rem}@media(max-width: 1280px){.characters-container{gap:unset;flex-direction:column}}.characters-head{display:flex;gap:1rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:0 43rem}.characters-head-btn{display:none;margin-right:auto}.characters-head-btn__icon svg{width:6.2rem}.characters-head-dropdown{position:relative}.characters-head-dropdown-select{position:relative;width:27rem;display:flex;gap:1rem;align-items:center;padding:1.5rem 3rem;border-radius:3rem;background-color:#6e1c5a;box-sizing:border-box;overflow:hidden;cursor:pointer}.characters-head-dropdown-select select{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0}.characters-head-dropdown-list{z-index:2;position:absolute;top:0;left:0;width:100%;display:none;flex-direction:column;border-radius:3rem;background-color:#6e1c5a;overflow:hidden}.characters-head-dropdown-item{display:flex;gap:1rem;align-items:center;padding:1.5rem 3rem;transition-duration:.5s;transition-property:background-color;cursor:pointer}.characters-head-dropdown-item:hover,.characters-head-dropdown-item.active{background-color:#420e35}.characters-head-dropdown__icon svg{width:1.4rem;stroke:#fff}.characters-head-dropdown__text{flex:1;line-height:2.5rem;color:#fff;font-size:1.9rem;font-weight:500;text-align:center}.characters-head-dropdown.active .characters-head-dropdown-list{display:flex}.characters-head-search{width:27rem;display:flex;gap:1rem;align-items:center;padding:1.5rem 2.5rem;border-radius:3rem;box-shadow:0 0 0 .1rem #d3d3d3;background-color:#fff;box-sizing:border-box}.characters-head-search__input{flex:1}.characters-head-search__input input{width:100%;line-height:2.5rem;font-size:1.9rem;font-weight:500}.characters-head-search__input input::placeholder{color:#9a9a9a}.characters-head-search__icon{cursor:pointer}.characters-head-search__icon--search{display:block}.characters-head-search__icon--search svg{width:2.2rem;stroke:#000}.characters-head-search__icon--close{display:none}.characters-head-search__icon--close svg{width:1.4rem;fill:#9a999c}@media(max-width: 1280px){.characters-head{gap:1.5rem;padding:unset}.characters-head-btn{display:block}.characters-head-dropdown-select{width:21.5rem}.characters-head-dropdown-select select{display:block}.characters-head-dropdown__text{line-height:2rem;font-size:1.7rem}.characters-head-search{width:25rem}.characters-head-search__input input{line-height:2rem;font-size:1.7rem}}.characters-side{position:relative;width:40rem}@media(max-width: 1280px){.characters-side{width:unset;display:none}.characters-side:first-child{display:block}}.characters-content{flex:1;display:flex;gap:2rem;flex-direction:column}.characters-table tr{gap:1rem}.characters-table th,.characters-table td{display:flex;align-items:center;justify-content:center}.characters-table thead{padding:3rem 2rem;border-radius:2rem 2rem 0 0;background-color:#000}thead .characters-table__text{line-height:3rem;color:#fff;font-size:2.7rem;font-weight:500}.characters-table tbody{padding:0 2rem;border-radius:0 0 2rem 2rem;background-color:#fff}.characters-table tbody tr{padding:4rem 0;box-shadow:inset 0 -0.1rem 0 0 #d7d7d7}.characters-table tbody tr:last-child{box-shadow:unset}.characters-table tfoot{padding:3rem 2rem;border-radius:0 0 2rem 2rem;background-color:#fff}.characters-table tbody:has(+tfoot){border-radius:unset}.characters-table-info{display:flex;gap:5rem;align-items:center}.characters-table-info__text{flex:1;line-height:3.5rem;font-size:3rem;font-weight:300}.characters-table-deck{display:flex;gap:5.5rem;flex-direction:column;box-sizing:border-box}.characters-table-deck-content{box-sizing:border-box}.characters-table-deck-item{display:flex;gap:1rem;align-items:center}.characters-table-deck-btn{display:none;padding:1rem;border-radius:1rem;background-color:#8d8d8d}.characters-table-deck-btn__text{line-height:2.5rem;color:#fff;font-size:1.8rem;text-align:center}.characters-table-portrait{width:12.5rem}.characters-table-like{display:flex;gap:1rem;align-items:center}.characters-table-like__icon svg{width:3.5rem;fill:#423c3c}.characters-table-like__text{line-height:3.5rem;color:#423c3c;font-size:3.2rem;font-weight:700}.characters-table-change{display:flex;gap:1rem;align-items:center}.characters-table-change__icon svg{width:3.1rem}.characters-table-change__text{line-height:3.5rem;font-size:3rem;font-weight:300}.characters-table-change--up .characters-table-change__icon svg{fill:#3daee6}.characters-table-change--up .characters-table-change__text{color:#3daee6}.characters-table-change--down .characters-table-change__icon svg{fill:#d44a4a}.characters-table-change--down .characters-table-change__text{color:#d44a4a}.characters-table-foot{flex:1;padding:2.5rem 2rem;border-radius:1rem;background-color:#dfdfdf}.characters-table-close{display:none}.characters-table-close svg{width:4.2rem;fill:#fff}.characters-table__rank{line-height:4.5rem;font-size:4rem;font-weight:700}.characters-table__count{line-height:3rem;color:#423c3c;font-size:2.5rem;font-weight:700}.characters-table__win{line-height:3.5rem;font-size:3rem;text-align:center}.characters-table__caption{line-height:2.5rem;display:flex;flex-direction:column;color:#6f7749;font-size:1.7rem}.characters-table--rank{max-width:17rem}.characters-table--like{max-width:34.5rem}.characters-table--change{max-width:34.5rem}.characters-table--count{max-width:23rem}.characters-table--win{max-width:30rem}@media(max-width: 1280px){thead .characters-table__text{line-height:2.5rem;font-size:1.8rem}.characters-table tbody{padding:unset}.characters-table tbody tr{padding:2rem 1.5rem}.characters-table tfoot{padding:2rem;background-color:#81406b}.characters-table-info{gap:1rem}.characters-table-info__text{line-height:2.5rem;font-size:2rem}.characters-table-deck-content{width:100%;display:none;overflow:auto;overscroll-behavior:contain}.characters-table-deck-item{gap:.5rem;justify-content:center}.characters-table-deck-btn{display:flex}.characters-table-deck.active{z-index:4;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5.5rem;background-color:rgba(0,0,0,.5);touch-action:none;backdrop-filter:blur(1rem)}.characters-table-deck.active .characters-table-deck-content{display:block}.characters-table-deck.active .characters-table-deck-btn{display:none}.characters-table-deck.active .characters-table-close{display:block}.characters-table-portrait{width:8rem}.characters-table-like{gap:.5rem}.characters-table-like__icon svg{width:2.4rem}.characters-table-like__text{line-height:2.5rem;font-size:2.1rem}.characters-table-change{gap:.5rem}.characters-table-change__icon svg{width:2.4rem}.characters-table-change__text{line-height:3rem;font-size:2.5rem}.characters-table-foot{padding:unset;border-radius:unset;background-color:unset}.characters-table__rank{line-height:3rem;font-size:2.3rem}.characters-table__count{line-height:2.5rem;font-size:2.1rem}.characters-table__win{line-height:2.5rem;font-size:2.1rem}.characters-table__caption{color:#fff}.characters-table--rank{max-width:8rem}.characters-table--deck{max-width:12rem}.characters-table--like{max-width:12rem}.characters-table--change{max-width:12rem}.characters-table--count{max-width:12rem}.characters-table--win{max-width:18rem}}.characters-filter{position:sticky;top:10rem;left:0;display:flex;gap:5.5rem;flex-direction:column;box-sizing:border-box}.characters-filter-content{position:relative;display:flex;gap:2rem;flex-direction:column;padding:3rem 2.5rem;border-radius:2.5rem;box-shadow:inset 0 0 0 .1rem #6e1c5a;background-color:#fff;box-sizing:border-box}.characters-filter-head{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.characters-filter-head__icon{transform:rotate(180deg);transition-duration:.5s;transition-property:transform}.characters-filter-head__icon svg{width:1.4rem;stroke:#000}.characters-filter-other{display:flex;gap:2rem}@media(max-width: 1280px){.characters-filter-other--top{display:none}}.characters-filter-section{display:flex;gap:1rem;flex-direction:column}.characters-filter-list{display:grid;grid-template-rows:0fr;transition-duration:.5s;transition-property:grid-template-rows;overflow:hidden}.characters-filter-list-inner{min-height:0;display:flex;gap:1rem;flex-wrap:wrap}.characters-filter-item{width:calc(50% - .5rem);display:flex;gap:.5rem;align-items:center;padding:1rem 1.5rem;border-radius:3rem;background-color:#efefef;box-sizing:border-box;transition-duration:.5s;transition-property:background-color;cursor:pointer}.characters-filter-item input{display:none}.characters-filter-item--black:has(input:checked){background-color:#000}.characters-filter-item--gray:has(input:checked){background-color:#9a999c}.characters-filter-item--green:has(input:checked){background-color:#56b33f}.characters-filter-item--blue:has(input:checked){background-color:#248ac2}.characters-filter-item--purple:has(input:checked){background-color:#ab76c3}.characters-filter-item--brown:has(input:checked){background-color:#ae9169}.characters-filter-btn{display:flex;gap:.5rem;align-items:center;padding:1rem 2.5rem;margin:0 auto;border-radius:3rem;background-color:#6e1c5a;cursor:pointer}.characters-filter-btn__icon svg{width:1.8rem;stroke:#fff}.characters-filter-btn__text{line-height:2.5rem;color:#fff;font-size:1.9rem;font-weight:500;text-align:center}.characters-filter-btn--reset{display:none}@media(max-width: 1280px){.characters-filter-btn{flex:1;gap:1rem;justify-content:center;padding:2rem 1.5rem}.characters-filter-btn__icon svg{width:2rem}.characters-filter-btn__text{line-height:3rem;font-size:2.4rem}}@media(max-width: 768px){.characters-filter-btn__text{line-height:2.5rem;font-size:1.8rem}}.characters-filter-close{display:none}.characters-filter-close svg{width:4.2rem;fill:#fff}.characters-filter__line{width:100%;height:.1rem;background-color:#d3d3d3}.characters-filter__title{line-height:2.5rem;color:#2a2a2a;font-size:1.9rem;font-weight:500}@media(max-width: 1280px){.characters-filter__title{line-height:3.5rem;font-size:3rem}}.characters-filter__icon svg{width:2.3rem}.characters-filter__icon--type svg{width:2.3rem}.characters-filter__icon--trait svg{width:2.8rem;fill:#fff}.characters-filter__icon--trait svg circle{fill:#000}.characters-filter__icon--role svg{width:2.4rem;fill:#000}.characters-filter__text{flex:1;line-height:2rem;color:#2a2a2a;font-size:1.6rem;font-weight:300;text-align:center;transition-duration:.5s;transition-property:color}@media(max-width: 1280px){.characters-filter__text{line-height:2.5rem;font-size:2.1rem}}.characters-filter__icon+.characters-filter__text{text-align:left}.characters-filter-item--black:has(input:checked) .characters-filter__text{color:#fff}.characters-filter-section.active .characters-filter-list{grid-template-rows:1fr}.characters-filter-section.active .characters-filter-head__icon{transform:rotate(0deg)}@media(max-width: 1280px){.characters-filter{z-index:4;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;padding:5.5rem;background-color:rgba(0,0,0,.5);touch-action:none;backdrop-filter:blur(1rem)}.characters-filter-content{width:100%;padding:3rem;box-shadow:.5rem .5rem .5rem 0 rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain}.characters-filter-close{display:block}.characters-filter-other--bottom .characters-filter-btn--reset{display:flex}.characters-filter.active{display:flex}}.characters-codex{position:relative;display:flex;gap:3rem;align-items:flex-start;padding:3rem 2rem;border-radius:2rem;box-shadow:inset 0 0 0 .1rem #d3d3d3;background-color:#fff}.characters-codex-list{flex:1;display:flex;gap:2rem;flex-wrap:wrap}.characters-codex-item{width:18.2rem;display:flex;gap:.5rem;flex-direction:column;padding:1rem;border-radius:1rem;background-color:#eee;box-sizing:border-box;transition-duration:.5s;transition-property:box-shadow;cursor:pointer}.characters-codex-item__text{flex:1;display:flex;flex-direction:column;justify-content:center;line-height:2.5rem;font-size:1.8rem;font-weight:300;text-align:center}.characters-codex-item.active{box-shadow:inset 0 0 0 .2rem #6e1c5a}.characters-codex-detail{position:sticky;top:10rem;left:0;width:60rem;display:none;gap:5.5rem;flex-direction:column;box-sizing:border-box}.characters-codex-detail-content{display:flex;gap:2rem;flex-direction:column;padding:3rem;border-radius:2rem;background-color:#6e1c5a;box-sizing:border-box}.characters-codex-detail-head{display:flex;gap:2rem}.characters-codex-detail-portrait{width:17rem;display:none}.characters-codex-detail-cp{flex:1;display:flex;gap:2rem;flex-direction:column}.characters-codex-detail-cp-top{display:flex;gap:2rem;justify-content:space-between}.characters-codex-detail-cp-bottom{display:flex;gap:1rem;justify-content:space-between}.characters-codex-detail-cp-item{display:flex;gap:1rem;align-items:center}.characters-codex-detail-cp-btn{cursor:pointer}.characters-codex-detail-cp-btn svg{width:3rem;fill:#fff}.characters-codex-detail-cp__icon svg{width:2.8rem;fill:#fff}.characters-codex-detail-cp__icon svg circle{fill:rgba(0,0,0,0)}.characters-codex-detail-cp__title{line-height:3.5rem;color:#fff;font-size:3rem;font-weight:500}.characters-codex-detail-cp__text{line-height:2.5rem;color:#fff;font-size:1.9rem;font-weight:500}.characters-codex-detail-section{display:flex;gap:1rem;flex-direction:column;padding:2rem;border-radius:1.5rem;background-color:rgba(0,0,0,.4)}.characters-codex-detail-item{display:flex;gap:2rem;justify-content:space-between}.characters-codex-detail-like{display:flex;gap:1rem;align-items:center;cursor:pointer}.characters-codex-detail-like__icon svg{width:3rem;stroke:#ffd940}.characters-codex-detail-like__text{line-height:2.5rem;color:#ffd940;font-size:2.4rem;font-weight:700}.characters-codex-detail-like.active .characters-codex-detail-like__icon svg{fill:#ffd940}.characters-codex-detail-count{display:flex;gap:2rem}.characters-codex-detail-count__text{line-height:2.5rem;color:#fff;font-size:1.8rem}.characters-codex-detail-close{display:none}.characters-codex-detail-close svg{width:4.2rem;fill:#fff}.characters-codex-detail__caption{line-height:2.5rem;color:#e09bd0;font-size:1.8rem}.characters-codex-detail__text{line-height:2.5rem;color:#fff;font-size:2rem}.characters-codex-detail.active{display:flex}@media(max-width: 1280px){.characters-codex-item{width:calc(20% - 1.6rem)}.characters-codex-detail{z-index:4;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;padding:5.5rem;background-color:rgba(0,0,0,.5);touch-action:none;backdrop-filter:blur(1rem)}.characters-codex-detail-content{width:100%;box-shadow:.5rem .5rem .5rem 0 rgba(0,0,0,.25);background-color:#41404b;overflow:auto;overscroll-behavior:contain}.characters-codex-detail-portrait{display:block}.characters-codex-detail-cp-bottom{flex-direction:column}.characters-codex-detail-cp-btn{display:none}.characters-codex-detail-cp__title{line-height:4rem;font-size:3.4rem}.characters-codex-detail-cp__text{line-height:3rem;font-size:2.6rem}.characters-codex-detail-count__text{font-size:1.9rem}.characters-codex-detail-close{display:block}.characters-codex-detail__caption{color:#bab8d0;font-size:1.9rem}.characters-codex-detail__text{line-height:3.5rem;font-size:2.8}}@media(max-width: 768px){.characters-codex-item{width:calc(33.3333333333% - 1.75rem)}}.characters.active{display:flex}.popular{display:none;gap:2rem;flex-direction:column}.popular-container{display:flex;gap:3rem}@media(max-width: 1280px){.popular-container{gap:2rem;flex-direction:column}}.popular-head{display:none;justify-content:space-between}.popular-head-btn__icon svg{width:3.5rem;fill:#918b8c}@media(max-width: 1280px){.popular-head{display:flex}}.popular-title{display:flex;gap:1rem;align-items:center}.popular-title__icon svg{width:3.6rem;fill:#d70a26}.popular-title__text{line-height:3.5rem;color:#d70a26;font-size:3rem}.popular-side{position:relative;width:40rem}@media(max-width: 1280px){.popular-side{width:unset;display:none}.popular-side:first-child{display:block}}.popular-content{flex:1;display:flex;gap:2rem;flex-direction:column}.popular-top{display:flex;gap:15rem;align-items:flex-start;justify-content:center;padding:3.5rem 3.5rem 5.5rem 3.5rem;border-radius:2rem;background-image:url("/img/characters/top_bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.popular-top-section{width:23.5rem;display:flex;gap:2rem;flex-direction:column}.popular-top-rank img{width:100%}.popular-top-item{display:flex;gap:.5rem;flex-direction:column;padding:1rem;border-radius:.5rem;box-shadow:inset 0 0 0 .1rem #c3c3c3;background-color:#fff}.popular-top-portrait{width:100%}.popular-top-info{display:flex;gap:1rem;flex-direction:column}.popular-top-like{display:flex;gap:1rem;align-items:center;justify-content:center}.popular-top-like__icon svg{width:3.5rem;fill:#dd2424}.popular-top-like__text{line-height:3.5rem;color:#dd2424;font-size:3.2rem;font-weight:700}.popular-top__text{line-height:2.5rem;font-size:1.8rem;font-weight:300;text-align:center}@media(max-width: 1280px){.popular-top{display:none}}.popular-liked{position:sticky;top:10rem;left:0;display:flex;flex-direction:column;box-sizing:border-box}.popular-liked-content{position:relative;display:flex;gap:2rem;flex-direction:column;padding:3rem 2.5rem;border-radius:2.5rem;box-shadow:inset 0 0 0 .1rem #6e1c5a;background-color:#fff;box-sizing:border-box}.popular-liked-title{display:flex;gap:1rem;align-items:center;padding:1rem 2.5rem;margin:0 auto;border-radius:3rem;background-color:#6e1c5a}.popular-liked-title__icon{display:none}.popular-liked-title__icon svg{width:3rem;fill:#772171}.popular-liked-title__text{line-height:2.5rem;color:#fff;font-size:1.9rem;font-weight:500;text-align:center}.popular-liked-list{display:flex;gap:3rem;flex-direction:column}.popular-liked-item{display:flex;gap:2rem;align-items:center}.popular-liked-portrait{width:8.5rem}.popular-liked-info{flex:1;display:flex;gap:1rem;flex-direction:column}.popular-liked-btn{cursor:pointer}.popular-liked-btn svg{width:3.2rem;fill:#000}.popular-liked-like{display:flex;gap:.5rem;align-items:center}.popular-liked-like__icon svg{width:2.4rem;fill:#423c3c}.popular-liked-like__text{line-height:3rem;color:#423c3c;font-size:2.3rem;font-weight:700}.popular-liked__text{line-height:2.5rem;font-size:2rem;font-weight:300}.popular-liked__line{width:100%;height:.1rem;background-color:#d3d3d3}.popular-liked__caption{line-height:2.5rem;display:flex;gap:1rem;flex-direction:column;color:#2a2a2a;font-size:1.9rem}@media(max-width: 1280px){.popular-liked-title{padding:unset;margin:unset;background-color:unset}.popular-liked-title__icon{display:block}.popular-liked-title__text{line-height:3.5rem;color:#693a66;font-size:3rem;font-weight:400}.popular-liked-list{flex-direction:row;overflow-x:auto;overscroll-behavior:contain}.popular-liked-item{width:14.5rem;gap:1rem;align-items:unset;flex-direction:column;flex-shrink:0;border-radius:1rem;box-shadow:inset 0 0 0 .1rem #000;overflow:hidden}.popular-liked-portrait{width:100%;padding:1rem 1rem 0 1rem;box-sizing:border-box}.popular-liked-info{padding:0 1rem}.popular-liked-btn{display:flex;justify-content:center;padding:1rem;background-color:#000}.popular-liked-btn svg{width:1.7rem;fill:#fff}.popular-liked-like{justify-content:center}.popular-liked-like__icon svg{width:2.1rem}.popular-liked-like__text{line-height:2.5rem;font-size:2rem}.popular-liked__line{display:none}.popular-liked__text{line-height:2rem;font-size:1.4rem;text-align:center}.popular-liked__caption{line-height:2rem;color:#767676;font-size:1.7rem;margin-top:1rem}}.popular-guide{position:sticky;top:10rem;left:0;display:flex;gap:5.5rem;flex-direction:column;box-sizing:border-box}.popular-guide-content{position:relative;display:flex;gap:2rem;flex-direction:column;padding:3rem 2.5rem;border-radius:2.5rem;box-shadow:inset 0 0 0 .1rem #b14f1a;background-color:#fff;box-sizing:border-box}.popular-guide-close{display:none}.popular-guide-close svg{width:4.2rem;fill:#fff}.popular-guide-list{display:flex;gap:2rem;flex-direction:column}.popular-guide-item{display:flex;gap:1rem;align-items:center}.popular-guide-item__icon svg{width:7rem}.popular-guide-item__title{line-height:2.5rem;color:#2a2a2a;font-size:1.9rem}.popular-guide-item__text{line-height:2rem;color:#747474;font-size:1.6rem;font-weight:300}.popular-guide-info{flex:1;display:flex;gap:1rem;flex-direction:column}.popular-guide__thumb{display:flex;justify-content:center}.popular-guide__thumb img{max-width:100%}.popular-guide__text{line-height:3rem;color:#cc3d09;font-size:2.6rem;font-weight:700;text-align:center}.popular-guide__line{width:100%;height:.1rem;background-color:#d3d3d3}@media(max-width: 1280px){.popular-guide{z-index:4;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;padding:5.5rem;background-color:rgba(0,0,0,.5);touch-action:none;backdrop-filter:blur(1rem)}.popular-guide-content{width:100%;padding:3rem;box-shadow:.5rem .5rem .5rem 0 rgba(0,0,0,.25);overflow:auto;overscroll-behavior:contain}.popular-guide-close{display:block}.popular-guide-item__title{line-height:2.5rem;font-size:2.2rem}.popular-guide-item__text{line-height:2.5rem;font-size:2rem}.popular-guide__text{line-height:4rem;font-size:3.3rem}.popular-guide.active{display:flex}}.popular.active{display:flex}.arena{display:none;gap:2rem;flex-direction:column}.arena-container{display:flex;gap:3rem}@media(max-width: 1280px){.arena-container{gap:unset;flex-direction:column}}.arena-side{position:relative;width:40rem}@media(max-width: 1280px){.arena-side{width:unset;display:none}}.arena-content{flex:1;display:flex;gap:5rem;flex-direction:column}@media(max-width: 1280px){.arena-content{gap:2rem}}.arena-season{display:flex;gap:2rem;flex-direction:column}.arena-season-head{padding:2rem 0}.arena-season-head__title{line-height:4rem;color:#2a2a2a;font-size:3.5rem;font-weight:700}.arena-season-content{display:flex;gap:4rem}.arena-season-item{flex:1;display:flex;gap:2rem;flex-direction:column}.arena-season-sub{display:flex;flex-direction:column}.arena-season-tab{display:none}.arena-season-tab-item{flex:1;display:flex;justify-content:center;padding:1rem;box-shadow:0 .4rem 0 0 #d2d2d2;transition-duration:.5s;transition-property:box-shadow}.arena-season-tab-item.active{box-shadow:0 .4rem 0 0 #000}.arena-season-tab__text{line-height:3.5rem;color:#8d8d8d;font-size:3rem;font-weight:400;text-align:center;transition-duration:.5s;transition-property:color}.arena-season-tab-item.active .arena-season-tab__text{color:#000}.arena-season-date{display:flex;gap:1rem;align-items:center}.arena-season-date__icon svg{width:3.9rem}.arena-season-date__title{line-height:3.5rem;color:#486625;font-size:3rem}.arena-season-date__text{line-height:3rem;color:#486625;font-size:2.3rem;font-weight:300}.arena-season-item--this .arena-season-date__title{color:#486625}.arena-season-item--this .arena-season-date__text{color:#486625}.arena-season-item--last .arena-season-date__title{color:#2a2a2a}.arena-season-item--last .arena-season-date__text{color:#2a2a2a}.arena-season .characters-table thead .characters-table__text{line-height:2.5rem;font-size:2.2rem}.arena-season .characters-table .characters-table-info{gap:2rem}.arena-season .characters-table .characters-table-portrait{width:10rem}.arena-season .characters-table .characters-table-info__text{line-height:2.5rem;font-size:2rem}@media(max-width: 1280px){.arena-season{gap:unset}.arena-season-head{display:flex;justify-content:center;padding:1.5rem;border-radius:2rem 2rem 0 0;background-color:#105d2d}.arena-season-head__title{line-height:3.5rem;color:#fff;font-size:3rem;font-weight:400;text-align:center}.arena-season-content{gap:unset;flex-direction:column}.arena-season-item{display:none;gap:unset}.arena-season-item.active{display:flex}.arena-season-sub{gap:2rem;padding:1.5rem;background-color:#fff}.arena-season-tab{display:flex}.arena-season .characters-table thead{border-radius:unset}.arena-season .characters-table thead .characters-table__text{line-height:2.5rem;font-size:1.8rem}.arena-season .characters-table .characters-table-info{gap:1rem}.arena-season .characters-table .characters-table-portrait{width:8rem}}.arena-history{display:flex;gap:2rem;flex-direction:column}.arena-history-head{display:flex;align-items:center;justify-content:space-between}.arena-history-head-left{display:flex;gap:1rem;align-items:center}.arena-history-head__icon svg{width:4.2rem}.arena-history-head__title{line-height:3.5rem;color:#486625;font-size:3rem}.arena-history-tab{display:flex;gap:2rem}.arena-history-tab-item{width:13rem;display:flex;justify-content:center;padding:.75rem 2rem;border-radius:3rem;background-color:#afafaf;box-sizing:border-box;cursor:pointer}.arena-history-tab-item.active{background-color:#000}.arena-history-tab__text{line-height:3rem;color:#fff;font-size:2.5rem;transition-duration:.5s;transition-property:color}.arena-history-tab-item.active .arena-history-tab__text{color:#fff}.arena-history .characters-table thead .characters-table__text{line-height:2.5rem;font-size:2.2rem}.arena-history .characters-table .characters-table-info{gap:2rem}.arena-history .characters-table .characters-table-info .portrait{background-image:url("/img/characters/portrait_profile_bg.png")}.arena-history .characters-table .characters-table-info .portrait__thumb{top:0;left:0;width:100%;transform:unset}.arena-history .characters-table .characters-table-portrait{width:10rem}.arena-history .characters-table .characters-table-info__text{line-height:3rem;font-size:2.5rem}@media(max-width: 1280px){.arena-history{gap:unset}.arena-history-head{flex-direction:column;align-items:unset;justify-content:unset}.arena-history-head-left{gap:.5rem;justify-content:center;padding:1.5rem;border-radius:2rem 2rem 0 0;background-color:#817449}.arena-history-head-right{padding:1.5rem;background-color:#fff}.arena-history-head__title{color:#fff}.arena-history .characters-table thead{border-radius:unset}.arena-history .characters-table thead .characters-table__text{line-height:2.5rem;font-size:1.8rem}.arena-history .characters-table .characters-table-info{gap:1rem}.arena-history .characters-table .characters-table-portrait{width:6rem}.arena-history .characters-table .characters-table--deck .characters-table-portrait{width:100%;max-width:12rem}}.arena.active{display:flex}.wv{height:100%;background-color:rgba(0,0,0,.6);box-sizing:border-box;touch-action:none}.wv-container{width:100%;height:100%;display:flex;gap:3rem;flex-direction:column;padding:4rem;padding-top:calc(4rem + env(safe-area-inset-top, 0));padding-left:calc(4rem + env(safe-area-inset-left, 0));padding-right:calc(4rem + env(safe-area-inset-right, 0));padding-bottom:calc(4rem + env(safe-area-inset-bottom, 0));margin:0 auto;border-radius:.5rem;box-shadow:inset 0 0 0 .1rem #787b9d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Crect x='4' y='4' width='2' height='2' fill='lightgray' fill-opacity='0.1'/%3E%3C/svg%3E"),linear-gradient(180deg, rgba(42, 40, 51, 0.83) 0%, #2A2833 100%);background-size:1rem 1rem,auto;background-repeat:repeat,no-repeat;box-sizing:border-box}.wv-head{display:flex;gap:2rem;justify-content:space-between}.wv-head-left{display:flex;gap:1.5rem;flex-direction:column}.wv-head-right{display:flex;gap:1.5rem;flex-direction:column;align-items:flex-end}.wv-head-subject{display:flex;gap:1.5rem;align-items:center}.wv-head-btn svg{width:3.6rem}.wv-head__title{line-height:3.6rem;color:#fff;font-size:3.3rem}.wv-head__icon{width:3.3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 .2rem rgba(255,255,255,.4);aspect-ratio:4/4}.wv-head__icon img{width:1.1rem}.wv-head__text{line-height:2.5rem;color:#fff;font-size:2.1rem;font-weight:300}.wv-head__close{color:#fff;font-size:2.1rem}.wv-head__close svg{width:4rem}.wv-tab{display:flex;box-shadow:inset 0 -0.1rem 0 0 #787b9d}.wv-tab-item{flex:1;position:relative;display:flex;gap:1rem;align-items:center;justify-content:center;padding:2rem 4rem}.wv-tab-item::after{content:"";position:absolute;bottom:0;right:0;width:.1rem;height:3rem;background-color:#787b9d}.wv-tab-item:last-child::after{display:none}.wv-tab__icon svg{width:4rem;transition-duration:.5s;transition-property:stroke,fill}.wv-tab__icon--rank svg{stroke:#fff}.wv-tab__icon--win svg{fill:#fff}.wv-tab__text{line-height:4rem;color:#fff;font-size:3.3rem;transition-duration:.5s;transition-property:color}.wv-tab-item.active .wv-tab__icon--rank svg{stroke:#ffd900}.wv-tab-item.active .wv-tab__icon--win svg{fill:#ffd900}.wv-tab-item.active .wv-tab__text{color:#ffd900}.wv-content{flex:1;overflow:auto;touch-action:none}.wv-content-item{height:100%;display:none}.wv-content-item.active{display:block}.wv-characters{height:100%;display:flex;gap:3rem;flex-direction:column}.wv-characters-tab{display:flex;gap:3rem}.wv-characters-tab-item{flex:1;display:flex;justify-content:center;padding:2rem 4rem;border-radius:1rem;box-shadow:inset 0 0 0 .2rem #fff;transition-duration:.5s;transition-property:background-color;box-sizing:border-box}.wv-characters-tab-item.active{background-color:#000;box-shadow:inset 0 0 0 .2rem rgba(0,0,0,0)}.wv-characters-tab__text{line-height:3rem;color:#fff;font-size:2.6rem}.wv-characters-content{height:100%;min-height:0}.wv-characters-content-item{height:100%;min-height:0;display:none}.wv-characters-content-item.active{display:flex;gap:3rem;flex-direction:column}.wv-characters-info{display:flex;gap:2rem;align-items:center;justify-content:space-between}.wv-characters-info-left{display:flex;gap:.5rem;align-items:center}.wv-characters-info__week{line-height:3rem;color:#fff;font-size:2.6rem}.wv-characters-info__date{line-height:2.5rem;color:#aeaeae;font-size:2.1rem;font-weight:300}.wv-characters-info__time{line-height:2.5rem;color:#fff;font-size:2.1rem;font-weight:300}.wv-characters-info .wv-characters-tab-item{flex:unset;width:22rem}.wv-characters-table{flex:1;position:relative;min-height:0;display:flex;flex-direction:column;padding-bottom:3rem;border-radius:2rem;background-color:#2f2f38;box-shadow:inset 0 0 0 .1rem #535457}.wv-characters-table tr{display:flex;gap:2rem;align-items:center}.wv-characters-table thead{z-index:2;position:sticky;top:0;left:0;padding:2rem;border-radius:2rem 2rem 0 0;background-color:#000;box-shadow:inset 0 0 0 .1rem #535457}.wv-characters-table thead th{line-height:3.5rem;color:#fff;font-size:2.7rem;font-weight:500;text-align:center}.wv-characters-table tbody{padding:0 2rem;box-shadow:inset 0 .1rem 0 0 #535457;overflow-y:auto;overscroll-behavior:contain}.wv-characters-table tbody tr{padding:2.5rem 0;box-shadow:inset 0 -0.1rem 0 0 #535457}.wv-characters-table tbody tr:last-child{box-shadow:none}.wv-characters-table-rank{display:flex;align-items:center;justify-content:center}.wv-characters-table-rank__text{line-height:4.5rem;color:#fff;font-size:4rem;font-weight:700;text-align:center}.wv-characters-table-round{display:flex;align-items:center;justify-content:center}.wv-characters-table-round__text{line-height:3rem;color:#fff;font-size:2.6rem;font-weight:400;text-align:center}.wv-characters-table-portrait{display:flex;gap:5rem;align-items:center}.wv-characters-table-portrait__thumb{width:14rem}.wv-characters-table-portrait__text{line-height:3.5rem;color:#fff;font-size:3rem;font-weight:300}.wv-characters-table-portrait--win{gap:1rem}.wv-characters-table-team{display:flex;gap:1rem;align-items:center;justify-content:center}.wv-characters-table-team .wv-characters-table-portrait{flex:1;max-width:14rem}.wv-characters-table-team .wv-characters-table-portrait__thumb{width:100%}.wv-characters-table-like{display:flex;gap:1rem;align-items:center;justify-content:center}.wv-characters-table-like__icon{width:3.5rem}.wv-characters-table-like__icon svg{fill:#fff}.wv-characters-table-like__text{line-height:3.5rem;color:#fff;font-size:3.2rem;font-weight:700}.wv-characters-table-change{display:flex;gap:1rem;align-items:center;justify-content:center}.wv-characters-table-change__icon{width:3.1rem}.wv-characters-table-change__icon svg{fill:#fff}.wv-characters-table-change__text{line-height:3.5rem;color:#fff;font-size:3rem;font-weight:300}.wv-characters-table-change--up .wv-characters-table-change__icon svg{fill:#3daee6}.wv-characters-table-change--up .wv-characters-table-change__text{color:#3daee6}.wv-characters-table-change--down .wv-characters-table-change__icon svg{fill:#d44a4a}.wv-characters-table-change--down .wv-characters-table-change__text{color:#d44a4a}.wv-characters-table-count{display:flex;align-items:center;justify-content:center}.wv-characters-table-count__text{line-height:3.5rem;color:#fff;font-size:3.2rem;font-weight:700;text-align:center}.wv-characters-table-win{display:flex;align-items:center;justify-content:center}.wv-characters-table-win__text{line-height:3.5rem;color:#fff;font-size:3.2rem;font-weight:400;text-align:center}.wv-characters-table--w5{max-width:5%}.wv-characters-table--w10{max-width:10%}.wv-characters-table--w15{max-width:15%}.wv-characters-table--w20{max-width:20%}.wv-characters-table--w25{max-width:25%}.wv-characters-table--w30{max-width:30%}.wv-characters-table--w35{max-width:35%}.wv-characters-table--w40{max-width:40%}.wv-characters-table--w45{max-width:45%}.wv-characters-table--w50{max-width:50%}.wv-characters-table--w55{max-width:55%}.wv-characters-table--w60{max-width:60%}.wv-characters-table--w65{max-width:65%}.wv-characters-table--w70{max-width:70%}.wv-characters-table--w75{max-width:75%}.wv-characters-table--w80{max-width:80%}.wv-characters-table--w85{max-width:85%}.wv-characters-table--w90{max-width:90%}.wv-characters-table--w95{max-width:95%}.wv-characters-table--w100{max-width:100%}.wv-like{width:75%;height:100%;display:flex;gap:3rem;align-items:flex-start;justify-content:center;margin:0 auto}.wv-like-select{width:24.2%;display:flex;gap:2rem;flex-direction:column;padding:2rem;border-radius:1.5rem;box-shadow:inset 0 0 0 .1rem #55527c;box-sizing:border-box}.wv-like-select-rarity{display:flex;justify-content:center;padding:.75rem 1rem;border-radius:.8rem}.wv-like-select-rarity__text{line-height:3.5rem;color:#fff;font-size:3rem;font-weight:300;text-align:center}.wv-like-select-rarity--common{box-shadow:inset 0 0 0 .1rem #a1a1a1;background:linear-gradient(180deg, rgba(161, 161, 161, 0) 0%, #A1A1A1 100%)}.wv-like-select-rarity--uncommon{box-shadow:inset 0 0 0 .1rem #58a66a;background:linear-gradient(180deg, rgba(88, 166, 106, 0) 0%, #58A66A 100%)}.wv-like-select-rarity--rare{box-shadow:inset 0 0 0 .1rem #2971a5;background:linear-gradient(180deg, rgba(41, 113, 165, 0) 0%, #2971A5 100%)}.wv-like-select-rarity--epic{box-shadow:inset 0 0 0 .1rem #83559b;background:linear-gradient(180deg, rgba(131, 85, 155, 0) 0%, #83559B 100%)}.wv-like-select-rarity--legend{box-shadow:inset 0 0 0 .1rem #ad974e;background:linear-gradient(180deg, rgba(71, 65, 57, 0) 0%, #66553E 100%)}.wv-like-select-btn{display:flex;gap:.5rem;align-items:center;justify-content:center}.wv-like-select-btn__icon svg{width:4.6rem;stroke:#dd2424}.wv-like-select-btn__icon.active svg{fill:#dd2424}.wv-like-select-btn__text{line-height:4.5rem;color:#dd2424;font-size:3.9rem;font-weight:700}.wv-like-select__text{line-height:4rem;color:#fff;font-size:3.3rem;font-weight:300;text-align:center}.wv-like-content{flex:1;height:100%;display:flex;gap:3rem;flex-direction:column;padding:3rem 2rem;border-radius:2rem;box-shadow:inset 0 0 0 .1rem #535457;background:linear-gradient(0deg, #212125 0%, rgba(53, 52, 65, 0.8) 100%);box-sizing:border-box}.wv-like-head{display:flex;gap:1rem;align-items:center;justify-content:center}.wv-like-list{flex:1;display:flex;gap:3rem 2rem;align-content:flex-start;flex-wrap:wrap;overflow-y:auto;overscroll-behavior:contain}.wv-like-item{width:calc(20% - 1.6rem);display:flex;gap:1rem;flex-direction:column;padding:1rem;border-radius:.7rem;box-shadow:inset 0 0 0 .1rem #55527c;box-sizing:border-box}.wv-like-item-btn{display:flex;gap:.5rem;align-items:center;justify-content:center}.wv-like-item-btn__icon svg{width:2.2rem;stroke:#dd2424}.wv-like-item-btn__icon.active svg{fill:#dd2424}.wv-like-item-btn__text{line-height:2.5rem;color:#dd2424;font-size:1.9rem;font-weight:700}.wv-like-item-add{display:flex;gap:2.5rem;flex-direction:column;align-items:center;justify-content:center}.wv-like-item-add__icon svg{width:3.1rem}.wv-like-item-add__text{line-height:2rem;color:#fff;font-size:1.6rem;font-weight:300;text-align:center}.wv-like-item__text{line-height:2rem;color:#fff;font-size:1.6rem;font-weight:300;text-align:center}.wv-like-item--add{align-items:center;justify-content:center;padding:unset;background-color:rgba(255,255,255,.1);aspect-ratio:127/172}.wv-like-portrait{position:relative}.wv-like__title{line-height:3rem;color:#fff;font-size:2.5rem}.wv-like__count{line-height:3rem;color:#fff;font-size:2.5rem;font-weight:300}.wv-like__caption{line-height:2.5rem;color:#a3a3a3;font-size:2.1rem;font-weight:300;text-align:center}.wv-like__remove{z-index:1;position:absolute;top:1rem;right:1rem;width:15.57%}.wv-like__remove svg{width:100%}.wv-guide{line-height:3rem;display:flex;gap:2rem;flex-direction:column;color:#fff;font-size:2.3rem;font-weight:300}.wv-modal{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;padding:4rem;background-color:rgba(0,0,0,.6);box-sizing:border-box;touch-action:none}.wv-modal .wv-container{width:85%;height:unset}.wv-modal.active{display:flex}/*# sourceMappingURL=app.min.css.map */