.wrapper__map{position:relative;display:flex;justify-content:center}.canvas{width:100%;max-width:1600px;letter-spacing:1.8px;max-height:100vh}:root{color:#fdfef3;background:#000}body{overflow:hidden;user-select:none;position:relative}.wrapper{position:relative;height:100vh;aspect-ratio:4/3;padding-top:1%;margin:0 auto;background:url(../images/main/main-back.jpg) center no-repeat;background-size:cover}.title{position:relative;font-size:2rem;font-weight:700}.title::before{content:attr(data-text);position:absolute;left:0;right:0;-webkit-text-stroke:.04em #7e590b}
@font-face{font-family:"Vag_Rounded-Bold CY";src:url(../fonts/vag-rounded.otf)}*{padding:0;margin:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside,section{display:block}html,body{height:100vh;min-width:560px}body{line-height:1;font-size:14px;font-family:"Vag_Rounded-Bold CY";-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:"Vag_Rounded-Bold CY"}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
.btn{width:14rem;padding:.15vh 0 .15vh 0;background:linear-gradient(180deg, #65c4f8 0%, #0e4be2 49%);border-radius:30px;font-size:1.8rem;color:#fdfef3;margin-bottom:2vh;border:5px solid #fdfef3;box-sizing:border-box;outline:1px solid #c0a275;box-shadow:0px 3px 7px 2px rgba(253,254,243,.4) inset;transition:all .15s ease-in-out}.btn:not(.btn_disabled):hover{box-shadow:0px -1px 7px 2px rgba(253,254,243,.4) inset}.btn:not(.btn_disabled):hover .btn__letter:nth-child(2n-1){top:2px}.btn:not(.btn_disabled):hover .btn__letter:nth-child(2n){top:-2px}.btn__letter{position:relative}.btn_disabled{cursor:default;border:5px solid #f8e4c7;background:#bdaf94}.btn_close{position:absolute;bottom:2.5vh;left:50%;transform:translateX(-50%)}
.main{background-image:url(../images/main/main-back.jpg);height:100%}.logo{height:36.875vh;display:block;margin:0 auto 3vh auto}.panel{width:45%;height:43.75vh;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:2rem;background:url(../images/main/main-panel.png) center no-repeat;background-size:contain;letter-spacing:0px}.panel__greet{margin-bottom:3vh}.panel__name{margin-bottom:3vh;padding:1vh 3%;border-radius:30px;border:3px solid #c49564;text-align:center;font-size:1.4rem;color:#4c4238;font-weight:700;user-select:none;box-sizing:border-box;box-shadow:0px 0px 5px 1px rgba(0,0,0,.5) inset}.panel__msg{color:#4c4238;font-size:1.4rem}.footer{height:9vh;position:absolute;bottom:0;left:0;right:0;margin:0 10%;display:flex;justify-content:space-between;align-items:center}
@font-face{font-family:"Vag_Rounded-Bold CY";src:url(../fonts/vag-rounded.otf)}.panel__settings{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.panel__name-settings{position:relative;font-family:"Vag_Rounded-Bold CY";color:#fdfef3;margin-bottom:8vh;font-size:3rem;font-weight:700}.panel__name-settings::before{content:"Настройки";position:absolute;left:50%;transform:translate(-50%);-webkit-text-stroke:.02em #7e590b}.settings__box{display:flex;flex-direction:column;justify-content:space-between;height:10.3125rem;margin-bottom:1.875rem}.music__box,.sound__box{display:flex;justify-content:center;align-items:center;width:25.5rem;height:3.4375rem}.music,.sound{display:flex;text-align:center;align-items:center;justify-content:center;font-family:"Vag_Rounded-Bold CY";color:#fdfef3;font-weight:400;font-size:25px;height:92%;width:6.25rem;background-color:#854e0ed3;border-radius:.375rem 0 0 .375rem;border:3px solid #af6b00;border-right:2px solid #bb7b1b}.sound__bar,.music__bar{position:relative;display:flex;justify-content:space-around;align-items:center;width:calc(100% - 6.25rem);height:92%;background-color:#b06f1bd3;border-radius:0 .375rem .375rem 0;border:3px solid #af6b00;border-left:2px solid #bb7b1b}.settings__range{width:220px;height:2.2em;-webkit-appearance:none;background:transparent}.settings__range:focus{outline:none}.settings__range::-webkit-slider-thumb{-webkit-appearance:none;width:.9rem;height:1.6rem;background-image:url(../images/settings/slider0-2.png);background-size:cover;margin-top:calc(max((1em - 1px - 1px)*.5,0px) - .75rem);cursor:pointer}.settings__range::-webkit-slider-runnable-track{height:1em;border:1px solid #b2b2b2;border-radius:.3em;background-color:#fdfef3;box-shadow:none}.settings__range:hover::-webkit-slider-runnable-track{border-color:#9a9a9a}.settings__range:active::-webkit-slider-runnable-track{border-color:#c1c1c1}.fullScreen__label,.settings__checkbox{width:1.75rem;height:1.75rem}.fullScreen__label{position:relative;cursor:pointer;background-color:#fdfef3;border-radius:6px;border:3px solid #1863cd;margin-left:20px}.settings__checkbox{display:none}.input__checked{width:1.75rem;height:1.75rem;background-image:url(../images/settings/checked.svg);background-size:cover;position:absolute;left:-2.5rem;bottom:0;transition:all .5s;opacity:0}.settings__checkbox:checked~label>div{opacity:1;left:0}.btn__settings{width:12.5rem !important}.panel__line{width:100%;height:2px;border:0;background-color:#000;margin-bottom:3vh}.screen__box{display:flex;align-items:center;justify-content:center;width:25.5rem;height:3.4375rem;background-color:#b06f1bd3;border:2px solid #af6b00;border-radius:.375rem;font-family:"Vag_Rounded-Bold CY";color:#fdfef3;font-weight:400;font-size:25px}.settings__volume{width:1.5rem;height:1.9rem;background-size:cover}.sound__volume-min,.music__volume-min{height:1.9rem;background-image:url(../images/settings/volume-min.png)}.sound__volume-max,.music__volume-max{width:2rem;background-image:url(../images/settings/volume-max.png)}.settings__line{position:absolute;left:49.2%;transform:translate(-49.2%);border-left:2px solid #854e0e;border-radius:.5px;height:10px;bottom:0}
.author{padding:3vh 5%;background-image:url(../images/author/author-back.jpg);height:100%}.author__title{display:flex;flex-direction:column;padding-top:30px;font-size:3rem;text-align:center;margin-bottom:8vh}.author__item{position:relative;padding-left:40px;font-size:2rem;color:#684827;line-height:2rem;font-weight:600}.author__item::before{content:" ";position:absolute;top:0;left:0;width:32px;height:32px;background-image:url(../images/author/git.png);background-repeat:no-repeat;background-size:100%}.author__list{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:10px;padding:0 30px}.author__wrapper{display:flex;flex:0 1 33.33%;text-align:center;flex-direction:column;row-gap:10px;align-items:center;color:#684827;font-size:2rem}.author__block{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid #c49564}.author__block img{display:block;object-fit:cover;width:100%}.chicken-wrapper{margin-top:9rem;display:flex;justify-content:center}.chicken-image{width:96px;height:96px}@media(max-width: 1600px){.author__block{width:calc(90px + 110*(100vw - 320px)/1280);height:calc(90px + 110*(100vw - 320px)/1280)}.author__title{padding-top:calc(10px + 20*(100vw - 320px)/1280);font-size:calc(2rem + 1*(100vw - 320px)/1280)}.author__item{padding-left:calc(24px + 20*(100vw - 320px)/1280);font-size:calc(1.1rem + .4*(100vw - 320px)/1280);color:#684827}.author__item::before{content:" ";width:calc(20px + 12*(100vw - 320px)/1280);height:calc(20px + 12*(100vw - 320px)/1280)}.author__wrapper{font-size:calc(1rem + .2*(100vw - 320px)/1280)}}
.shop__main-aside,.shop__main-block,.shop__main-under__engineering,.shop__main-under__pets{display:flex;justify-content:center;column-gap:1.125rem;row-gap:.313rem}@font-face{font-family:"Vag_Rounded-Bold CY";src:url(../fonts/vag-rounded.otf)}.shop{padding:3vh 5%;background-image:url(../images/shop/shop-back.jpg);display:flex;flex-direction:column;align-items:center}.btn__shop{width:10rem;height:45px}.shop__title{position:relative;font-family:"Vag_Rounded-Bold CY";color:#fdfef3;margin-bottom:8vh;font-size:3rem;font-weight:700}.shop__title::before{content:"Магазин";position:absolute;left:50%;transform:translate(-50%);-webkit-text-stroke:.02em #7e590b}.shop__main{display:flex;justify-content:space-between;width:58.875rem;height:29.375rem}.shop__main-block,.shop__main-aside{width:47.5rem;height:29.375rem;border-radius:1.375rem;background-color:#41210c}.shop__main-aside{width:10.938rem}.shop__main-under{display:flex;justify-content:space-between;align-content:space-between;width:58.875rem;height:10.625rem;margin-top:.375rem}.shop__main-under__engineering,.shop__main-under__pets{align-items:center;width:23.125rem;height:9.688rem;border-radius:1.375rem;background-color:#41210c}.shop__main-under__block{position:relative;height:200px;width:11.563rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.shop__main-under__stars{position:relative;width:100%;height:7.813rem;border-radius:1.375rem;background-color:#41210c}.stars__img{position:absolute;left:50%;width:3.125rem;height:3.125rem;transform:translate(-50%);top:10px}.shop__main-block{flex-wrap:wrap}.shop__main-aside{flex-direction:column;row-gap:9px}.contantBlock,.contantAside,.contantEngineer,.contantPets{position:relative;display:flex;flex-direction:column;justify-content:space-around;width:10.938rem;height:9.375rem;border:2px solid #51311c;border-radius:1.375rem}.stars__count{position:absolute;left:50%;transform:translate(-50%);bottom:10px;color:#ffe80a;font-size:39px;animation-duration:.3s}.content__name{font-family:Helvetica,sans-serif;text-align:center;font-size:24px;margin-bottom:3px}.content{display:flex;justify-content:center;align-content:space-between;width:100%;height:7.375rem}.content__block{height:6.438rem;width:97%;background-size:100% 100%}.content__img{right:20px;height:4.688rem;width:5.625rem;position:absolute;top:0}.driedEggs{top:10px;right:3px;width:7.875rem;height:6.563rem}.depots,.wells{top:30px;width:6.75rem;height:4.876rem}.cages{top:25px;width:6rem;height:5.25rem}.cars{top:35px;width:6.976rem;height:4.876rem}.airplanes{top:15px;width:7.5rem;height:6.735rem}.dogs{top:28px}.cats{top:23px}.cats,.dogs{width:6.75rem;height:5.625rem}.content__btn{position:absolute;left:50%;transform:translate(-49%);bottom:3px;width:6.25rem;height:1.875rem;background-color:#696f73;border-radius:15px;font-size:23px;color:#fdfef3;margin:0;padding:0;border:none;outline:none}.content__btn-img{position:absolute;bottom:7px;width:1.375rem;height:1.375rem}.level__max{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:2.188rem;height:2.188rem;background-image:url(../images/shop/checked.svg);background-size:cover}@keyframes money_anim{0%{top:72px;opacity:1}100%{top:115px;opacity:0}}@keyframes money_backAnim{0%{top:0px;opacity:0}100%{top:72px;opacity:1}}
.animal{position:absolute;top:45%;left:45%}.canvas__container{position:relative}.canvas__container_level{background:url(../images/level/level-back.jpg) center no-repeat;background-size:cover}.wrapper_level{background-image:url(../images/level/level-back.jpg)}
.preloader{position:fixed;width:100%;height:100%;top:0;left:0;opacity:1;background-color:#3c99eb;display:flex;flex-direction:column;justify-content:center;z-index:9999}.preloader__logo{width:556px;height:236px;background-repeat:no-repeat;background-position:center;align-self:center;background-size:100% 100%}.preloader__load{width:320px;height:76px;position:relative;align-self:center;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.preloader__progress{width:292px;height:42px}.preloader__hidden{width:0px;height:100%;overflow:hidden;height:76px;position:absolute;top:17px;left:15px}@keyframes preloader{0%{width:0px}20%{width:60px}50%{width:146px}100%{width:206px}}.preloader.preloader__hide{animation:hide 1s ease forwards}@keyframes hide{0%{opacity:1}100%{opacity:0}}