.auth{background:#0e0435;height:100%;width:100%}.auth__container{align-items:center;backdrop-filter:blur(10px);background-color:#ffffff21;border:2px solid #ffffff1a;border-radius:10px;box-shadow:0 0 40px #08071099;display:flex;flex-direction:column;left:50%;max-width:500px;padding:50px 35px;position:relative;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:999}.auth__title{color:#e5e5e5;font-size:30px;margin-bottom:20px}.auth__input{background-color:#ffffff12;border-radius:3px;box-sizing:border-box;font-size:14px;font-weight:300;height:50px;margin-top:20px;padding:0 10px;width:100%}.auth__input,.auth__input::placeholder{color:#e5e5e5}.auth__err{align-self:flex-start;color:#f94102;font-size:14px;font-weight:300;margin-top:15px}.auth__btn{align-items:center;background-color:#fff;border-radius:5px;color:#080710;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-top:30px;padding:15px 0;width:100%}@media(hover:hover){.auth__btn:hover{cursor:pointer}}.start-page{align-items:center;background-image:url(/assets/img/bgStart.webp);background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.start-page__title{width:70%}.start-page__btn{margin-top:5px;width:20%}.start-page__btn:hover{cursor:pointer}.loader{align-items:center;background-color:#140433;bottom:15px;display:flex;justify-content:center;left:50px;position:absolute;right:50px;top:15px;z-index:1}@media screen and (max-width:900px){.loader{bottom:0;left:0;right:0;top:0}}.loader .spiner{animation:rotate 1s linear infinite;border-radius:50%;height:48px;position:relative;width:48px}.loader .spiner:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.scene-header{align-items:center;display:flex;justify-content:center;position:relative}.scene-header__logo{left:2%;position:absolute;top:10%}.scene-header__title{width:50%}.scene-podium{display:flex;flex-direction:column;position:relative}.scene-podium__actions{background-color:#fff3;border-radius:15px;box-sizing:border-box;display:flex;padding:10px 5px;position:absolute;right:0;top:0;transition:.2s}.scene-podium__btn{margin-left:5px;max-width:30px;transition:.2s}@media(hover:hover){.scene-podium__btn:hover{cursor:pointer;opacity:.8}}.scene-podium__btn.rec{opacity:0;visibility:hidden;width:0}.scene-podium__btn.show-rec{animation-duration:.2s;animation-fill-mode:forwards;animation-name:show-rec;animation-timing-function:ease-in-out}@keyframes show-rec{0%{opacity:0;transform:scale(0);visibility:hidden}to{opacity:1;transform:scale(1);visibility:visible;width:auto}}.scene-podium__heroes{display:flex;justify-content:center;margin-top:165px}.scene-podium__pad{max-width:75px;position:relative;width:100%}.scene-podium__pad:nth-child(2n){bottom:20px;position:relative;right:15px}.scene-podium__pad:last-child{position:absolute;right:0;top:155px}.scene-podium__pad>img{width:100%}.scene-podium__pad-hero{bottom:0;height:min-content;left:0;max-width:75px;position:absolute;z-index:10}.scene-podium__pad-hero.show-hero{animation-duration:.3s;animation-fill-mode:forwards;animation-name:scaleHero;animation-timing-function:ease-in}.scene-podium__pad-hero.show-hero>img{width:100%}@keyframes scaleHero{0%{transform:scale(0)}to{transform:scale(1)}}.scene-podium__pad-hero.scale-up{animation-duration:.3s;animation-fill-mode:forwards;animation-name:showHero;animation-timing-function:ease-in}.scene-podium__pad-hero.scale-up .contour{height:100%;left:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;overflow:hidden;position:absolute;top:0;width:100%;z-index:999}.scene-podium__pad-hero.scale-up .contour:before{animation:shine 2s infinite forwards;background:linear-gradient(#0000,#ffffff1a 45%,#ffffff80 50%,#ffffff1a 55%,#0000);content:"";height:200%;left:-120%;position:absolute;top:-120%;transform:rotate(-45deg);transition:all 2s;width:200%;z-index:10}@keyframes showHero{0%{transform:scale(1)}to{opacity:1;transform:scale(1.5);visibility:visible}}.scene-podium__pad-hero[src*=assets]{width:100%!important}.scene-indicators{align-items:center;display:flex;justify-content:center;padding-bottom:4px}.scene-indicators__image{height:100%;margin-right:14px;max-width:50px;transition:.3s}.scene-indicators__image:last-child{margin:0}.scene-cards{align-items:flex-end;display:flex;justify-content:space-between}.scene-cards__item{height:100%;margin-right:10px;position:relative}.scene-cards__item:last-child{margin:0}.scene-cards__container{height:100%;position:relative}.scene-cards__container.hidden:before{animation-duration:.4s;animation-fill-mode:forwards;animation-name:block-cards;animation-timing-function:ease-in;bottom:0;content:"";left:-6px;position:absolute;right:-6px;top:0;z-index:1}@keyframes block-cards{0%{backdrop-filter:blur(0) saturate(100%);-webkit-backdrop-filter:blur(0) saturate(100%)}to{backdrop-filter:blur(3px) saturate(70%);-webkit-backdrop-filter:blur(3px) saturate(70%)}}.scene-cards__main-card{height:100%;left:0;object-fit:contain;position:relative;position:absolute;top:0;width:100%}.scene-cards__main-card.active{animation-duration:.2s;animation-fill-mode:forwards;animation-name:active-card;animation-timing-function:ease-in}@keyframes active-card{0%{opacity:0}to{opacity:1}}.scene-cards__main-card.hidden{animation-duration:.2s;animation-fill-mode:forwards;animation-name:hidden-card;animation-timing-function:ease-out}@keyframes hidden-card{0%{opacity:1}to{opacity:0}}.scene-cards .contour{height:100%;left:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;overflow:hidden;position:absolute;top:0;width:100%;z-index:999}.scene-cards .contour:before{animation:shine 2s infinite forwards;background:linear-gradient(#0000,#ffffff1a 45%,#ffffff80 50%,#ffffff1a 55%,#0000);content:"";height:200%;left:-120%;position:absolute;top:-120%;transform:rotate(-45deg);transition:all 2s;width:200%;z-index:10}@keyframes shine{0%{left:-120%;top:-120%}to{left:100%;top:100%}}.scene-cards__animate{max-width:100px;opacity:0;pointer-events:none;position:fixed;transform:scale(0);visibility:hidden;z-index:10}.scene-cards__animate.scale-up{animation-duration:.3s;animation-fill-mode:forwards;animation-name:scale-up;animation-timing-function:ease-in}.scene-cards__animate.scale-up>img{width:100%}@keyframes scale-up{0%{opacity:0;transform:scale(0);visibility:hidden}to{opacity:1;transform:scale(1);visibility:visible}}.scene-cards__animate.hidden{animation-duration:.3s;animation-name:hidden;animation-timing-function:ease-in}@keyframes hidden{0%{opacity:1;transform:scale(1);visibility:visible}to{opacity:0;transform:scale(0);visibility:hidden}}.hint{animation-duration:1s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background-color:#f90;border:5px solid #ea7108;border-radius:10px;box-sizing:border-box;color:#fff;margin:5px;max-width:200px;opacity:0;padding:10px;position:fixed;text-align:center;transition:.4s;visibility:hidden;z-index:9998}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.hint:before{background-image:url(/assets/img/arrow.png);background-repeat:no-repeat;background-size:contain;content:"";height:30px;position:absolute;width:30px}.hint.topRight:before{bottom:-15px;left:-15px}.hint.topLeft:before{bottom:-15px;right:-15px;transform:rotate(270deg)}.hint.bottomLeft:before{right:-15px;top:-15px;transform:rotate(180deg)}.scene{background-image:url(/assets/img/bgScene.webp);background-position:top;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px;position:relative;width:100%}@media screen and (max-width:900px){.scene{background-image:unset}}.scene__header{height:10%}.scene__podium{flex-grow:1}.scene__indicators{height:8%}.scene__cards{min-height:40%}.game{box-sizing:border-box;height:440px;max-width:900px;padding:15px 50px;position:relative;width:100%}@media screen and (max-width:900px){.game{height:100%;max-width:unset;padding:0}}.game:after{background-image:url(/assets/img/phone.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media screen and (max-width:900px){.game:after{content:unset}}@media(orientation:portrait){.game:before{align-items:center;background-color:#000;bottom:0;color:#fff;content:"Переверните экран";display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}}@media screen and (max-width:900px){html{background-image:url(/assets/img/bgScene.webp);background-position:top;background-repeat:no-repeat;background-size:cover}}body{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,sans-serif;margin:0;overflow-anchor:none}@supports(-webkit-touch-callout:none){body{height:100vh!important}}a,button,button:active,button:focus,div:focus,img,input,input:active,input:focus,select,textarea,textarea:active,textarea:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none!important}*{border:0;margin:0;padding:0}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{height:100%}body{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;line-height:1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{background:#0000;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}audio{position:relative;z-index:-1}#root{align-items:center;display:flex;height:100%;justify-content:center;width:100%}