button,input,label,ul{all:unset}.loading,table{width:100%}html{font-size:8px;font-family:"Noto Sans",sans-serif;background-color:#000}.header-dropdown__text:lang(ko),html:lang(ko){font-family:"Noto Sans","Noto Sans KR",sans-serif}html:lang(ja){font-family:"Noto Sans","Noto Sans JP",sans-serif}html:lang(zh-CN){font-family:"Noto Sans","Noto Sans SC",sans-serif}html:lang(zh-TW){font-family:"Noto Sans","Noto Sans TC",sans-serif}@media (max-width:1280px){html{min-width:unset;font-size:7px}}@media (max-width:768px){html{font-size:6px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}input[type=checkbox]{appearance:auto}span{word-break:break-word}ul{display:flex;flex-direction:column;list-style-type:disc;list-style-position:outside;padding-left:2.5rem}table tr{display:flex}table td,table th{flex:1;box-sizing:border-box}table tbody,table tfoot,table thead{display:flex;flex-direction:column}.loading{z-index:6;position:fixed;top:0;left:0;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-bottom,.portrait-top{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:-.35rem;left:50%;width:calc(100% - .2rem);transform:translateX(-50%)}.portrait__thumb 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:-.5rem;right:-.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,.25) 50%,rgba(0,0,0,.5) 100%);box-sizing:border-box}.portrait__type{width:22%}.portrait__type svg{width:100%}.portrait::after,.portrait::before{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,.login-btn,.modal-overlay{position:absolute}.aside-overlay{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-login,.account-sns{display:flex;align-items:center}.account-menu__text{line-height:4.5rem;color:silver;font-size:4rem}.account-sns{gap:5rem;justify-content:center}.account-sns__icon svg{width:5rem;fill:#fff}.account-btn__icon svg{width:4.6rem;fill:#fff}.account-login{gap:1rem;padding:.5rem 1.5rem;border-radius:3rem;background-color:#fff;cursor:pointer}.account-login__icon svg{width:2.5rem;fill:#000}.modal,.modal-overlay{width:100%;height:100%;top:0;left:0}.account-login__text{line-height:3.5rem;font-size:3rem;font-weight:500}.modal{z-index:4;position:fixed;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}.login,.login-form{gap:3rem;flex-direction:column;display:flex}.characters-filter-content,.login{padding:3rem 2.5rem;box-sizing:border-box}.modal-content{z-index:1;position:relative;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.modal.active{display:flex}@media (max-width:1280px){.modal-content{width:100%}.modal{backdrop-filter:blur(1rem)}.modal--login{background-color:rgba(0,0,0,.8)}}.login{width:50rem;border-radius:3rem;background-color:#fff}.login-head{position:relative;display:flex;justify-content:center;padding:0 4rem}.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}.login-btn{top:0;right:0;cursor:pointer}.login-btn__icon svg{width:1.6rem;fill:#000}@media (max-width:1280px){.login-form-btn__text,.login-form-input input{line-height:3rem;font-size:2.5rem}.login-form-input input{padding:2rem}.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}.login{width:100%}}.header-dropdown__text,.header-menu__text{line-height:3rem;font-size:2.4rem;font-weight:500;transition-duration:.5s}.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}.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-container{padding:.5rem 2rem}.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{color:#777;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 transparent;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 transparent;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{color:#9C9C9C;transition-property:color}.footer-menu__text,.header-dropdown-item:hover .header-dropdown__text,.header-dropdown:hover .header-dropdown-select .header-dropdown__text{color:#fff}.header-dropdown__text:lang(ja){font-family:"Noto Sans","Noto Sans JP",sans-serif}.header-dropdown__text:lang(zh-CN){font-family:"Noto Sans","Noto Sans SC",sans-serif}.header-dropdown__text:lang(zh-TW){font-family:"Noto Sans","Noto Sans TC",sans-serif}.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-list{display:flex}.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}.header-btn{display:none;cursor:pointer}.header-btn__icon svg{width:3.8rem;fill:#fff}@media (max-width:1280px){.header-login{display:none}.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;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:2560px;display:flex;gap:2rem;flex-direction:column;padding:8rem 2rem;margin:0 auto;box-sizing:border-box}.board-head{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:-.5rem;top:.5rem;color:#fff;-webkit-text-stroke:.1rem #CACACA;paint-order:stroke fill}@media (max-width:1280px){.board-container{padding:4rem}.board-head{gap:1.5rem;align-items:unset;flex-direction:column}}.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}}.board--codex .board-head,.characters-head{padding-left:43rem}.board--codex .board-container{max-width:196rem}.board--popular .board-head{padding:0 43rem}.board--popular .board-container{max-width:236rem}.board--arena .board-container{max-width:150rem}@media (max-width:1280px){.board--arena .board-head,.board--codex .board-head,.board--popular .board-head{padding:unset}.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}.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.active,.characters-head-dropdown-item:hover{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-btn,.characters-head-dropdown-select select{display:block}.characters-head-dropdown__text,.characters-head-search__input input{line-height:2rem;font-size:1.7rem}.characters-head{gap:1.5rem;padding:unset}.characters-head-dropdown-select{width:21.5rem}.characters-head-search{width:25rem}}.characters-side{position:relative;width:40rem}@media (max-width:1280px){.characters-side{width:unset}}.characters-content{flex:1;display:flex;gap:2rem;flex-direction:column}.characters-table tr{gap:1rem}.characters-table td,.characters-table th{display:flex;align-items:center;justify-content:center}.characters-table thead{padding:3rem 2rem;border-radius:2rem 2rem 0 0;background-color:#000}.characters-table tbody,.characters-table tfoot{border-radius:0 0 2rem 2rem;background-color:#fff}thead .characters-table__text{line-height:3rem;color:#fff;font-size:2.7rem;font-weight:500}.characters-table tbody{padding:0 2rem}.characters-table tbody tr{padding:4rem 0;box-shadow:inset 0 -.1rem 0 0 #D7D7D7}.characters-table tbody tr:last-child{box-shadow:unset}.characters-table tfoot{padding:3rem 2rem}.characters-table tbody:has(+tfoot){border-radius:unset}.characters-table-info{display:flex;gap:5rem;align-items:center}.characters-table-info__text{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}.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}.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:20rem}.characters-table--change,.characters-table--count{max-width:15rem}.characters-table--win{max-width:20rem}@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:block}.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-change__icon svg,.characters-table-like__icon svg{width:2.4rem}.characters-table-like{gap:.5rem}.characters-table-like__text{line-height:2.5rem;font-size:2.1rem}.characters-table-change{gap:.5rem}.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,.characters-table__win{line-height:2.5rem;font-size:2.1rem}.characters-table__caption{color:#fff}.characters-table--rank{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;border-radius:2.5rem;box-shadow:inset 0 0 0 .1rem #6E1C5A;background-color:#fff}.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((100% / 2) - .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--reset,.characters-filter-close{display:none}.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}@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 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,.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}.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(0)}@media (max-width:1280px){.characters-filter__text{line-height:2.5rem;font-size:2.1rem}.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,.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:19rem;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:transparent}.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((100% / 5) - 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((100% / 3) - 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}.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-head{display:flex}.popular-side{width:unset}}.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;border-radius:2rem;background-image:url(/img/characters/top_bg.png);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-portrait,.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-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;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,.popular-guide-content{flex-direction:column;box-sizing:border-box}.popular-guide{position:sticky;top:10rem;left:0;display:flex;gap:5.5rem}.popular-guide-content{position:relative;display:flex;gap:2rem;padding:3rem 2.5rem;border-radius:2.5rem;box-shadow:inset 0 0 0 .1rem #B14F1A;background-color:#fff}.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}.arena-side{position:relative;width:40rem}@media (max-width:1280px){.arena-container{gap:unset;flex-direction:column}.arena-side{width:unset}}.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-history-tab__text,.arena-season-tab__text{transition-duration:.5s;transition-property:color}.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}.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__text,.arena-season-item--this .arena-season-date__title{color:#486625}.arena-season-item--last .arena-season-date__text,.arena-season-item--last .arena-season-date__title{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,.arena-season-tab{display:flex}.arena-season-sub{gap:2rem;padding:1.5rem;background-color:#fff}.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}.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__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}