:root{--container-width: 1260px;--padding-top: 20px;--padding-bottom: 40px;--overlay-bg-color: rgba(208, 83, 76, 0.8)}.popup-overlay{display:none;padding:76px 10px 20px;overflow-y:auto;background-color:var(--overlay-bg-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:5}.popup-overlay.visible{display:block}.popup-overlay .sandwich{position:absolute;display:block;left:auto;right:13px;top:70px;width:30px;height:30px}.popup-overlay .modal-menu,.popup-overlay .block{max-width:620px;margin:0 auto}.popup-overlay .modal-menu{margin-bottom:20px;padding:20px 25px;display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;border-radius:var(--border-radius)}.popup-overlay .modal-menu .menu__item{padding:0;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#000;background:none;border:none;cursor:pointer;transition:opacity .3s ease}.popup-overlay .modal-menu .menu__item:hover{opacity:.7}.popup-overlay .modal-menu .menu__item.active{font-weight:800}.popup-overlay .block{display:none;width:100%;overflow:hidden;border-radius:var(--border-radius);color:#000}.popup-overlay .block.active{display:block}.popup-overlay .block__img{margin-bottom:16px;overflow:hidden;height:400px;border-radius:var(--border-radius)}@media(max-width: 768px){.popup-overlay .block__img{height:auto;aspect-ratio:1.4}}.popup-overlay .block__img img{width:100%;height:100%;object-fit:cover}.popup-overlay .block__text{margin:0;font-size:16px;line-height:1.4}.popup-overlay .block__links{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}.popup-overlay .block .popup-menu__title{margin:0 0 16px;font-size:18px;font-style:normal;font-weight:700;color:var(--popup-menu-color, #000)}.popup-overlay .popup-menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;color:var(--popup-menu-btn-color);background:var(--popup-menu-btn-bg);border-radius:20px;transition:opacity .3s ease}.popup-overlay .popup-menu-btn:hover{opacity:.8}.rules-block,.prize-block{padding:25px;background:#fff}.rating-block{max-width:736px;border:none;margin:0 auto}.your-result{background:var(--your-result-bg, #02b0c4);border-radius:var(--border-radius);padding:18px 20px;margin-bottom:1vw}.your-result>h3{font-family:"Montserrat","sans-serif";margin:4px 0 20px;font-size:30px;font-weight:700;text-align:center;color:#fff}.your-result hr{margin:0}.rating-list{background:#fff;border-radius:var(--border-radius);padding:20px 12px;box-shadow:1.99px 1.99px 2.16px 0px rgba(0,0,0,.2)}.rating-row,.your-rating-row{display:grid;grid-template-columns:2fr 7fr 2fr;align-items:center;gap:8px;padding:20px;font-family:"Montserrat",sans-serif;font-weight:400;font-size:1.8vh;background:#e6feff;border-radius:var(--border-radius)}.your-rating-row{background:none;font-family:Montserrat,sans-serif;font-weight:600;color:#fff;font-size:1.15vw}.rating-row{margin-bottom:1vh;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.13vw}.rating-row>.place>div{color:var(--rating-place-color, #02b0c4)}.rating-row:nth-child(-n+5)>.place>div{color:#fff;background:var(--rating-place-color, #02b0c4);width:60%;border-radius:20px;padding:2px 10px}.your-rating-head,.rating-head{font-family:Montserrat,sans-serif;font-weight:400;font-size:16px;line-height:1}.place,.name,.points{font-size:20px}.place{text-align:center;display:flex;flex-direction:column;align-items:center}.rating-head,.your-rating-head{margin:0 0 .5vw}.rating-list>h3{font-family:Montserrat,"sans-serif";font-weight:700;font-size:30px;margin:0 0 20px 0;line-height:1;text-align:center;color:var(--rating-list-title-color, #02b0c4)}#rating-rows{max-height:min(50vh,660px);overflow-y:auto;scrollbar-color:var(--color-secondary) #e9e9e9}#rating-rows::-webkit-scrollbar{width:6px}#rating-rows::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.form-select{position:relative}.form-select__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#fff;cursor:pointer}.form-select__btn::after{content:"";flex-shrink:0;width:8px;height:8px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s}.form-select__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-select__placeholder{font-weight:400;color:rgba(68,68,68,.5)}.form-select__list{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:2;display:none;margin:0;padding:5px 0;max-height:240px;overflow-y:auto;list-style:none;background:#fff;border:1px solid #02b0c4;border-radius:10px}.form-select__option{padding:10px 15px;font-family:"Montserrat",sans-serif;font-size:18px;font-weight:700;color:#444;cursor:pointer}.form-select__option:hover,.form-select__option.selected{background:rgba(2,176,196,.1)}@media(max-width: 481px){.form-select__option{font-size:16px}}.form-select.open .form-select__list{display:block}.form-select.open .form-select__btn::after{margin-top:4px;transform:rotate(-135deg)}body{position:relative;min-height:100%;height:fit-content;margin:0;padding-top:calc(70px - var(--border-radius));font-family:"Montserrat",sans-serif;line-height:1.2;background-color:#d0534c}@media(max-width: 768px){body{padding-top:calc(60px - var(--border-radius))}}.popup-overlay{--your-result-bg: #000000;--rating-list-title-color: #000000;--rating-place-color: #000000;--color-secondary: #000000;--popup-menu-color: #000000;--popup-menu-btn-bg: #000000;--popup-menu-btn-color: #fff}.popup-overlay .menu{padding-block:25px}.popup-overlay .menu__item{font-size:18px}@media(max-width: 768px){.popup-overlay .menu__item{font-size:12px}}.popup-overlay .rating-block{max-width:736px}.hero{--color-primary: #FEF225}.hero__title{text-transform:uppercase;font-weight:900;font-style:italic;font-size:30px}@media(max-width: 768px){.hero__title{font-size:24px}}.hero__menu{position:relative;margin-left:20%;display:flex;align-items:center;justify-content:center;gap:20px;z-index:2}@media(max-width: 1260px){.hero__menu{margin-left:0}}.hero .menu__item{color:var(--color-primary)}.hero__thunder{display:none;position:absolute;width:45vw;height:28vw;max-width:774px;max-height:471px;z-index:-1}@media(min-width: 1261px){.hero__thunder{display:block;background:url(./images/thunders-left.webp) left top/contain no-repeat}.hero__thunder_top-left{top:calc(70px - var(--border-radius));left:0}.hero__thunder_top-right{top:calc(70px - var(--border-radius));right:0;transform:scaleX(-1)}.hero__dots{position:absolute;width:80%;max-width:1540px;height:779px;top:calc(70px - var(--border-radius));background:url(./images/dots-bg.webp) left top/contain no-repeat;z-index:-1}.hero__dots_left{left:0}.hero__dots_right{right:0;transform:scaleX(-1)}}@media(min-width: 769px){.hero__thunder_bottom-right,.hero__thunder_bottom-left{display:block;background:url(./images/thunders-left.webp) left top/contain no-repeat;bottom:255px}.hero__thunder_bottom-right{right:0;transform:scale(-1, -1)}.hero__thunder_bottom-left{left:0;transform:scaleY(-1)}}.hero-wrapper{width:100%;overflow-x:hidden}.main-content{padding:calc(var(--padding-top) + var(--border-radius)) 0 calc(var(--padding-bottom) + var(--border-radius));max-width:var(--container-width);margin:0 auto}@media(max-width: 1260px){.main-content{--padding-bottom: 70px;--padding-top: 10px;padding-left:15px;padding-right:15px}}@media(max-width: 768px){.main-content{--padding-top: 10px;--padding-bottom: 40px}}.pagination__inner{display:flex;align-items:center;gap:5px}.pagination__arrow{width:auto;height:auto;cursor:pointer}.pagination__item{display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.rating-block .rating-row{background:#ffe7e5}.promo{position:relative;display:flex;align-items:center;gap:22px;z-index:1}@media(max-width: 1260px){.promo{flex-direction:column}}.promo__img{max-width:843px;flex-shrink:0}@media(max-width: 1260px){.promo__img{max-width:100%}}.promo__base{position:relative;padding:0 12px 26px;align-self:stretch;display:flex;flex-direction:column;gap:20px;box-shadow:8px 15px 8px 0px rgba(0,0,0,.2509803922)}@media(max-width: 1260px){.promo__base{flex-direction:row;gap:8px;padding:56px 25px 28px}}@media(max-width: 768px){.promo__base{flex-direction:column;padding:0px 20px 38px;box-shadow:0px 15px 8px -7px rgba(0,0,0,.2509803922)}}.promo__base::before{content:"";position:absolute;inset:0;background:#000;clip-path:polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);z-index:-1}@media(max-width: 1260px){.promo__base::before{clip-path:polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%)}}@media(max-width: 768px){.promo__base::before{clip-path:polygon(0% 30%, 100% 13%, 100% 100%, 0% 100%)}}.promo__img-title{position:relative;margin:0 auto}@media(max-width: 1260px){.promo__img-title{flex-shrink:0;max-width:50%}}@media(max-width: 768px){.promo__img-title{max-width:100%}}.promo__sun-img{display:none}@media(min-width: 1261px){.promo__sun-img{position:absolute;display:block;width:165px;left:50%;bottom:-3px;transform:translateX(-50%)}}.promo__title,.promo__subtitle{padding:0 14px}.promo__title{color:var(--color-primary)}.promo__subtitle{margin-top:20px;color:#fff;font-size:20px}@media(max-width: 1260px){.promo__subtitle{margin-top:16px}}@media(max-width: 768px){.promo__subtitle{font-size:16px}}.promo__boom{display:none}@media(min-width: 769px){.promo__boom{position:absolute;display:block;width:330px;height:409px;top:-13%;left:5%;transform:translateX(-100%);background:url(./images/boom.webp) center center/contain no-repeat;z-index:-1}}@media(max-width: 1260px){.promo__boom{right:-6px;left:auto;transform:rotate(30deg);width:190px;height:237px;top:-68px}}@media(min-width: 1261px){.promo__yay{position:absolute;width:257px;height:318px;bottom:30px;left:-180px;background:url(./images/yay.webp) center center/contain no-repeat;z-index:-1}}.hero-user{background:#000;border:12px solid #000}.hero-user__img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.hero-user__wrap{padding:30px 12px 40px}@media(max-width: 1260px){.hero-user__wrap{padding:20px 0 30px}}.hero-user__name,.hero-user__label{color:var(--color-primary)}.hero-user__name{margin-bottom:24px;font-weight:900;font-style:italic;font-size:16px;line-height:1;text-transform:uppercase}.hero-user__label{margin-top:16px;font-size:16px;font-weight:700}.hero-user__text{margin-top:4px;font-size:20px;color:#fff}.hero-user__hero-rating{margin-top:16px}.hero-rating{display:flex;align-items:center;gap:16px}.hero-rating__star{width:16px;height:16px;background:url(./images/star-empty.webp) center center/contain no-repeat}.hero-rating__star.active{width:30px;height:30px;background-image:url(./images/star-filled.webp)}.plate{padding:54px 40px 28px;display:flex;flex-direction:column;justify-content:center;min-height:170px;background:center center/100% 100% no-repeat;box-shadow:0px 8px 13.6px -8px rgba(0,0,0,.2509803922)}@media(min-width: 769px){.plate{min-height:200px;padding-inline:16px;background-image:url(./images/plate.webp)}}@media(max-width: 1260px){.plate{min-height:220px}}@media(max-width: 768px){.plate{min-height:200px;padding-inline:16px;background-image:url(./images/plate-mobile.webp)}}.plate__title{color:#fff}.plate__text{margin-top:4px;font-size:20px;color:#fff}.plate__results{margin-bottom:12px}.results{display:flex;gap:9px}.results__item{position:relative;width:40px;height:40px;border:4px solid #000;background:#fff}.results__item.active::after{content:"";margin:4px;width:24px;height:24px;display:block;background:#000}@media(max-width: 768px){.results__item{width:30px;height:30px}.results__item.active::after{margin:3px;width:16px;height:16px}}.tasks__list{margin-top:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.task{background:#000}.task__wrap{padding:12px}@media(max-width: 1260px){.task__wrap{padding:14px}}.task__img{aspect-ratio:1.7;width:100%}.task__img img{width:100%;height:auto}.task__tag{color:#fff}.task__title{margin-top:4px;color:var(--color-primary);font-family:Montserrat;font-weight:900;font-style:italic;font-size:16px;text-transform:uppercase}.comicbook-wrap{position:relative;z-index:1}.comicbook{position:relative;width:calc(100% + 50px);margin:40px auto;transform:translateX(-50%);left:50%;display:flex;align-items:center;gap:22px;padding:34px 14px;color:#000;background:#fff;border:12px solid #000;box-shadow:8px 15px 8px 0px rgba(0,0,0,.2509803922);transform-style:preserve-3d}@media(min-width: 1261px){.comicbook::before{content:"";position:absolute;right:0;top:0;width:265px;height:330px;background:url(./images/boom.webp) center center/contain no-repeat;transform:translate(60%, -76%) rotate(30deg) translateZ(-1px)}}@media(max-width: 1260px){.comicbook{flex-direction:column;padding:12px 15px 62px;margin-top:25px}}@media(max-width: 768px){.comicbook{padding:12px 12px 52px;margin:16px auto}}.comicbook_authorized{margin-top:109px;padding-left:328px;padding-block:0;align-items:flex-start}@media(max-width: 1260px){.comicbook_authorized{margin-top:100px;padding-left:15px}}.comicbook__img{width:300px;flex-shrink:0}.comicbook__wrap{display:flex;flex-direction:column;gap:20px;flex:1}@media(max-width: 1260px){.comicbook__wrap{width:100%;gap:18px}}@media(max-width: 768px){.comicbook__title{margin-top:16px}}.comicbook__text{font-size:20px}.comicbook__btn{padding:15px;width:fit-content;min-width:292px;background:#000;color:#fff;border:6px solid rgba(0,0,0,0);transition:.15s all}.comicbook__btn:hover{background:#fff;color:#000;border-color:#000}@media(max-width: 1260px){.comicbook__btn{align-self:center}}@media(max-width: 768px){.comicbook__btn{align-self:flex-start}}@media(min-width: 1261px){.comicbook__hero-user{position:absolute;width:300px;left:0;top:-96px;z-index:1}}@media(max-width: 1260px){.comicbook__hero-user{display:flex;gap:20px;width:100%;box-shadow:8px 15px 8px 0px rgba(0,0,0,.2509803922)}.comicbook__hero-user .hero-user__img{width:276px}}@media(max-width: 768px){.comicbook__hero-user{flex-direction:column;gap:0}.comicbook__hero-user .hero-user__img{width:100%}}.comicbook__result{position:relative;margin-top:-96px;padding-left:15px}@media(min-width: 769px){.comicbook__result{padding-left:165px}.comicbook__result::before{content:"";position:absolute;left:12px;top:-10px;width:137px;height:180px;background:url(./images/yay.webp) center center/contain no-repeat}}@media(max-width: 1260px){.comicbook__result{margin-top:-84px}}.comicbook__tasks{margin-top:52px}@media(max-width: 1260px){.comicbook__tasks{margin-top:20px}}.comicbook__plate{margin-top:-32px;margin-bottom:-58px}@media(max-width: 1260px){.comicbook__plate{margin-top:16px;margin-bottom:-100px}}@media(max-width: 768px){.comicbook__plate{margin-top:-24px;margin-bottom:-50px}}.database{position:relative;margin-top:90px;transform-style:preserve-3d}@media(min-width: 1261px){.database::before{content:"";position:absolute;left:-93px;top:-129px;width:265px;height:329px;background:url(./images/boom.webp) center center/contain no-repeat;transform:rotate(-20deg) translateZ(-1px);z-index:-1}}@media(max-width: 1260px){.database{margin-top:130px}}@media(max-width: 768px){.database{margin-block:80px 38px}}.database__title{font-weight:900;font-style:italic;font-size:70px;letter-spacing:10%;text-transform:uppercase;text-align:center;color:var(--color-primary);-webkit-text-stroke:12px #000;paint-order:stroke fill;filter:drop-shadow(8px 4px 0px #94002F)}@media(max-width: 768px){.database__title{font-size:30px;-webkit-text-stroke:8px #000}}.database__list{margin-top:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.database__pagination{padding:20px;margin:40px auto;width:fit-content;background:#000;color:#fff;font-size:20px}.database__pagination .pagination__item{width:34px;height:36px}.database__pagination .pagination__item.active{color:#fff;background-color:rgba(0,0,0,0);font-size:30px;font-weight:900}