@font-face{font-family:Tik Tok;src:url(../media/TikTok.0dd38ca9.woff)format("woff")}@font-face{font-family:Wadik;src:url(../media/Wadik.5b28cf02.woff)format("woff")}a,button{-webkit-user-select:none;user-select:none;background-color:#0000}a:hover,button:hover{cursor:pointer}input[type=number]{appearance:textfield}*{border:unset;-webkit-text-decoration:unset;text-decoration:unset;box-sizing:border-box;margin:0;padding:0;font-family:Tik Tok;list-style:none}html{flex-direction:column;height:100vh;display:flex}body{flex-direction:column;flex-grow:1;display:flex}main{box-sizing:border-box;flex-direction:column;flex-grow:1;min-height:1px;padding-top:4rem;padding-bottom:1rem;display:flex}body{background-color:#041023;background-image:url(../media/background-anime-card.dcbfb97f.png)}@keyframes show-header{to{transform:translateY(-100%)}}@keyframes hide-header{to{transform:translateY(0)}}.header{z-index:100;align-items:stretch;width:100%;height:54px;transition-duration:.3s;display:flex;position:fixed;top:0;left:0}.header.showen{transform:translateY(0)}.header.hidden{transform:translateY(-200%)}.header__left-container,.header__right-container{align-items:center;gap:.5rem;display:flex}.header__btn{justify-content:center;align-items:center;display:flex}.header__btn svg{stroke:#fff;fill:#fff;height:30px}.header__btn:disabled svg{stroke:#dadada;fill:#dadada}.header__money-block{background-color:#fff;border-radius:50px;gap:1rem;height:36px;padding-inline:1rem;display:flex}.header__container{flex-grow:1;justify-content:space-between;align-items:center;padding-inline:20px;display:flex}.header__container-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid #833e96;border-radius:0 0 25px 25px}.header__link{color:#fff}.header__link-logo{background-color:#041023;border:1px solid #041023;border-radius:100%;outline:2px solid #fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.header__link-logo img{object-fit:scale-down}.header__middle{aspect-ratio:1;justify-content:center;align-items:center;width:126px;display:flex;position:absolute;bottom:-50%;left:50%;transform:translate(-50%)}.header__middle-container{clip-path:polygon(0 61.3%,100% 61.3%,100% 100%,0% 100%);aspect-ratio:1;z-index:-1;background:linear-gradient(90deg,#1f2938,#1f2938) padding-box padding-box,linear-gradient(90deg,#b1b1b1,#8f8f8f) border-box;border:1.2px solid #0000;border-radius:100%;width:126px;position:absolute;bottom:-5%;left:0}.header__middle .header__cards-container{background:linear-gradient(40deg,#733079 1%,#ce62b7 100%);border-radius:5px;width:39px;height:64px;display:block;position:relative;left:15%}.header__middle .header__cards-container:after,.header__middle .header__cards-container:before{content:" ";background:linear-gradient(40deg,#733079 1%,#ce62b7 100%);border-radius:5px;width:39px;height:64px;display:block;position:absolute;top:0}.header__middle .header__cards-container:after{opacity:.6;z-index:-1;left:-50%}.header__middle .header__cards-container:before{opacity:.4;z-index:-1;left:-100%}.home{flex-direction:column;justify-content:flex-end;height:100%;padding-inline:1rem;display:flex}.purple-button,.purple-link{color:#fff;text-align:center;background-color:#833e9666;border:1px solid #833e96;border-radius:20px;justify-content:center;align-items:center;padding:1rem;font-size:1.5rem;font-weight:700;display:flex}.purple-button:disabled,.purple-link:disabled{color:#dadada}.purple-button.arrow svg,.purple-link.arrow svg{transition-duration:.3s}.purple-button.arrow-opened svg,.purple-link.arrow-opened svg{transform:rotate(0)}.purple-button.arrow-hidden svg,.purple-link.arrow-hidden svg{transform:rotate(180deg)}.purple-button.huge,.purple-link.huge{padding:1rem .8rem}.purple-button.tiny,.purple-link.tiny{padding:.5rem 1rem;font-size:1rem;font-weight:500}.purple-button:hover,.purple-link:hover{cursor:pointer}.table__title{color:#fff;text-align:center;padding-block:2rem;font-family:Wadik;font-weight:700}.table__start-menu{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.blur-space{background:url(../media/background-anime-card-dark.ea784c03.png) padding-box padding-box,linear-gradient(90deg,#b1b1b1,#8f8f8f) border-box;border:1.2px solid #0000;border-radius:30px;position:relative;overflow:hidden}.blur-space__container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(141deg,#dadada33 1%,#6663 100%);flex-direction:column;gap:2.5rem;padding:40px 14px;display:flex}.blur-space__container.main{flex-direction:column;gap:1rem;display:flex}.preview-battle-card{aspect-ratio:.7;height:140px;display:flex}.preview-battle-card__set-btn{border:2px dashed #fff;border-radius:15px;flex-grow:1;justify-content:center;align-items:center;display:flex}.card{aspect-ratio:.7;border:2px solid #041023;box-sizing:border-box;background-color:#dadada;border-inline-width:3px;border-radius:15px;height:140px;transition-duration:.2s;position:relative;overflow:hidden}.card__set-text{color:#fff;font-family:Wadik;font-size:1.8rem;font-weight:600}.card__set-container-rival{background-color:#833e96;border:1.2px solid #fff;border-radius:15px;flex-grow:1;justify-content:center;align-items:center;display:flex}.card__stats-container{opacity:0;background:linear-gradient(#04102300,#041023cc);flex-direction:column;justify-content:flex-end;align-items:center;gap:.1rem;width:100%;height:100%;padding:.2rem;transition-duration:.3s;display:flex;position:absolute;bottom:0;left:0}.card__stat{justify-content:space-between;display:flex}.card__stat span{color:#fff}.card-s{border-inline-color:#ffd400}.card-a{border-inline-color:#833e96}.card-b{border-inline-color:#00f7ff}.card-c{border-inline-color:#5be98b}.card-d{border-inline-color:#dadada}.card.dragging{position:absolute}.card:hover{transform:scale(1.05)}.card__active-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card__preview-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card__delete-container{position:absolute;bottom:.5rem;right:.5rem}.card__preview{object-fit:cover;width:100%;height:100%}.card__level-badge{color:#fff;pointer-events:none;background-color:#833e96d9;border-radius:6px;padding:.1rem .25rem;font-size:.55rem;font-weight:700;position:absolute;bottom:.3rem;right:.3rem}.card.selected{transform:translateY(-6%)rotate(3deg)scale(1.05)}.cards-list{transform-origin:0;justify-content:space-around;padding-block:.4rem;display:flex;overflow:hidden}.cards-list.to-hide{animation:.4s forwards hide-cards-list}.cards-list.opened{animation:.4s forwards show-cards-list}.card__delete{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);aspect-ratio:1;border-radius:100%;justify-content:center;align-items:center;width:40px;display:flex}.card__delete svg{filter:drop-shadow(0 0 2px red)drop-shadow(0 0 0 3px blue)}@keyframes shake-card{10%{transform:translateY(10%)}20%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}50%{transform:rotate(0)}to{transform:translateY(0%)}}@keyframes show-cards-list{0%{max-height:0;padding:0}to{max-height:160px;padding-block:.4rem}}@keyframes hide-cards-list{0%{max-height:160px;padding-block:.4rem}to{max-height:0;padding:0}}.cards-choise *{color:#fff}.cards-choise{flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:stretch;gap:1rem;height:100%;min-height:1px;max-height:100%;display:flex}.cards-choise__favorite-list{flex-wrap:wrap;justify-content:space-around;justify-items:center;row-gap:.3rem;display:flex}.cards-choise__list-container{flex-direction:column;flex-grow:1;gap:.4rem;min-height:1px;display:flex}.cards-choise__filter-container{justify-content:stretch;display:flex}.cards-choise__cards-list{flex-direction:column;padding-block:1rem;display:flex;overflow:hidden auto}.cards-choise__filter{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.cards-choise__filter.pd{padding-inline:1rem}.cards-choise__filter.pd-no{padding:unset}.cards-choise__list{grid-template-rows:repeat(auto-fit,140px);grid-template-columns:repeat(auto-fit,100px);justify-content:space-around;justify-items:center;gap:.3rem;display:grid}.cards-choise__desc-text{flex-direction:column;gap:.4rem;display:flex}.card-desc__description{flex-direction:column;flex-grow:1;gap:.4rem;padding-block:.2rem;display:flex}.card-desc__top-block{justify-content:space-between;align-items:center;height:30px;display:flex}.card-desc__name{color:#fff;font-size:1.2rem;font-weight:600}.card-desc__desc-element{color:#fff;gap:1rem;display:flex}.card-desc__desc-key{font-weight:600}.over-black-space{z-index:200;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#04102399;flex-direction:column;gap:2rem;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0;transform:translateY(100%);position:fixed!important}.over-black-space.opened{animation:.4s forwards show-selection-list}.over-black-space.to-hide{animation:.4s forwards hide-selection-list;transform:translateY(0%)}.over-black-space__btns{box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(141deg,#dadada33 1%,#6663 100%);justify-content:space-between;width:100%;padding:.6rem 1rem;display:flex;position:absolute;bottom:0;left:0}@keyframes show-selection-list{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes hide-selection-list{0%{transform:translateY(0%)}to{transform:translateY(100%)}}.base-list{width:fit-content;display:flex}.base-list.small .base-list__active-value-container{gap:1rem;display:flex}.base-list.small .base-list__selection-container{background-color:#833e9666;border:1px solid #833e96;border-radius:10px;flex-grow:1;height:30px;padding-inline:.4rem}.base-list.small .base-list__selection{width:max-content;min-width:100%}.base-list.small .base-list__active-value-container{border-radius:10px;justify-content:space-around;align-items:center}.base-list.long{justify-content:space-between;align-items:center;width:100%}.base-list__title{color:#fff;font-size:1rem;font-weight:600}.base-list__selection-container{width:100%;max-width:140px;height:30px;display:flex;position:relative}.base-list__container{aspect-ratio:1;justify-content:center;align-items:center;height:100%;display:flex}.base-list__active-value-container{flex-grow:1;justify-content:space-between;display:flex}.base-list__btn{height:inherit;width:inherit}.base-list__btn:disabled svg{stroke:#dadada}.base-list__btn{stroke:#fff;justify-content:center;align-items:center;display:flex}.base-list__active-value{color:#fff;background-color:#833e9666;border:1px solid #833e96;border-radius:10px;flex-grow:1;height:30px}.base-list__selection{box-sizing:border-box;z-index:100;background-color:#1f2938;border:1px solid #833e96;border-radius:10px;flex-direction:column;width:100%;padding:.3rem;display:flex;position:absolute;top:110%;left:0;box-shadow:0 2px 12px #3f4b8a33}.base-list__value{text-wrap:nowrap;color:#fff;border-radius:5px;padding:.4rem .7rem;transition-duration:.3s}.base-list__value:hover{background-color:#733079}.input{gap:1rem;height:40px;display:flex}.input__container{flex-shrink:2;width:100%;height:100%;display:flex}.input__container-input{max-width:180px}.input__text-inpt{color:#fff;background-color:#1f2938;border:1px solid #833e96;border-radius:10px;width:100%;height:100%;padding-inline:1rem}.input__text-inpt:focus{outline:unset}.input__btn{aspect-ratio:1;background-color:#833e9666;border:1px solid #833e96;border-radius:10px;justify-content:center;align-items:center;height:100%;display:flex}.search-filter__btn{aspect-ratio:1;background-color:#1f2938;border-radius:10px;justify-content:center;align-items:center;height:40px;display:flex}.search-filter__portal{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background-color:#0003;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem 2rem;display:flex;top:0;left:0;position:fixed!important}.search-filter__filter-container{background-color:#1f2938;border:2px solid #833e96;border-radius:20px;flex-direction:column;gap:2rem;width:100%;padding:1rem;display:flex;box-shadow:1px 1px 35px 11px #484d8933}.search-filter__block{width:100%}.search-filter__block-filters{flex-direction:column;align-items:stretch;gap:.6rem;display:flex}.search-filter__block-btns{justify-content:space-between;display:flex}.light-button{color:#fff;background-color:#041023;border:2px solid #041023;border-radius:15px;outline:1px solid #fff;height:100%;padding:.2rem 1rem;font-size:1.2rem;font-weight:600;box-shadow:inset 0 0 17px -6px #ffffffcf}.light-button:disabled{opacity:.8}.light-button.tiny{padding:.2rem .5rem;font-size:1.1rem;font-weight:500}.light-button.green{background-color:#5be98b}.light-button.blue{background-color:#00f7ff}.light-button.purple{background-color:#833e96;box-shadow:inset 0 0 17px -6px #521acdcf}.auth{flex-grow:1;justify-content:center;align-items:center;display:flex}.auth__form-container{flex-grow:1;justify-content:center;align-items:center;max-width:450px;padding:1rem;display:flex}.auth__form{flex-direction:column;flex-grow:1;gap:2rem;display:flex}.auth__label{color:#833e96;text-align:center;font-family:Wadik;font-size:1.4rem;font-weight:600}.auth__top-block{flex-direction:column;gap:1rem;display:flex}.auth__input{color:#dadada;background-color:#041023;border:2px solid #833e96;border-radius:15px;height:54px;padding-inline:1rem;font-size:1.2rem;font-weight:600}.auth__input:focus{outline:unset}.auth__container-nickname{flex-direction:column;gap:.4rem;display:flex}.auth__error{color:#c76666;font-size:1rem;font-weight:600}.auth__bottom-block{justify-content:center;display:flex}.message-controller__list{flex-direction:column;align-items:end;gap:.4rem;display:flex;overflow:hidden}.message-controller{z-index:500;padding:.4rem;position:absolute;top:4rem;right:0}.message{background-color:#fff;border-right:2px solid #fff;border-radius:15px 0 0 15px;justify-content:space-between;gap:1rem;width:fit-content;max-width:300px;padding:.4rem;animation:.3s forwards show-message;display:flex}.message.message{border-color:#5be98b}.message.error{border-color:#c76666}.message__text{color:#041023;font-size:1.2rem;font-weight:600}.loading{text-align:center}.loading span{color:#dadada;font-size:1.2rem;font-weight:600}@keyframes show-message{0%{transform:translate(100%)}to{transform:translate(0%)}}@media screen and (max-width:340px){.light-button{font-size:1rem}.light-button.tiny{font-size:.9rem}}@media screen and (max-width:330px){.preview-battle-card,.card{width:80px;height:120px}.cards-choise__favorite-list,.cards-choise__list{grid-template-rows:repeat(auto-fit,120px);grid-template-columns:repeat(auto-fit,80px)}}
.profile{flex-direction:column;flex-grow:1;min-height:1px;padding-inline:1rem;display:flex}.profile__loading{color:#dadada;flex-grow:1;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.profile *{color:#fff;font-family:Tik Tok}.profile__user-label{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile__logo-container{aspect-ratio:1;background-color:#fff;border-radius:100%;justify-content:center;align-items:center;width:100px;display:flex;overflow:hidden}.profile__user-nick-id{flex-direction:column;gap:.6rem;display:flex}.profile__user-nick-id span,.profile__user-nick-id h2{text-align:center}.profile__user-nick{font-size:1.5rem;font-weight:700}.profile__achivments-list{border-collapse:collapse;grid-template-columns:repeat(2,1fr);display:grid}.profile__achivment{flex-direction:column;gap:.6rem;padding:.6rem;display:flex}.profile__achivment:nth-child(3),.profile__achivment:nth-child(4){border-top:1px solid #dadada}.profile__achivment:first-child,.profile__achivment:nth-child(3){border-right:1px solid #dadada}.profile__ach-score{font-size:2rem;font-weight:800}.profile__ach-title{font-size:1rem;font-weight:400}.profile__ach-container{justify-content:center;align-items:center;display:flex}.profile__ach-score,.profile__ach-title{text-align:center}.profile__user-favorite-cards{flex-direction:column;gap:1rem;display:flex}.profile__favorite-cards-btn__container{justify-content:stretch;gap:1rem;display:flex}.profile__favorite-cards-btn__container button{flex-grow:1}.profile__edit-btn{position:absolute;top:.8rem;right:.8rem}
.battle-cards{flex-direction:column;height:calc(100vh - 10rem);padding-inline:1rem;display:flex;position:relative}.battle-cards__btns{box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;width:100%;padding:.6rem 1rem;display:flex;position:absolute;bottom:0;left:0}
.shop{flex-direction:column;flex-grow:1;min-height:1px;padding-inline:1rem;display:flex}.shop__body{flex-direction:column;gap:3rem;width:100%;padding-top:2rem;display:flex}.keys__list-container{z-index:100;width:100%;height:fit-content;padding-inline:1rem;position:sticky;top:1rem;left:0}.keys__list{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#04102333;border-radius:25px;gap:2rem;padding:.5rem;display:flex}.banner-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #833e96;border-bottom-width:4px;border-radius:25px;flex-direction:column;width:100%;padding:2rem 1rem 1rem;display:flex;position:relative}.banner-section__title-container{background-color:#041023;border:1px solid #833e96;border-radius:15px;padding:.4rem .8rem;position:absolute;top:-16px;left:40px}.banner-section__title{color:#fff;font-weight:600}.banner-section__list{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.banner{background-color:#fff;border-bottom:4px solid #833e96;border-radius:15px;flex-direction:column;flex-shrink:1;gap:.2rem;width:100%;max-width:140px;padding:.4rem;display:flex;box-shadow:0 0 33px 7px #193f5c33}.banner__view-block{flex-direction:column;gap:.2rem;display:flex}.banner__name{text-wrap:wrap;text-align:center;color:#041023;font-size:1rem;font-weight:500;display:block}.banner__count-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.banner__count-container-normal{flex-direction:column;gap:.2rem;display:flex}.banner__count{color:#041023;text-align:center;width:100%;font-size:1rem;font-weight:500;display:block}.banner__view-container{justify-content:center;align-items:center;width:100%;display:flex}.banner__view{object-fit:scale-down;border-radius:15px;height:120px;overflow:hidden}.banner__view.card-s{border:2px solid #ffd400}.banner__view.card-a{border:2px solid #833e96}.banner__view.card-b{border:2px solid #00f7ff}.banner__view.card-c{border:2px solid #5be98b}.banner__view.card-d{border:2px solid #dadada}.value-info{align-items:center;gap:.6rem;display:flex}.value-info__view-container{aspect-ratio:1;background-color:#fff;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.value-info__view{object-fit:scale-down;width:100%}.value-info__count{color:#041023;font-size:1.2rem;font-weight:600}
.twists{flex-direction:column;flex-grow:1;gap:2rem;min-height:1px;padding-inline:1rem;display:flex}.twists__body{flex-direction:column;flex-grow:1;gap:3rem;min-height:1px;display:flex}.twist-banner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #833e96;border-radius:25px;flex-direction:column;height:fit-content;padding:.4rem;display:flex;position:relative}.twist-banner__twist-container{justify-content:center;align-items:center;display:flex;overflow:hidden}.twist-banner__twist{object-fit:scale-down;width:100%;animation:2s infinite package-shake}.twist-banner__twist.stop{animation-play-state:paused}.twist-banner__twist.play{animation-play-state:running}.twist-banner__title{color:#fff;font-size:1.1rem;font-weight:600}.twist-banner__purchase-block{padding-inline:2rem;background-color:#fff;border-bottom:4px solid #833e96;border-radius:25px;justify-content:center;gap:1rem;width:fit-content;padding:.4rem;display:flex;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.twist-banner__container{flex-direction:column;align-items:center;gap:.6rem;padding-bottom:.4rem;display:flex}.twist-banner__info-container{border:1.2px solid #041023;border-radius:100px;justify-content:center;align-items:center;width:100%;min-height:30px;display:flex;position:relative}.twist-banner__info-container:hover{cursor:pointer}.twist-banner__choice{background-color:#fff;border:1.2px solid #833e96;border-radius:20px;flex-direction:column;align-items:center;padding:.4rem;display:flex;position:absolute;top:200%;left:50%;transform:translate(-50%)}.twist-banner__choice-el{color:#041023;transition-duration:.3rem;border-radius:10px;justify-content:center;align-items:center;width:100%;height:30px;padding-inline:.4rem;font-size:.8rem;transition-duration:.3s;display:flex}.twist-banner__choice-el:hover{color:#fff;background-color:#833e96}.twist-banner__info{color:#041023;text-align:center;text-wrap:wrap;font-size:.8rem;font-weight:500}.twist-banner__cooldown{flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .8rem;display:flex}.twist-banner__cooldown-label{color:#041023;font-size:.7rem;font-weight:500}.twist-banner__cooldown-timer{color:#833e96;letter-spacing:.1rem;font-family:Wadik;font-size:1.2rem;font-weight:800}@keyframes show-card-twist{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes hide-card-twist{0%{transform:translateY(0%)}to{transform:translateY(100%)}}.twist{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:300;background-color:#833e9633;flex-direction:column;flex-grow:1;width:100%;height:100%;padding:.5rem;display:flex;position:fixed;top:0;left:0}.twist.opened{animation:.4s forwards show-card-twist}.twist.to-hide{animation:.4s forwards hide-card-twist}.twist__container{border:2px solid #833e96;border-radius:25px;flex-direction:column;flex-grow:1;padding:.5rem;display:flex;position:relative;box-shadow:inset 0 0 20px #cd00ff33}.twist__body{flex-direction:column;flex-grow:1;height:100%;display:flex}.twist__package-container{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.twist__package-img{object-fit:cover;-webkit-user-select:none;user-select:none;min-width:500px;height:100%;max-height:840px}.twist__package-img.lock{display:none}.twist__package-img.open{display:block}.twist__panel{justify-content:center;align-items:center;width:100%;height:40px;padding-inline:2rem;display:flex;position:absolute;bottom:1rem;left:0}.twist__btn{color:#fff;background-color:#5be98b;border:2px solid #833e96;border-radius:15px;outline:1px solid #fff;height:100%;padding-inline:1rem;font-size:1.2rem;font-weight:600;box-shadow:inset 0 0 17px -6px #ffffffcf}.twist__card-container{opacity:0;flex-direction:column;gap:3rem;animation:.8s 4s forwards paused show-gacha-card;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)scale(.1)}.twist__card-container.hidden,.twist__card-container.opened{animation-play-state:running}.twist__dropped-card{background-color:#041023;border:6px solid #041023;border-inline:3px solid #ffd400;border-radius:25px;justify-content:center;align-items:center;width:180px;height:300px;display:flex;overflow:hidden}.twist__dropped-card-s{border-inline-color:#ffd400;box-shadow:0 0 64px #ffd400cc}.twist__dropped-card-a{border-inline-color:#833e96;box-shadow:0 0 64px #833e96cc}.twist__dropped-card-b{border-inline-color:#00f7ff;box-shadow:0 0 64px #00f7ffcc}.twist__dropped-card-c{border-inline-color:#5be98b;box-shadow:0 0 64px #5be98bcc}.twist__dropped-card-d{border-inline-color:#dadada;box-shadow:0 0 64px #dadadacc}.twist__card-name{color:#fff;text-align:center;font-family:Wadik;font-size:2rem}.twist__card-img{object-fit:cover;height:100%}@keyframes show-gacha-card{to{opacity:1;bottom:30%;transform:scale(1)translate(-50%)}}.cat-line{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed #fff6;border-radius:40px;align-items:center;width:70%;padding:.5rem .8rem;display:flex;position:absolute;top:28%;left:12%;transform:rotate(-1deg)}.cat-line__arrows-block{align-items:center;display:flex}.cat-line__arrows-block svg{opacity:.4;animation:.6s infinite arrow-trigger;transform:rotate(-90deg)}.cat-line__arrows-block svg:nth-child(2){animation-delay:.2s}.cat-line__arrows-block svg:nth-child(3){animation-delay:.4s}@keyframes arrow-trigger{50%{opacity:.8;transform:rotate(-90deg)}to{opacity:.4;transform:rotate(-90deg)}}@keyframes package-shake{10%{transform:translateY(-4%)}20%{transform:rotate(5deg)translateY(-4%)}25%{transform:rotate(-5deg)translateY(-4%)}30%{transform:rotate(5deg)translateY(-4%)}35%{transform:rotate(-5deg)translateY(-4%)}40%{transform:rotate(5deg)translateY(-4%)}45%{transform:rotate(-5deg)translateY(-4%)}50%{transform:rotate(0)translateY(-4%)}to{transform:scaleX(100%)}}
.trades{flex-direction:column;gap:1rem;padding-inline:1rem;display:flex}.trades__top{flex-direction:column;gap:1rem;min-height:fit-content;padding:.5rem;display:flex}.trades__bottom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;padding-inline:.5rem}.trades__your-filter{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.trades__your-f-element{background-color:#041023;border:1px solid #833e96;border-radius:100px;padding:.4rem .6rem}.trades__your-f-element.active{border-width:2px}.trades__your-f-element button{color:#dadada;font-size:1rem;font-weight:600}.trades__bottom{border-radius:20px;flex-direction:column;flex-grow:1;gap:.5rem;min-height:1px;display:flex}.trades__container{display:flex}.trades__container-inventory{justify-content:flex-end}.trades__container-vertical{flex-direction:column;gap:.5rem}.trades__list-title-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#833e9666;border:1px solid #833e96;border-bottom:2px solid #fff;border-radius:15px 15px 0 0;padding:.5rem}.trades__list-title{color:#fff;font-size:1.1rem;font-weight:600}.trades__link{color:#fff;background-color:#5be98b;border-radius:15px;padding:.4rem .8rem;font-size:1.1rem;display:block;box-shadow:inset 0 0 17px -6px #ffffffcf}.trades__orders-filter-container{justify-content:space-between;width:100%;height:40px;display:flex}.trades__your-offers-list,.trades__orders-list{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.trades__orders-list-container{border-top:1px solid #833e96;flex-grow:1;min-height:1px;padding-block:1rem;display:flex;overflow:hidden auto}.trades__form{flex-grow:1;justify-content:space-between;display:flex}.other-order,.your-offer{background-color:#fff;border-bottom:4px solid #833e96;border-radius:10px;gap:.4rem;height:120px;padding:.5rem;display:flex}.other-order__preview-img,.your-offer__preview-img{object-fit:contain;border:1px solid #dadada;border-radius:10px;width:100%;min-width:60px;overflow:hidden}.other-order__right-block,.your-offer__right-block{flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:space-between;display:flex}.other-order__info-block,.your-offer__info-block{justify-content:space-between;display:flex}.other-order__price,.your-offer__price{color:#041023;font-size:1rem;font-weight:600}.other-order__title,.your-offer__title{color:#041023;text-align:end;font-family:Wadik;font-size:1.2rem;font-weight:500}.other-order__manipulations-block,.your-offer__manipulations-block{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.other-order__manipulations-block button,.your-offer__manipulations-block button{max-height:34px}.your-offer{height:60px}.your-offer.offer .your-offer__left-block,.your-offer.accepted .your-offer__left-block{flex-direction:column-reverse;flex-grow:1;display:flex}.your-offer.offer .your-offer__cards,.your-offer.accepted .your-offer__cards{flex-direction:row;flex-grow:1;justify-content:space-between;display:flex}.your-offer.offer .your-offer__right-block,.your-offer.accepted .your-offer__right-block{display:none}.your-offer__right-block{flex-direction:row;align-items:center}.your-offer__price-container{justify-content:center;align-items:center;display:flex}.your-offer__preview-img{object-position:10% 0;object-fit:cover;min-width:40px}.your-offer__response{height:fit-content}.your-offer__response .your-offer__left-block{flex-grow:2;gap:1rem;display:flex}.your-offer__response .your-offer__right-block{justify-content:flex-end}.your-offer__card{align-items:center;gap:.5rem;display:flex}.your-offer__cards{flex-direction:column;align-items:start;gap:.5rem;display:flex}.your-offer__exchange{justify-content:center;align-items:center;height:100%;display:flex}.exchange-window{flex-direction:column;flex-grow:1;gap:2rem;min-height:1px;padding-block:1rem;display:flex}.exchange-window__card-preview{flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.exchange-window__section-exchanged-card{flex-direction:column;align-items:center;gap:1rem;min-height:180px;display:flex}.exchange-window__section-your-choice{flex-direction:column;flex-grow:1;min-height:1px;display:flex}.exchange-window__logic-block{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#041023cc;border-radius:20px 20px 0 0;flex-direction:column;align-content:stretch;gap:.4rem;width:100%;padding:1rem;display:flex;position:absolute;bottom:0;left:0}.exchange-window__exchange-desc-container{width:100%;display:flex}.exchange-window__card-selection{flex-direction:column;align-content:stretch;gap:.5rem;display:flex}.exchange-list{flex-grow:1}.exchange-list__element{justify-content:space-between;align-items:center;gap:1rem;display:flex}.exchange-list span{color:#fff;font-size:1rem;font-weight:800}@media screen and (max-width:370px){.your-offer svg,.other-order svg{display:none}}@media screen and (max-width:330px){.your-offer svg,.other-order svg{height:25px}.your-offer h4,.your-offer .light-button,.other-order h4,.other-order .light-button{font-size:1rem}}
.inventory{flex-direction:column;gap:1rem;height:calc(100vh - 5rem);display:flex;position:relative}.inventory__navigation{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#833e9666;border-block:1px solid #833e96;justify-content:space-between;align-items:center;height:45px;padding-inline:1rem;display:flex}.inventory__link{color:#fff;background-color:#833e96;border-radius:15px;padding:.2rem .6rem;font-size:1.1rem;font-weight:500}.desc-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#04102399;border-radius:20px 20px 0 0;flex-direction:column-reverse;align-items:stretch;gap:1rem;width:100%;height:fit-content;min-height:40px;padding-inline:1rem;display:flex;position:absolute;bottom:0;left:0}.desc-panel.pg{bottom:1rem}.desc-panel__container,.desc-panel__admin-logic{justify-content:space-between;display:flex}.market-offer{flex-grow:1;justify-content:center;align-items:center;display:flex}.market-offer__body{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #833e96;background-color:#fff;border-bottom:4px solid #833e96;border-radius:25px;flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex}.market-offer__info-list-container{background-color:#041023;border:2px solid #833e96;border-radius:20px;padding:.6rem}.market-offer__info-block{flex-direction:column;gap:1rem;display:flex}.market-offer__input{color:#fff;background-color:#041023;border:2px solid #833e96;border-radius:20px;flex-grow:1;padding-inline:1rem;font-size:1.1rem}.market-offer__input::placeholder{color:#dadada}.market-offer__preview-container{justify-content:center;display:flex}.market-offer__preview-img{object-fit:contain}.market-offer__container{display:flex}.market-offer__container-distance{justify-content:space-between}.market-offer__container-inp{width:100%;height:40px}.admin-panel{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.admin-panel__form{flex-direction:column;gap:2rem;width:100%;max-width:400px;display:flex}.admin-panel__section-card{flex-direction:column;gap:1rem;display:flex}.admin-panel__section-logic{justify-content:space-around;display:flex}.admin-panel__card-options{flex-direction:column;gap:.5rem;display:flex}.admin-panel__input-container{display:flex}.admin-panel__input-container label{color:#fff;flex-grow:1;justify-content:space-between;align-items:center;font-weight:800;display:flex}.admin-panel__input-container label input{max-width:110px}.admin-panel__input-inpt{color:#fff;text-align:center;background-color:#833e9666;border:1px solid #833e96;border-radius:10px;flex-grow:1;height:30px}.admin-panel__input-inpt:focus{outline:none}.admin-panel__input-inpt::placeholder{color:#dadada}.image-uploader{flex-direction:column;align-items:center;gap:1rem;display:flex}.image-uploader__preview{justify-content:center;align-items:center;width:112px;height:160px;display:flex;overflow:hidden}.image-uploader__preview img{object-fit:cover}.image-uploader__preview{background-color:#dadada}.image-uploader__label{cursor:pointer;border:2px solid #833e96;border-radius:15px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-uploader__label:after{content:"Загрузить карту";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;opacity:0;background-color:#04102380;justify-content:center;align-items:center;width:100%;height:100%;transition-duration:.4s;display:flex;position:absolute;top:0;left:0}.image-uploader__label:hover:after{opacity:1}.image-uploader__input{display:none}.admin-logic{justify-content:space-around;align-items:center;width:100%;display:flex;position:absolute;bottom:4px;left:0}.desc-panel__actions{flex-wrap:wrap;gap:.5rem;display:flex}.upgrade-window{background-color:#041023;border:2px solid #833e96;border-radius:20px;flex-direction:column;gap:1rem;width:90vw;min-width:260px;max-width:320px;padding:1rem;display:flex}.upgrade-window__body{align-items:flex-start;gap:1rem;display:flex}.upgrade-window__card-preview{flex-shrink:0}.upgrade-window__info{flex-direction:column;flex:1;gap:.6rem;display:flex}.upgrade-window__title{color:#fff;font-size:1rem;font-weight:700}.upgrade-window__max{color:#5be98b;font-size:.85rem;font-weight:600}.upgrade-window__stat{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.upgrade-window__stat-label{color:#dadada;font-size:.75rem}.upgrade-window__stat-value{color:#fff;font-size:.85rem;font-weight:600}.upgrade-window__stat-value--warn{color:#c76666}.upgrade-window__actions{justify-content:flex-end;gap:.5rem;display:flex}
.user-search{z-index:300;clip-path:circle(1%);background-color:#041023;background-image:url(../media/background-anime-card.dcbfb97f.png);flex-direction:column;width:100%;height:100%;transition-duration:.4s;display:flex;position:absolute;top:0;left:0}.user-search.opened{animation:.4s ease-in-out forwards show-user-search}.user-search.to-hide{animation:.4s ease-in-out forwards close-user-search}.user-search__container{flex-grow:1;display:flex}.user-search__container-rel{flex-direction:column;position:relative}.user-search__container-cancel{justify-content:center;align-items:center;width:100%;height:40px;display:flex;position:absolute;bottom:20px;left:0}.user-search__search-block{flex-grow:1;justify-content:center;align-items:center;display:flex}.user-search__search-text{text-wrap-mode:wrap;color:#fff;text-align:center;font-family:Wadik;font-size:1.4rem;line-height:2rem}.user-search__search-text-container{aspect-ratio:1;stroke-dasharray:20% 50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #833e96;border-radius:100%;justify-content:center;align-items:center;width:200px;padding:2rem;transition-duration:.4s;display:flex;box-shadow:0 0 28px #9257c433}.user-search__search-text-container.search{animation:1s ease-out infinite search-anim}.user-search__search-text-container.found{border-color:#5be98b;box-shadow:0 0 28px #5be98b33}@keyframes show-user-search{to{clip-path:circle(100%)}}@keyframes close-user-search{0%{clip-path:circle(100%)}to{clip-path:circle(0%)}}@keyframes search-anim{0%{border-color:#833e96;box-shadow:0 0 28px #9257c433}50%{border-color:#833e9633;box-shadow:0 0 28px #9257c400}to{border-color:#833e96;box-shadow:0 0 28px #9257c433}}.battle-choice{flex-direction:column;flex-grow:1;gap:2rem;padding-block:1rem;display:flex}.battle-choice__top-block{flex-direction:column;gap:.8rem;display:flex}.battle-choice__log{color:#fff;text-align:center;font-size:1.2rem;font-weight:lighter}.battle-choice__title{text-align:center;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.battle-choice__t-el{color:#fff;text-align:center;font-size:2rem}.battle-choice__t-el-vs{font-family:Wadik;font-size:2.2rem}.battle-choice__t-el-you,.battle-choice__t-el-rival{letter-spacing:.1rem}.battle-choice__t-el-you{color:#00f7ff}.battle-choice__t-el-rival{color:#833e96}.battle-choice__container-points{justify-content:space-around;transition-duration:.3s;display:flex}.battle-choice__container-center{justify-content:center;display:flex}.battle-choice__middle-block{flex-direction:column;flex-grow:1;justify-content:space-around;display:flex}.battle-choice__choice-point{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #833e96;border-bottom-width:3px;border-radius:20px;flex-direction:column;gap:2rem;padding:.8rem;display:flex;box-shadow:0 0 13px -1px #ae86cf38}.battle-choice__choice-point.to-hide{animation:.8s forwards hide-choice-point}.battle-choice__choice-point.opened{animation:.8s forwards open-choice-point}.battle-choice__choice{flex-wrap:wrap;justify-content:space-around;row-gap:1rem;display:flex}@keyframes hide-choice-point{to{transform:scale(0)translateY(100%)}}@keyframes open-choice-point{0%{transform:translate(-200%)}to{transform:translate(0)}}.battle-point{flex-direction:column;align-items:center;gap:.7rem;width:fit-content;transition-duration:.1s;display:flex}.battle-point.selectable:hover{cursor:pointer}.battle-point.selected{transform:scale(1.05)}.battle-point.selection .battle-point__container-preview{width:80px;box-shadow:unset;border-radius:15px}.battle-point__container{display:flex}.battle-point__container-preview{aspect-ratio:1;background-color:#833e96;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;width:100px;overflow:hidden;box-shadow:0 0 14px 6px #ffffff0f}.battle-point__container-name{justify-content:center;align-items:center}.battle-point__name{color:#fff;text-align:center}.battle-point__preview{aspect-ratio:1;object-fit:contain;width:100%}.battle-point__preview-question{color:#fff;font-family:Wadik;font-size:2rem;font-weight:500}.battle-timer{border:2px solid #041023;border-radius:10px;outline:1.4px solid #fff;width:100%;height:10px;position:relative;overflow:hidden}.battle-timer.running:after{content:" ";transform-origin:50%;background-color:#5be98b;border-radius:10px;width:100%;height:100%;animation:8s linear forwards timer-out;position:absolute;top:0;left:0;transform:scaleX(0%)}.battle-timer.finished:after{content:" ";transform-origin:50%;background-color:#5be98b;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes timer-out{0%{transform:scaleX(0%)}to{transform:scaleX(100%)}}
.fight{flex-direction:column;flex-grow:1;justify-content:space-between;align-items:stretch;padding-top:2rem;display:flex}.fight__rival,.fight__battle-scene{justify-content:center;align-items:center;display:flex}.fight__user-manager{flex-direction:column;align-items:center;gap:1rem;display:flex}.fight__card-inventory{border:1.2px solid #833e96;border-top-width:3px;border-bottom:unset;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px 25px 0 0;width:100%;max-width:400px;padding:.5rem;display:flex}.fight__inventory{scroll-snap-type:x mandatory;border-radius:15px;flex-grow:1;gap:calc(50% - 150px);display:flex;overflow:auto visible}.fight__inventory .card{flex-shrink:0}.fight__inventory .card:hover,.fight__inventory .card.selected{border-block-color:#fff;transform:scale(1)}.fight__inventory .card:hover .card__stats-container,.fight__inventory .card.selected .card__stats-container{opacity:1}.flip-card{perspective:1000px;aspect-ratio:.7;height:140px;display:flex}.flip-card.flip .flip-card__inner{transform:rotateY(180deg)}.flip-card__inner{transform-style:preserve-3d;flex-grow:1;transition:transform .8s;display:flex;position:relative}.flip-card__front,.flip-card__back{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.flip-card__back{background-color:#833e96;border:2px solid #fff;border-radius:15px;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.flip-card__text{color:#fff;font-family:Wadik;font-size:1.8rem}.health-bar{flex-grow:1;align-items:center;gap:1rem;width:100%;max-width:400px;display:flex}.health-bar.you .health-bar__user-name{color:#00f7ff}.health-bar.rival .health-bar__user-name{color:#833e96}.health-bar__user-logo-container{background-color:#dadada;border:2px solid #fff;border-radius:100%;flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.health-bar__user-logo-container img{object-fit:contain}.health-bar__user-name{color:#833e96;font-size:1.4rem;font-weight:600}.health-bar__user-health-bar-container{flex-direction:column;flex-grow:1;display:flex}.health-bar__sl-container{border:2px solid #041023;border-radius:25px;outline:1.4px solid #fff;flex-grow:1;flex-shrink:1;height:10px;position:relative;overflow:hidden}.health-bar__slider{transform-origin:0;background-color:#5be98b;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:330px){.fight__inventory{gap:calc(50% - 120px)}}.battle-scene{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;flex-direction:column;flex-grow:1;gap:1rem;max-width:400px;padding:.5rem;display:flex}.battle-scene__cards-list{justify-content:space-between;display:flex}.battle-scene__container-battle{flex-direction:column;gap:.5rem;display:flex}.battle-scene__container-manage{justify-content:center;align-items:center;display:flex}.battle-scene .card__stats-container{opacity:1}.battle-scene .card{flex-shrink:0;transition:opacity 2s}.battle-scene .card:hover{border-block-color:#041023;transform:scale(1)}.battle-scene .card.selected{border-block-color:#fff;transform:scale(1)}.battle-scene .card.defeated{opacity:0;transition-delay:.5s}.battle-scene .card.defeated .card__stat:first-child .card__stat-text{color:#c76666;font-weight:700}.battle-scene__fight-container-rival .card:hover{border-block-color:#041023}.fight-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1.2px solid #833e96;order:-1;place-content:stretch;height:60px;padding-inline:1rem;display:flex}.fight-header__container{flex-grow:1;justify-content:space-between;align-items:center;display:flex}.fight-header__right-block{align-items:center;gap:1rem;display:flex}.fight-header__timer-text,.fight-header__state-text{color:#833e96;font-size:1.2rem}.weather-element{aspect-ratio:1;border:1px solid #041023;border-radius:100%;outline:2px solid #fff;overflow:hidden}.finish-window,.finish-window__body{flex-direction:column;flex-grow:1;display:flex}.finish-window__section-main{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:2rem;display:flex}.finish-window__container-score{justify-content:stretch;width:100%;display:flex}.finish-window__container-logic{justify-content:center;align-items:center;display:flex}.finish-window__score-container{background-color:#dadada;border:2px solid #833e96;border-bottom-width:4px;border-radius:15px;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.finish-window__score-text{color:#041023;font-size:2rem;font-weight:700}.finish-window__status-text{color:#833e96;font-family:Wadik;font-size:2rem}
.rating{padding-top:2rem;flex-grow:1;padding-inline:1rem;display:flex}.rating__rb{flex-direction:column;flex-grow:1;gap:2rem;display:flex}.rating__title-container{justify-content:center;align-items:center;height:40px;display:flex}.rating__title{color:#fff}.rating__list-container{flex-direction:column;flex-grow:1;display:flex}.rating__list{flex-direction:column;flex-grow:1;gap:1rem;display:flex}.rating-element{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-inline:1.2px solid #833e96;border-radius:15px;justify-content:space-between;align-items:center;padding:.5rem 1rem;transition:border-color .2s;display:flex}.rating-element:hover{border-inline-color:#aa62be}.rating-element__link{cursor:pointer;justify-content:space-between;align-items:center;width:100%;text-decoration:none;display:flex}.rating-element__left{align-items:center;gap:1rem;display:flex}.rating-element__text{color:#fff}.rating-element__text-number{font-size:1.6rem;font-weight:800}.rating-element__text-number.prize{color:#833e96}.rating-element__text-score.rating-1{color:#ffd400;background-color:#ffd40066;border:1px solid #ffd400;border-radius:10px;padding:.2rem .4rem}.rating-element__text-score.rating-2{color:#dadada;background-color:#dadada66;border:1px solid #dadada;border-radius:10px;padding:.2rem .4rem}.rating-element__text-score.rating-3{color:#c76666;background-color:#c7666666;border:1px solid #c76666;border-radius:10px;padding:.2rem .4rem}