.battle-element{contain:layout style paint;contain-intrinsic-size:auto 156px;content-visibility:auto;will-change:transform,opacity,height;z-index:1;width:100%;transition:opacity .3s,height .3s,transform .3s;position:relative;overflow:hidden}.battle-element.pause{filter:brightness(1.1);z-index:9}.battle-element{height:156px}@media only screen and (width<=900px){.battle-element{height:300px}}.battle-element .battle-element-content{grid-gap:4px;will-change:opacity;grid-template-rows:auto;grid-template-columns:120px auto 160px 160px;width:100%;transition:opacity .3s;display:grid}.battle-element .battle-element-content .fade-battle-list-enter-from,.battle-element .battle-element-content .fade-battle-list-leave-to{opacity:0}.battle-element .battle-element-content:after{content:"";grid-area:gap;width:100%;height:16px;display:flex}.battle-element .battle-element-content{grid-template-areas:"rounds cases total users""rounds cases action action""gap gap gap gap"}@media only screen and (width<=900px){.battle-element .battle-element-content{grid-template-columns:120px auto 25% 25%;grid-template-areas:"total total users users""rounds cases cases cases""action action action action""gap gap gap gap"}}.battle-element.battle-leave-active{opacity:0;z-index:0;height:0!important}.battle-element.battle-enter-active,.battle-element.battle-leave-active,.battle-element.battle-move{z-index:0}.battle-element .element-rounds{background-color:#161921;border-radius:16px 4px 4px 16px;grid-area:rounds;width:100%;height:140px;position:relative;overflow:hidden}.battle-element .element-rounds .rounds_bg{width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.battle-element .element-rounds .rounds_content{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:12px 12px 16px;display:flex;position:absolute;top:0;left:0}.battle-element .element-rounds .rounds_content .round-box{justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:8px;display:flex;position:relative}.battle-element .element-rounds .rounds_content .round-box .round{text-align:center;padding-bottom:.1em;font-size:20px;font-weight:700;line-height:.6em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-element .element-rounds .rounds_content .status{text-align:center;padding-bottom:.1em;font-size:12px;font-weight:600;line-height:.6em}.battle-element .element-rounds .rounds_content .status span{color:#ff3d33;background-color:#ff3d334d;border-radius:4px 0;padding:6px 8px 6px 12px;font-size:12px;font-weight:700;line-height:.6em;display:inline-flex;position:absolute;top:0;left:0}.battle-element .element-cases{grid-area:cases;align-items:center;height:140px;display:flex;position:relative}.battle-element .element-cases .cases-list{border-radius:4px;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:auto}.battle-element .element-cases .cases-list::-webkit-scrollbar{display:none}.battle-element .element-cases .cases-list{-ms-overflow-style:none;scrollbar-width:none}.battle-element .element-cases .cases-list .blank-list{align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.battle-element .element-cases .cases-list .blank-list .blank-content{background-color:#161921;background-position:50%;border-radius:4px;align-items:center;width:140px;min-width:140px;height:140px;margin-right:4px;padding:12px 22px 16px;display:flex}.battle-element .element-cases .cases-list .blank-list .blank-content img{pointer-events:none;-webkit-user-select:none;user-select:none;user-focus:none;width:120%;margin-top:-14px;margin-left:-14px}.battle-element .element-cases .cases-list .case-content{background-color:#161921;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;width:140px;min-width:140px;height:140px;margin-right:4px;padding:12px 22px 16px;display:flex;position:relative}.battle-element .element-cases .cases-list .case-content .select-mode{position:absolute;top:8px;right:8px}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element{cursor:pointer;border:1px solid #2e394f;border-radius:100%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element .G_Icon{background-color:#2e394f;width:10px;transition:all .3s}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.cougar:hover{border:1px solid #b055ff}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.cougar:hover .G_Icon{background-color:#b055ff}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.cougar{background-color:#b055ff3d;border:1px solid #b055ff}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.cougar .G_Icon{background-color:#b055ff}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.boost:hover{border:1px solid #ff553a}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.boost:hover .G_Icon{background-color:#ff553a}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.boost{background-color:#ff553a3d;border:1px solid #ff553a}.battle-element .element-cases .cases-list .case-content .select-mode .mode-element.boost .G_Icon{background-color:#ff553a}.battle-element .element-cases .cases-list .case-content .count{color:#bfbfbf;text-align:center;text-transform:uppercase;z-index:2;background-color:#1b1f2b;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:8px 8px 9px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;left:0}.battle-element .element-cases .cases-list .case-content .img{width:calc(100% - 44px);position:absolute;top:12px;left:24px;transform:scale(1.3)}.battle-element .element-cases .cases-list .case-content .img.v2{width:100%;top:6px;left:0;transform:scale(1)}.battle-element .element-cases .cases-list .case-content .fg{width:calc(100% - 22px);padding:8% 20%;position:absolute;top:50%;left:11px;transform:scale(1.3)translateY(-50%)}.battle-element .element-cases .cases-list .case-content .name{color:#8892a5;text-align:center;text-transform:uppercase;z-index:2;margin-bottom:-3px;padding-bottom:.1em;font-size:12px;font-weight:600;line-height:12px;position:relative}.battle-element .element-action,.battle-element .element-total,.battle-element .element-users{background-color:#161921;border-radius:4px;width:100%}.battle-element .element-total .total-box,.battle-element .element-users{height:60px;padding:12px 16px}.battle-element .element-total .total-box .element-title,.battle-element .element-users .element-title{padding-bottom:.1em}.battle-element .element-total .total-box .element-title .G_Text .G_Text-content,.battle-element .element-users .element-title .G_Text .G_Text-content{color:#8892a5;font-size:12px;font-weight:600}.battle-element .element-total .total-box .total-content,.battle-element .element-users .total-content{align-items:center;margin-top:8px;display:flex}.battle-element .element-total .total-box .total-content .icon,.battle-element .element-users .total-content .icon{background-color:#64eb49;width:20px;height:20px;margin-right:4px;-webkit-mask-image:url(../../img/icon/balance.svg);mask-image:url(../../img/icon/balance.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.battle-element .element-total .total-box .total-content .value,.battle-element .element-users .total-content .value{color:#64eb49;padding-bottom:.1em;font-size:15px;font-weight:700;line-height:.6em}.battle-element .element-total .total-box .users-content,.battle-element .element-users .users-content{align-items:center;gap:8px;margin-top:8px;display:flex}.battle-element .element-total .total-box .users-content .user,.battle-element .element-users .users-content .user{box-sizing:border-box;cursor:pointer;background-color:#101319;background-size:cover;border-radius:100%;width:20px;height:20px;display:flex;overflow:hidden}.battle-element .element-total .total-box .users-content .user._empty,.battle-element .element-users .users-content .user._empty{border:1px solid #1b1f2b}.battle-element .element-total{background-color:#161921;grid-area:total}.battle-element .element-total .total-box{background-color:#64eb490a}.battle-element .element-users{border-radius:4px 16px 4px 4px;grid-area:users}.battle-element .element-action{border-radius:4px 4px 16px;grid-area:action;justify-content:space-between;height:76px;padding:16px;display:flex}.battle-element .element-action .join{--bg-opacity:.1;width:calc(100% - 60px)}.battle-element .element-action .join:hover{--bg-opacity:.3}@media only screen and (width<=900px){.battle-element .element-total{border-radius:16px 4px 4px}.battle-element .element-rounds{border-radius:4px}.battle-element .element-action{border-radius:4px 4px 16px 16px}}.battle-filter-mobile{text-transform:uppercase;background-color:#202736;width:1500px;max-width:calc(100% - 40px);margin:0 auto 20px;display:none}@media only screen and (width<=750px){.battle-filter-mobile{display:flex}}.battle-filter-mobile .battle-filter-mobile-badge{margin-left:8px}.battle-filters-popup-modal *{font-family:Switzer,sans-serif}.battle-filters-popup-modal .popup_box-container-box .popup_box-container{background-color:#191e2a;border-radius:0}.battle-filters-popup{flex-direction:column;gap:24px;display:flex}.battle-filters-popup .battle-filters-popup-title{align-items:center;gap:12px;height:40px;display:flex}.battle-filters-popup .battle-filters-popup-title .battle-filters-popup-title-icon{color:#b055ff;width:24px;height:24px}.battle-filters-popup .battle-filters-popup-title .battle-filters-popup-title-text{color:#fff;letter-spacing:0;text-transform:uppercase;font-size:18px;font-weight:600;line-height:28px}.battle-filters-popup .battle-filters-popup-list{flex-direction:column;gap:16px;width:100%;display:flex}.battle-filters-popup .battle-filters-popup-list .radio-button{flex-direction:row-reverse;justify-content:space-between;width:100%}.battle-filters-popup .battle-filters-popup-list .battle-filters-popup-option{align-items:center;gap:12px;display:flex}.battle-filters-popup .battle-filters-popup-list .battle-filters-popup-option .battle-filters-popup-option-icon{color:#e6e9ef;width:20px;height:20px}.battle-filters-popup .battle-filters-popup-list .battle-filters-popup-option .battle-filters-popup-option-label{color:#fff;letter-spacing:.01px;font-size:14px;font-weight:500;line-height:20px}.battle-filters-popup .battle-filters-popup-actions{gap:8px;display:flex}.battle-filters-popup .battle-filters-popup-actions .button{flex:none;padding:0 16px}.battle-filters-popup .battle-filters-popup-actions .button:last-child{flex:1 0 0}.battle-hero{justify-content:space-between;align-items:center;width:1500px;max-width:calc(100% - 40px);height:360px;margin:0 auto 8px;display:flex;position:relative}@media only screen and (width<=1200px){.battle-hero{height:300px}}@media only screen and (width<=900px){.battle-hero{display:none}}.battle-hero__bg{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom right;object-position:bottom right;max-width:100%;height:100%;position:absolute;bottom:0;right:0}.battle-hero__content{z-index:2;flex-direction:column;justify-content:center;height:100%;padding-right:40px;display:flex;position:relative}.battle-hero__badge{width:max-content;margin-bottom:16px}@media only screen and (width<=1200px){.battle-hero__badge{margin-bottom:12px}}.battle-hero__title{margin-bottom:40px}.battle-hero__title,.battle-hero__title b{color:#fff;letter-spacing:-.01px;font-size:40px;font-weight:600;line-height:52px}@media only screen and (width<=1200px){.battle-hero__title{margin-bottom:24px}.battle-hero__title,.battle-hero__title b{letter-spacing:-.01px;font-size:32px;font-weight:600;line-height:44px}}.battle-hero:has(.badge) .battle-hero__cta{margin-bottom:52px}@media only screen and (width<=1200px){.battle-hero:has(.badge) .battle-hero__cta{margin-bottom:44px}}.battle-page{margin:16px 0 0}.battle-page .g_pagination{width:max-content;margin:0 auto}.battle-page .section-title{z-index:2;width:1500px;max-width:calc(100% - 40px);margin:0 auto 24px;position:relative}@media only screen and (width<=900px){.battle-page .section-title{margin-bottom:24px}}.battle-page .battle-modes-desc{flex-direction:column;width:1500px;max-width:calc(100% - 40px);margin:0 auto 28px;display:flex;position:relative}@media only screen and (width<=750px){.battle-page .battle-modes-desc{margin-bottom:20px}}.battle-page .battle-modes-desc:has(.battle-mode-desc) .banner{margin-top:24px}.battle-page .battle-modes-desc:has(.battle-mode-desc) .case-banner-discord-advent{margin-top:40px}.battle-page .battle-modes-desc .banner,.battle-page .battle-modes-desc .case-banner-discord-advent{width:100%;max-width:100%;margin:0;transition:all .3s!important}.battle-page .battle-modes-desc .battle-mode-desc{border-radius:20px;align-items:center;gap:18px;width:80%;height:max-content;min-height:max-content;margin:0;padding:0;display:flex;position:relative}@media only screen and (width<=900px){.battle-page .battle-modes-desc .battle-mode-desc{width:100%;margin:0}}.battle-page .battle-modes-desc .battle-mode-desc .desc-icon{z-index:2;border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;margin:5px 0 5px 5px;display:flex;position:relative;transform:rotate(45deg)}@media only screen and (width<=900px){.battle-page .battle-modes-desc .battle-mode-desc .desc-icon{display:none}}.battle-page .battle-modes-desc .battle-mode-desc .desc-icon .G_Icon{width:22px;transform:rotate(-45deg)}.battle-page .battle-modes-desc .battle-mode-desc .desc-info{z-index:2;flex-direction:column;gap:12px;width:calc(100% - 82px);display:flex;position:relative}@media only screen and (width<=900px){.battle-page .battle-modes-desc .battle-mode-desc .desc-info{width:100%}}.battle-page .battle-modes-desc .battle-mode-desc .desc-info .G_Text:has(h4) .G_Text-content{font-size:16px;font-weight:700}@media only screen and (width<=900px){.battle-page .battle-modes-desc .battle-mode-desc .desc-info .G_Text:has(h4){display:none}}.battle-page .battle-modes-desc .battle-mode-desc .desc-info .G_Text:has(p) .G_Text-content{color:#8892a5;font-size:16px;font-weight:600}@media only screen and (width<=900px){.battle-page .battle-modes-desc .battle-mode-desc .desc-info .G_Text:has(p) .G_Text-content{font-size:14px}}.battle-page .battle-filter{width:1500px;max-width:calc(100% - 40px);margin:0 auto 24px}@media only screen and (width<=900px){.battle-page .battle-filter{margin-top:0;margin-bottom:24px}}@media only screen and (width<=750px){.battle-page .battle-filter{margin:0 auto 20px}}.battle-page .battle-filter .battle-filter-types{flex-wrap:wrap;gap:12px;width:100%;display:flex}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element{cursor:pointer;border-radius:6px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex;position:relative;overflow:hidden}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element .battle-filter-types-element-active{opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element .battle-filter-types-element-icon{width:14px;position:relative}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element .battle-filter-types-element-text{position:relative}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element .battle-filter-types-element-text .G_Text-content{color:#8892a5;font-size:12px;font-weight:700}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element.active .battle-filter-types-element-active{opacity:1}.battle-page .battle-filter:has(.type){margin-bottom:16px}@media only screen and (width<=750px){.battle-page .battle-filter .battle-filter-types{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow:auto hidden}.battle-page .battle-filter .battle-filter-types::-webkit-scrollbar{display:none}.battle-page .battle-filter .battle-filter-types .battle-filter-types-element{white-space:nowrap;flex-shrink:0}}.battle-page .battle-filter .G_Switch.type{width:640px;max-width:100%;height:36px}.battle-page .battle-filter .G_Switch.type .content{border:none}.battle-page .battle-filter .G_Switch.type .content .effect{background-color:#1b1f2b;border-radius:8px}.battle-page .battle-filter .G_Switch.type .content .effect.pos_1{background:#31bbff14}.battle-page .battle-filter .G_Switch.type .content .effect.pos_2{background:#fccb1314}.battle-page .battle-filter .G_Switch.type .content .effect.pos_3{background:#ff9c2814}.battle-page .battle-filter .G_Switch.type .content .effect.pos_4{background:#ff3d3314}.battle-page .battle-filter .G_Switch.type .content label>div{gap:12px}.battle-page .battle-filter .G_Switch.type .content label>div .G_Icon,.battle-page .battle-filter .G_Switch.type .content label>div .icon{width:14px;min-width:14px;height:14px}.battle-page .battle-filter .G_Switch.type .content label>div p{margin-left:0;font-size:12px;font-weight:700}.battle-page .battle-filter .G_Switch.type .content label:first-child .icon{background-color:#8892a5}.battle-page .battle-filter .G_Switch.type .content label:first-child p{color:#8892a5}.battle-page .battle-filter .G_Switch.type .content label:nth-child(2) .icon{background-color:#31bbff}.battle-page .battle-filter .G_Switch.type .content label:nth-child(2) p{color:#31bbff}.battle-page .battle-filter .G_Switch.type .content label:nth-child(3) .icon{background-color:#fccb13}.battle-page .battle-filter .G_Switch.type .content label:nth-child(3) p{color:#fccb13}.battle-page .battle-filter .G_Switch.type .content label:nth-child(4) .icon{background-color:#ff9c28}.battle-page .battle-filter .G_Switch.type .content label:nth-child(4) p{color:#ff9c28}.battle-page .battle-filter .G_Switch.type .content label:nth-child(5) .icon{background-color:#ff3d33}.battle-page .battle-filter .G_Switch.type .content label:nth-child(5) p{color:#ff3d33}@media only screen and (width<=640px){.battle-page .battle-filter .G_Switch.type .content{flex-wrap:wrap;height:108px}.battle-page .battle-filter .G_Switch.type .content label{width:50%;height:36px}.battle-page .battle-filter .G_Switch.type .content .effect{height:36px;width:50%!important}.battle-page .battle-filter .G_Switch.type .content .effect.pos_1{left:50%!important}.battle-page .battle-filter .G_Switch.type .content .effect.pos_2{top:33.3333%!important;left:0!important}.battle-page .battle-filter .G_Switch.type .content .effect.pos_3{top:33.3333%!important;left:50%!important}.battle-page .battle-filter .G_Switch.type .content .effect.pos_4{top:66.6667%!important;left:0!important}}.battle-page .battle-filter .filter-content{align-items:center;width:calc(100% + 16px);margin:0 -8px;display:flex}.battle-page .battle-filter .filter-content .available,.battle-page .battle-filter .filter-content .clear,.battle-page .battle-filter .filter-content .mode,.battle-page .battle-filter .filter-content .sort{margin:8px}.battle-page .battle-filter .filter-content .create{margin:8px 8px 8px auto}.battle-page .battle-filter .filter-content .create-mobile{display:none}.battle-page .battle-filter .filter-content .mode{width:440px}.battle-page .battle-filter .filter-content .sort{width:260px}@media only screen and (width<=1200px){.battle-page .battle-filter .filter-content{flex-wrap:wrap}.battle-page .battle-filter .filter-content .mode,.battle-page .battle-filter .filter-content .sort{width:calc(50% - 16px)}.battle-page .battle-filter .filter-content .clear{margin:8px}}@media only screen and (width<=900px){.battle-page .battle-filter .filter-content .mode{width:calc(100% - 16px);margin-top:0}.battle-page .battle-filter .filter-content .available{margin:8px 8px 8px auto}}@media only screen and (width<=750px){.battle-page .battle-filter .filter-content{gap:12px;width:100%;margin:0;padding:0}.battle-page .battle-filter .filter-content .sort{width:calc(100% - 16px)}.battle-page .battle-filter .filter-content .mode{height:36px;margin:0}.battle-page .battle-filter .filter-content .available{margin:8px}}@media only screen and (width<=650px){.battle-page .battle-filter .filter-content .available,.battle-page .battle-filter .filter-content .clear{height:auto;margin:8px auto 0 8px}.battle-page .battle-filter .filter-content .create{display:none}}@media only screen and (width<=430px){.battle-page .battle-filter .filter-content .sort{width:calc(100% - 118px);margin:0 8px 8px}.battle-page .battle-filter .filter-content .mode{width:max-content}.battle-page .battle-filter .filter-content .mode .content label div p{display:none}.battle-page .battle-filter .filter-content .mode .content label div .icon{width:18px;height:18px}}@media only screen and (width<=750px){.battle-page .battle-filter .filter-content .available,.battle-page .battle-filter .filter-content .sort{display:none}.battle-page .battle-filter .filter-content .mode{width:max-content;margin-top:0}.battle-page .battle-filter .filter-content .mode .content label div p{display:none}.battle-page .battle-filter .filter-content .mode .content label div .icon{width:18px;height:18px}.battle-page .battle-filter .filter-content .create{display:none}.battle-page .battle-filter .filter-content .create-mobile{flex:1 0 0;display:flex}}.battle-page .battle-list-empty{flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}.battle-page .battle-list-empty .G_Icon{width:100px;margin-bottom:24px}.battle-page .battle-list-empty .G_Text b{margin-bottom:8px;font-size:18px;font-weight:700}.battle-page .battle-list-empty .G_Text p{color:#8892a5;margin-bottom:24px;font-size:14px;font-weight:600}.battle-page .battle-list{flex-wrap:wrap;align-content:flex-start;gap:0 16px;width:1500px;max-width:calc(100% - 40px);margin:0 auto 40px;display:flex;position:relative}