.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}.shop-top{display:flex}.shop-top__link{color:#a476ea;background-color:#fff;border:2px solid #a476ea;border-bottom-width:4px;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:.8rem 1rem;font-size:1.4rem;font-weight:500;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{background-color:#271c3a;border:2px solid #a476ea;border-radius:25px;flex-direction:column;width:100%;padding:1.2rem;display:flex;position:relative}.banner-section__empty-text{color:#473664;text-align:center;width:100%;font-size:1.4rem;font-weight:600}.banner-section__title-container{z-index:30;background-color:#fff;border-radius:30px;padding:.4rem .8rem;position:absolute;top:-18px;left:40px}.banner-section__title{color:#a476ea;font-weight:500}.banner-section__list{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.banner{z-index:20;box-sizing:content-box;background-color:#fff;border:2px dashed #a476ea;border-radius:15px;outline:1px solid #fff;flex-direction:column;flex:120px;gap:.2rem;width:100%;padding:.4rem;display:flex}.banner__view-block{flex-direction:column;gap:.2rem;display:flex}.banner__name{letter-spacing:.2rem;text-wrap:wrap;text-align:center;color:#041023;font-family:Tik Tok;font-size:1rem;font-weight:600;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:contain;width:100%;height:200px;overflow:hidden}.banner__view.card-s{border:2px solid #f0b411}.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:.3rem;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:1rem;font-weight:600}.exp-selector{flex-direction:column;height:100%;padding-block:1rem;display:flex;position:relative}.exp-selector__main{flex-direction:column;flex-grow:1;padding-bottom:2rem;display:flex}.exp-selector__list{flex-flow:wrap;justify-content:space-between;row-gap:3rem;padding-inline:1rem;display:flex}.exp-selector__logic{justify-content:space-around;width:100%;display:flex;position:absolute;bottom:1rem;left:0}
.twists{padding-inline:1rem;flex-direction:column;flex-grow:1;gap:2rem;padding-top:1rem;padding-bottom:5.5rem;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);background-color:#271c3a99;border:2px solid #a476ea;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{justify-content:center;gap:1rem;width:fit-content;display:flex;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.twist-banner__container{align-items:center;gap:.6rem;display:flex}.twist-banner__info{color:#041023;text-align:center;text-wrap:wrap;font-size:1.2rem;font-weight:500}.twist-banner__info-container{background-color:#fff;border:2px solid #041023;border-radius:100px;justify-content:center;align-items:center;width:100%;padding:.2rem 1rem;display:flex;position:relative}.twist-banner__info-container:hover{cursor:pointer}.twist-banner__choice{background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:.4rem;display:flex;position:absolute;top:120%;left:50%;transform:translate(-50%)}.twist-banner__choice-el{color:#271c3a;transition-duration:.3rem;border-radius:10px;justify-content:center;align-items:center;width:100%;height:30px;padding-inline:.4rem;font-size:1.2rem;transition-duration:.3s;display:flex}.twist-banner__choice-el:hover{background-color:#a476ea}@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:#47366433;flex-direction:column;flex-grow:1;width:100%;height:100%;padding:.3rem;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{corner-shape:bevel;border:2px solid #a476ea;border-radius:25px;flex-direction:column;flex-grow:1;padding:.5rem;display:flex;position:relative;box-shadow:inset 0 0 40px #a476ea}.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{corner-shape:bevel;border-radius:15px;outline:6px double #0000;justify-content:center;align-items:center;width:180px;height:300px;display:flex;overflow:hidden}.twist__dropped-card-s{outline-color:#f0b411;box-shadow:0 0 64px #f0b411cc}.twist__dropped-card-a{outline-color:#833e96;box-shadow:0 0 64px #833e96cc}.twist__dropped-card-b{outline-color:#00f7ff;box-shadow:0 0 64px #00f7ffcc}.twist__dropped-card-c{outline-color:#5be98b;box-shadow:0 0 64px #5be98bcc}.twist__dropped-card-d{outline-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__prefs{flex-direction:column;column-gap:.4rem;display:flex}.other-order__pref{font-size:1rem}.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-grow:1;flex-shrink:1;justify-content:space-between;display:flex}.other-order__info-block,.your-offer__info-block{flex-direction:column;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;padding-block:1rem;display:flex;overflow-y:auto}.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;flex-grow:1;align-items:center;gap:1rem;display:flex}.exchange-window__section-your-choice{flex-direction:column;display:flex}.exchange-window__logic-block{z-index:2000;-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{width:100%;padding-inline:1rem}.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;flex-grow:1;gap:1rem;padding-top:3.6rem;display:flex;position:relative}.inventory__navigation{padding-inline:1rem;justify-content:flex-end;align-items:start;gap:.4rem;padding-right:2rem;display:flex}.inventory__link{color:#a476ea;background-color:#fff;border-bottom:2px solid #a476ea;padding:.2rem .6rem 1rem;font-size:1.1rem;font-weight:500}.inventory__link-admin{color:#fff;background-color:#271c3a;border:2px solid #a476ea;border-radius:10px;padding:.3rem .6rem}.inventory__admin-nav{background-color:#fff;border-radius:0 15px 15px 0;gap:1rem;margin-top:.4rem;padding:.4rem .5rem;display:flex}.inventory__top{z-index:140;justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed;top:72px}.desc-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:130;background-color:#a476ea66;border-block:1px solid #473664;flex-direction:column-reverse;align-items:stretch;gap:1rem;width:100%;padding:.4rem;display:flex}.desc-panel__container,.desc-panel__admin-logic{justify-content:space-between;display:flex}.pet{aspect-ratio:1;border-radius:100%;width:160px;height:fit-content;transition-duration:.3s;position:relative;overflow:hidden}.pet__preview-container img{object-fit:contain}.pet.selected{transform:translateY(-10%)rotate(5deg)}.pet-frame{pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pet-frame__top{padding-inline:1rem}.pet-frame__rating{clip-path:polygon(0% 100%,0% 0%,100% 0%,100% 100%,50% 75%);background-color:#fff;justify-content:center;align-items:center;width:40px;height:60px;display:flex}.pet-frame__bottom svg,.pet-frame__cover{position:absolute;left:50%;transform:translate(-50%)}.pet-frame__bottom{position:relative}.pet-frame__bottom svg{z-index:100;width:160px;bottom:-5px}.pet-frame__cover{z-index:101;flex-direction:column;gap:.3rem;display:flex;top:-50px}.pet-frame__name{text-wrap:nowrap}.pet-frame__name,.pet-frame__element{z-index:200;justify-content:center;align-items:center;display:flex}.pet-frame__text{color:#271c3a;font-size:.9rem;font-weight:700}.pet-frame__text-white{color:#fff}.pet-frame__element img{object-fit:contain;aspect-ratio:1;width:18px}.pet-frame__S .pet-frame__bottom svg path:last-child{stroke:#f0b411;stroke-width:2px}.pet-frame__S .pet-frame__rating{background-color:#f0b411}.pet-frame__A .pet-frame__bottom svg path:last-child{stroke:#833e96;stroke-width:2px}.pet-frame__A .pet-frame__rating{background-color:#833e96}.pet-frame__B .pet-frame__bottom svg path:last-child{stroke:#00f7ff;stroke-width:2px}.pet-frame__B .pet-frame__rating{background-color:#00f7ff}.pet-frame__C .pet-frame__bottom svg path:last-child{stroke:#5be98b;stroke-width:2px}.pet-frame__C .pet-frame__rating{background-color:#5be98b}.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;gap:1rem;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:500;display:flex}.admin-panel__input-container label input{max-width:110px}.admin-panel__input-inpt{color:#fff;text-align:center;background-color:#271c3a;border:1px solid #a476ea;border-radius:10px;flex-grow:1;height:30px}.admin-panel__input-inpt:focus{outline:none}.admin-panel__input-inpt::placeholder{color:#dadada}.admin-panel__top{justify-content:flex-end;width:100%;display:flex}.admin-panel__mode-list{background-color:#473664;border:2px solid #a476ea;border-radius:15px;justify-content:space-between;gap:1rem;padding:.4rem;display:flex}.admin-panel__btn{color:#271c3a;background-color:#fff;border:2px solid #a476ea;border-radius:10px;padding:.4rem .8rem;font-size:1rem}.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:#271c3a}.image-uploader__label{cursor:pointer;border:2px dashed #a476ea;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{z-index:110;justify-content:space-around;align-items:center;width:100%;display:flex;position:fixed;bottom:70px;left:0}.cards-options{z-index:120;flex-direction:column;align-items:end;gap:.6rem;width:100%;display:flex;position:fixed;bottom:60px;left:0}.cards-options__manage{width:100%;padding-inline:.6rem;display:flex}.card-logic{flex-direction:column;gap:.4rem;width:100%;display:flex}.upgrade-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#a476ea66;border:1px solid #a476ea;border-radius:10px;flex-grow:1;justify-content:space-between;gap:1rem;padding:.4rem .8rem .4rem .4rem;display:flex}.upgrade-panel *{color:#fff}.upgrade-panel__left-block{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.upgrade-panel__needed{justify-content:space-between;display:flex}.upgrade-panel__right-block{justify-content:center;align-items:center;display:flex}.upgrade-panel__experience{background-color:#5be98b4d;border:1px solid #5be98b;border-radius:5px;flex-grow:1;height:30px;position:relative;overflow:hidden}.upgrade-panel__experience-indicator{justify-content:flex-start;align-items:center;padding-inline:.4rem;display:flex}.upgrade-panel button{font-size:1rem;font-weight:550}.upgrade-panel button:disabled{opacity:.6}.upgrade-panel button:disabled:hover{cursor:not-allowed}
.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;align-items:center;gap:calc(50% - 150px);height:170px;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;position:relative}.health-bar.you .health-bar__user-name{color:#00f7ff}.health-bar.rival .health-bar__user-name{color:#833e96}.health-bar__pet-container{aspect-ratio:1;z-index:100;border:1.2px solid #0000;border-radius:100%;height:36px;position:absolute;bottom:50%;left:5%;overflow:hidden}.health-bar__pet-container img{object-fit:cover;width:100%;height:100%}.health-bar__pet-container.pet-s{border-color:#f0b411}.health-bar__pet-container.pet-a{border-color:#833e96}.health-bar__pet-container.pet-b{border-color:#00f7ff}.health-bar__pet-container.pet-c{border-color:#5be98b}.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;position:relative;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{border-inline:1px solid #041023;justify-content:center;align-items:center;height:40px;display:flex}.rating__title{color:#041023}.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{background:#fff;border:2px solid #fff;border-radius:15px;outline:1px solid #a476ea;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.rating-element__left{align-items:center;gap:1rem;display:flex}.rating-element__text{color:#271c3a}.rating-element__text-username{background-color:#fff;border:2px solid #a476ea;border-radius:20px;padding:.2rem .6rem}.rating-element__text-number{font-size:1.6rem;font-weight:800}.rating-element__text-number.prize{color:#271c3a}.rating-element__text-score{color:#fff;background-color:#271c3a;border-radius:10px;padding:.2rem .4rem}.rating-element__text-score.rating-1{color:#f0b411}.rating-element__text-score.rating-2{color:#dadada}.rating-element__text-score.rating-3{color:#c76666}