.modal{position:fixed;top:0;left:50%;height:100%;width:100%;max-width:450px;transform:translate(-50%);z-index:98}.modal__backdrop{position:fixed;top:0;left:0;opacity:0;background-color:#000;height:100%;width:100%}.modal--open .modal__backdrop{animation:animation__modal-backdrop--open .2s linear forwards}@keyframes animation__modal-backdrop--open{0%{opacity:0}to{opacity:.8}}.modal--close .modal__backdrop{animation:animation__modal-backdrop--close .2s linear forwards}@keyframes animation__modal-backdrop--close{0%{opacity:.8}to{opacity:0}}.modal__content{position:absolute;bottom:0;--y: 0px;transform:translateY(var(--y));width:100%}.modal--open .modal__content{animation:animation__modal-content--open .2s linear}@keyframes animation__modal-content--open{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal--close .modal__content{animation:animation__modal-content--close .2s linear forwards}@keyframes animation__modal-content--close{0%{transform:translateY(var(--y))}to{transform:translateY(100%)}}.modal__card{border-radius:10px 10px 0 0;background-color:#191919;height:100%;width:100%}.modal__card-header{display:flex;justify-content:center;padding:15px 0}.modal__card-grabber{background:#2b2b2b;height:5px;width:36px;border-radius:3px}.modal__card-content{padding:12px 16px}.modal__card-content--safe-ios{padding-bottom:37px}.view{padding-bottom:12px;padding-top:16px;height:100vh;margin:0 auto;max-width:450px;overflow:auto}.view--safe-ios{padding-bottom:33px}.view--tabbar{height:calc(100vh - 62px);padding-bottom:16px}.view--tabbar-ios{height:calc(100vh - 83px);padding-bottom:16px}.badge{background:#f3d523;width:10px;height:10px;border-radius:50%}.card{position:relative}.card-header{display:flex;justify-content:center;align-items:center;background:#2b2b2b;border-radius:12px}.card-available{border:1px solid #F3D523}.card--gradient{background:radial-gradient(circle,#2d2d2d,#191919)}.card--blur{background:#78788033;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.card__badge{position:absolute;top:-2px;right:-2px}.card__content{width:100%;height:100%;display:flex;flex-direction:column}.card.disabled{opacity:.6}.card--sticky{position:sticky;bottom:0;z-index:2;top:0;border:1px solid rgb(153,153,153)}.card--selected{z-index:2;position:relative}.card--level-1{background:#191919}.card--level-2,.card--level-3{background:#2c2c2c}.locked:before{content:"";position:absolute;width:100%;height:100%;background-color:#00000080;border-radius:12px}.box-image{display:flex;align-items:center;justify-content:center;background:#2b2b2b;overflow:hidden}.box-image img{object-fit:cover;width:100%;height:100%}.button{width:100%;padding:14px 12px;border-radius:8px;font-size:17px;display:flex;justify-content:center;align-items:center;gap:8px}.button--primary{background:#f3d523;color:#000}.button--primary:disabled{background:#999}.button--secondary{background:#2b2b2b;color:#f3d523}.button--secondary--warning{color:#ff453a}.button--secondary:disabled{color:#999}.progress-bar{background:#434343;width:100%;border-radius:4px;overflow:hidden}.progress-bar__inner{background:#f3d523;border-radius:4px;transition:all .5s ease}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:450px;display:flex;padding:8px 0 15px;border-top:1px solid #242424;background:#000;justify-content:space-around}.tabbar__item{width:48px;height:40px;font-size:10px;color:#999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.tabbar__item svg path{fill:#999}.tabbar__item.active{color:#f3d523}.tabbar__item.active svg path{fill:#f3d523}.tabbar--safe-ios{padding-bottom:36px}.snackbar{position:absolute;left:50%;bottom:16px;width:100%;max-width:450px;background:#000;padding:0 16px;transform:translate(-50%) translateY(150px);display:flex;flex-direction:column;align-items:center;z-index:199}.snackbar.show{animation:animation__snackbar-show .2s linear forwards}@keyframes animation__snackbar-show{0%{transform:translate(-50%) translateY(150px)}to{transform:translate(-50%) translateY(0)}}.snackbar.hide{animation:animation__snackbar-hide .2s linear forwards}@keyframes animation__snackbar-hide{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(150px)}}.snackbar--safe-ios{bottom:37px}.snackbar__content{background:#191919;border-radius:12px;padding:8px 16px 8px 8px;margin-bottom:12px;width:100%;display:flex;align-items:center;gap:8px}.snackbar__content-icon{height:44px;width:44px;display:flex;justify-content:center;align-items:center;border-radius:8px}.snackbar__content-text{flex:1}.snackbar__content-close{color:#fff}.snackbar__progressbar{width:calc(100% - 16px);animation:animation__snackbar-progressbar--empty 5s linear forwards}.snackbar__progressbar .progress-bar__inner{animation:animation__snackbar-progressbar 5s linear forwards}@keyframes animation__snackbar-progressbar{0%{width:100%}to{width:0}}.loader{border-radius:50%;display:inline-block;flex-shrink:0;box-sizing:border-box;animation:animation__loader 1s linear infinite}@keyframes animation__loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.segmented-control{border-radius:9px;position:relative;height:28px;width:100%;display:flex;align-items:center;padding:2px;gap:2px}.segmented-control__item{flex:1;color:#fff;height:24px;min-width:64px;text-align:center;background:none;border:none;outline:none;font-size:13px;position:relative;z-index:2;padding-bottom:6px;border-bottom:2px solid transparent;height:100%}.segmented-control .segmented-control__item.active{font-weight:590;border-bottom:2px solid #fff}.segmented-control__switcher{position:absolute;left:0;height:24px;border-radius:7px;z-index:1;transition:.2s}.segmented-control--secondary{border-radius:12px;position:relative;height:44px;width:100%;display:flex;align-items:center;padding:2px;background:#191919}.segmented-control--secondary__item{flex:1;color:#fff;height:24px;min-width:64px;text-align:center;background:none;border:none;outline:none;font-size:13px;position:relative;z-index:2;font-family:Benzin-Bold;font-size:17px;height:100%}.segmented-control--secondary__switcher{position:absolute;background:#2b2b2b;left:0;height:40px;border-radius:10px;z-index:1;transition:.2s}.toggle__checkbox{position:absolute;width:0;height:0;clip-path:inset(0)}.toggle__checkbox:checked+.toggle__inner{background:#f3d523}.toggle__checkbox:checked+.toggle__inner .toggle__circle{transform:translate(calc(100% + 2px));background:#000}.toggle__inner{position:relative;display:block;width:58px;padding:3px 0;background:#191919;border-radius:100px;display:flex;justify-content:center;flex-direction:column;transition:background .2s;background:#494949}.toggle__circle{width:25px;height:25px;background:#999;border-radius:50%;margin:0 3px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f;transition:transform .2s}.toggle__caption{position:absolute;font-size:12px;font-weight:510}.toggle__caption.enabled{color:#000;left:8px}.toggle__caption.disabled{color:#999;right:8px}.step-content{width:100vw;height:100vh;max-width:450px;position:absolute;top:0;left:50%;transform:translate(-50%);background:#000;z-index:99;padding:22px 0 18px;overflow:hidden;display:flex;flex-direction:column;gap:22px}.step-content--safe-ios{padding-bottom:39px}.step-content .steps{display:flex;gap:4px;padding:0 16px}.step-content .steps__item{background:#2b2b2b;border-radius:2px;height:2px;flex:1}.step-content .steps__item.active{background:#fff}.character-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.character-item__head{z-index:2}.character-item__gloves,.character-item__boots{z-index:3}.character-item__uniform{z-index:2}.character-item__physique{z-index:1}.card-reward{min-width:115px;height:115px;padding:12px;border-radius:12px;font-size:28px;background:#2c2c2c;color:#f3d523;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.card-reward.accent{background:#f3d523;color:#000}.card-reward__accent-frame{width:90px;height:90px;position:absolute}.card-reward__image{width:100%;height:auto;max-height:100%;object-fit:cover;padding:8px}.card-reward__image.uniform{object-position:center 40%}.item-card{position:relative;opacity:1;flex:1;height:100%}.item-card .sale{position:absolute;background-color:#f3d523;color:#000;right:4px;top:4px;font-size:13px}.item-card__header{padding:24px;position:relative;height:172px;overflow:hidden}.item-card__header.gate{padding:0;width:100%}.item-card__discount{opacity:.5;top:0}.item-card__discount span{text-decoration:line-through}.item-card__image{width:100%;object-fit:cover;max-height:100%;object-position:center center}.item-card__image.uniform{width:70%;object-position:center 40%}.item-card__image.balls{width:82%;object-position:center 40%}.item-card__image.boots{width:80%;object-position:bottom}.title{font-weight:400;font-family:Benzin-Bold,sans-serif;color:#fff}.title.title--size-s{font-size:17px;line-height:20px}.title.title--size-m{font-size:24px;line-height:28px}.title.title--size-l{font-size:32px;line-height:36px}.text.text--size-s{font-size:13px;line-height:15px}.text.text--size-m{font-size:15px;line-height:17px}.text.text--size-l{font-size:17px;line-height:20px}.text.text--color-white{color:#fff}.text.text--color-gray{color:#999}.text.text--color-yellow{color:#f3d523}.text.text--color-green{color:#30d158}.text.text--color-red{color:#ff453a}.input{display:flex;align-items:center;background:#191919;color:#fff;border-radius:8px;overflow:hidden;padding:0 12px;caret-color:#f3d523}.input--level-1{background:#191919}.input--level-2{background:#2c2c2c}.input input{background:inherit;color:inherit;height:48px;width:100%;font-size:15px;font-family:SFPro;font-weight:500;border:none;outline:none}.input input:has(.clear){width:calc(100% - 25px)}.input input::placeholder{color:#999}.input.clear{position:relative}.input.clear:after{content:"􀆄";position:absolute;font-size:16px;right:12px}.input.search{width:calc(100% - 48px);transition:"width 0.3s";height:40px;z-index:2}.input.search--full{width:100%}.textarea{width:100%;display:flex;align-items:center;gap:16px;position:relative;z-index:4}.textarea__inner{width:100%;height:108px;transition:all .2s;z-index:2}.textarea.focus .textarea__inner{width:82%}.textarea__vanilla{flex:1;width:100%;background:transparent;outline:none;border:none;font-size:15px;font-family:SFPro;font-weight:500;color:#fff;resize:none;caret-color:#f3d523}.textarea__inner::placeholder{color:#7a7a7a}.textarea__icon{margin-left:10px;color:#7a7a7a}.textarea__clear:hover{opacity:.9}.textarea__cancel{position:absolute;right:0;opacity:0;background:none;color:var(--accent-color-static);outline:none;border:none;font-size:17px;transition:opacity .2s;z-index:1}.textarea.focus .textarea__cancel{display:block;opacity:1}.fixed-layout{position:fixed;width:calc(100% - 32px);max-width:418px}.block-orientation{background:#000;position:absolute;z-index:999999;top:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.block-orientation img{width:128px}.block-orientation span{font-size:20px;font-weight:590;color:#fff}.ball-clicker__background{margin:auto;height:100%;max-width:450px;width:450%;background-color:#000;background-image:url(/environment/stadium.jpg);background-position:center;background-size:100%;background-repeat:no-repeat;position:fixed;top:6%;transform:translate(-50%);left:50%;z-index:-1}.ball-clicker__background-blur{height:100vh;width:100vw;background-image:url(/environment/stadium.jpg);background-position:center;background-size:cover;position:fixed;top:0;left:0;z-index:-10;filter:blur(50px)}.ball-clicker__target{position:absolute;width:305px;height:143px;top:56%;left:50%;transform:translate(-50%,-82%) perspective(30px) rotateX(-1deg);overflow:hidden;display:flex}.ball-clicker__target-item{flex:1 1 0px}.ball-clicker__target-item.active{display:flex;align-items:center;justify-content:center;font-size:15px;font-family:Benzin-Bold,sans-serif;color:gold}.ball-clicker__target-item.penalty{background:#ffd7004d;display:flex;align-items:center;justify-content:center;background:url(/environment/penalty.png) no-repeat center/90%;animation:penalty--hidden .8s .1s forwards}.ball-clicker{position:absolute;left:50%;transform:translate(-50%);width:100%;top:0}@keyframes penalty--hidden{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.current-energy{color:#f3d523;font-weight:590;font-size:20px}.level-up__number{height:88px;width:88px;border-radius:50%;background:#f3d523;color:#000;font-size:36px;font-weight:700}.pulsing-energy{display:flex;justify-content:center;align-items:center;width:max-content;animation:pulse .5s ease-in-out}.pulsing-energy span{animation:colorPulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}25%{transform:scale(1.5);opacity:.7}50%{transform:scale(1);opacity:.7}75%{transform:scale(1.5);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes colorPulse{0%{color:#ff5050}90%{color:#ff5050}to{color:#f3d523}}.balls-page__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;justify-content:center;align-items:start;grid-auto-rows:1fr}.daily-reward__buttons{position:fixed;width:calc(100% - 32px);max-width:418px}.daily-reward-page__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,115px));gap:8px;justify-content:center;align-items:start}.roulette{display:flex;gap:8px;transform:translate(-80px);width:100%}.reward__accent{font-weight:400;color:#f3d523;font-family:Benzin-Bold,sans-serif;font-size:14px}.friends__buttons{position:fixed;width:calc(100% - 32px);max-width:418px;bottom:78px;display:flex;gap:12px}.friends__buttons-ios{bottom:99px}.friends-card__label{max-width:141px;font-size:16px;font-weight:590}.friends-card__reward{font-size:15px;font-weight:510;color:#f3d523;display:flex;gap:8px}.friends-card__image{position:absolute;bottom:0;right:12px;width:45%;max-width:150px}@media (max-width: 330px){.friends-card__image{display:none}}.roadmap-card{flex:1}.roadmap-card .status{background:#fff;fill:#000;height:24px;width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.roadmap-card .status.active{background:#f3d523}.roadmap-card.overflow--hidden{overflow:hidden}.roadmap-card .title{font-size:20px;font-family:Benzin-Bold,sans-serif}.roadmap-card .description{color:#999;font-size:12px;max-width:205px}.roadmap-card .image{align-self:flex-end;height:100%;max-width:150px}@media (max-width: 330px){.roadmap-card .image{display:none}}.step{margin-bottom:40px}.point{position:relative;width:20px;height:20px;background-color:#3b3b3b;margin:0 11px 0 6px;border-radius:50%}.point--line:before{content:"";position:absolute;width:2px;height:85px;background-color:#3b3b3b;top:20px;left:50%;transform:translate(-50%);z-index:-2}.rhomb{position:relative;width:32px;height:32px;z-index:-1}.rhomb:before{content:"";position:absolute;width:2px;height:85px;background-color:#f3d523;top:90%;left:50%;transform:translate(-50%);z-index:-2}.label{font-size:20px}.step.active-line:not(:last-child) .circle:before{background:#1fcf2e}.wardrobe-page__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;justify-content:center;align-items:start;grid-auto-rows:1fr}.market-page__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;justify-content:center;align-items:center;grid-auto-rows:1fr}.profile-card{align-items:center;height:396px}.profile-wardrobe-preview{background:url(/images/wardrobe.webp) no-repeat left top/cover;width:100%;overflow:hidden;border-radius:12px}.item-card-flex{padding:6px;border-radius:50%;background:#65656540;width:48px;height:48px;overflow:hidden}.item-card-flex .item-card-img{height:100%;object-fit:cover;max-height:100%}.item-card-flex .item-card-img.uniform{width:83%;object-position:center 44%}.item-card-flex .item-card-img.boots{width:100%;object-position:center 120%}.item-card-flex .item-card-img.gloves{width:100%;object-position:center 60%}.item-card-flex .item-card-img.icon{width:43px;object-fit:contain;padding:4px}.item-card-flex .item-card-img.default{width:100%;object-position:center 60%}.profile-guilds-preview{height:180px;background:url(/images/guild-preview.jpg) no-repeat center/cover;position:relative;overflow:hidden}.profile-guilds-preview__locked:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#2c2c2c80}.character-head-card{width:100%;height:100%;background-repeat:no-repeat;background-size:150%;background-position:40% 5%;border-radius:12px;border:3px solid transparent}.character-head-card--selected{border:3px solid #F3D523}.character-skin-card{width:100%;height:64px;border-radius:12px;border:2.5px solid transparent}.character-skin-card--selected{border:2.5px solid #F3D523}.settings__button{position:fixed;width:calc(100% - 32px);max-width:418px;bottom:16px;display:flex;gap:12px}.slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:linear-gradient(to right,#F3D523 0%,#F3D523 var(--slider-progress, 0%),#2C2C2C var(--slider-progress, 0%));border-radius:5px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:#f3d523;border-radius:50%;cursor:pointer;border:2px solid #000000}.slider::-moz-range-thumb{width:16px;height:16px;background-color:#f3d523;border-radius:50%;cursor:pointer;border:2px solid #fff}.guilds__button{position:fixed;width:calc(100% - 32px);max-width:418px;bottom:16px;display:flex;gap:12px}.guilds__button-ios{bottom:32px}.guild-members{position:relative;min-height:200px}.guild-members--locked:before{content:"";z-index:5;position:absolute;border-radius:12px;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 24px);height:100%;overflow:hidden;background:#19191999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@font-face{font-family:SFPro;src:url(/assets/SF-Pro-DNhUQBrG.woff2)}@font-face{font-family:Benzin-Bold;src:url(/assets/benzin-bold-CdXlZWty.ttf)}*{padding:0;margin:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-ms-overflow-style:none;overflow:-moz-scrollbars-none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body,#root{overflow:hidden}body{background:#000;color:#fff;font-family:SFPro,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.4px}button{outline:none;border:none;font-family:SFPro,sans-serif;background:none;color:#191919;font-size:14px}img{display:block}.text-secondary{color:#969696;font-size:12px}.box-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:17px;border-radius:8px;z-index:10}.horizontal-scroll-container{width:100vw;max-width:450px;overflow-x:auto}.side-padding{padding-left:16px;padding-right:16px}.dim-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1}.hint{position:absolute;bottom:52px;left:50%;transform:translate(-50%);padding:8px 32px;background:#2b2b2b;color:#999;font-size:15px;border-radius:16px;display:flex;justify-content:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 15px #00000026;animation:hint--hidden .3s 1s forwards;z-index:9}@keyframes hint--hidden{0%{opacity:1}to{opacity:0}}