@font-face{font-family:EuclidCircularA;font-weight:400;font-style:normal;src:url(../fonts/EuclidCircularA-Regular.woff);font-display:swap;}
@font-face{font-family:EuclidCircularA;font-weight:500;font-style:normal;src:url(../fonts/EuclidCircularA-Medium.woff);font-display:swap;}
@font-face{font-family:EuclidCircularA;font-weight:700;font-style:normal;src:url(../fonts/EuclidCircularA-Bold.woff);font-display:swap;}

body,html{margin:0;padding:0;width:100%;height:auto;font-family:EuclidCircularA;color:#fff;font-size:16px;font-weight:400;background:#404040;}
body::-webkit-scrollbar{width:8px;}
body::-webkit-scrollbar-track{box-shadow:none;background:#fff;}
body::-webkit-scrollbar-thumb{background-color:#4D516E;outline:0px solid #fff;}
::selection{background-color:#FF335F;color:#fff;}
::-moz-selection{background-color:#FF335F;color:#fff;}
a{color:#3290FF;transition:.2s}
a:hover{color:#FF335F;}
b{font-weight:700;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
div{display:flex;flex-direction:column;}
section{display:flex;flex-direction:column;width:100%;}
img{max-width:100%;height:auto;}
footer{margin-top:auto;}
select{cursor:pointer;}
select option{padding:20px;min-height:40px;}
input[type="text"],input[type="password"],input[type="date"],input[type="tel"],input[type="email"],textarea,select,input[type=number],.styled-select{display:flex;width:100%;height:60px;align-items:center;border-radius:15px;border:1px solid #F4F5F9;padding:0 20px;font-weight:400;outline:none;color:#333;transition:.2s;font-size:16px;background:#F4F5F9;font-family:EuclidCircularA;}
textarea{padding:20px 22px;height:120px;resize:none;}
input::placeholder,textarea::placeholder,input[type=date]:invalid::-webkit-datetime-edit{font-size:16px;font-family:EuclidCircularA;transition:.2s;color:#aaa;font-weight:400;}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer}
input:focus::placeholder,textarea:focus::placeholder{color:rgba(255,255,255,.0);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
input[type="text"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type=date]:focus,input[type="password"]:focus,textarea:focus,select:focus,.woocommerce-checkout table.cart td.actions .coupon .input-text:focus{box-shadow:0 0 1px 5px rgba(77, 81, 110, .25);}
input:disabled{color:rgba(39,76,145,.3);}
fieldset{border-color:#eee;border-style:solid;border-width:1px;border-radius:3px;}
legend{padding:0 10px;}
i{font-style:normal;}
iframe,iframe body{display:block;width:100%;border:0px;max-width:100%;overflow-x:hidden;}
.checkout input[type=radio]{display:none;}
.checkout input[type=radio]+label{display:block;cursor:pointer;position:relative;line-height:1.8;padding:0 0 0 34px;font-weight:600;}
.checkout input[type=radio]+label:before{box-sizing:border-box;content:'';display:flex;width:26px;height:26px;border-radius:100%;background:#F4F5F9;border:2px solid #FFC200;position:absolute;left:0;top:1px;}
.checkout input[type=radio]+label:after{box-sizing:border-box;content:'';display:flex;width:16px;height:16px;border-radius:100%;background:#FFC200;border:0px;position:absolute;left:5px;top:6px;transition:.2s;transform:scale(0);}
.checkout input[type=radio]:checked+label:after{transform:scale(1);}
svg path,svg{transition:.2s;}
input.errorr,input.error,textarea.error,select.error{border-color:#E84B37!important;}
input.good.valid,input.good.valid{border-color:#3BB698!important;}
.button:disabled{cursor:not-allowed!important;}
.check{padding:0;font-size:16px;line-height:20px;}
.check .item:not(:last-child){margin-bottom:20px;}
.check input,.radios input{display:none;}
.check input + label,.radios input + label{position:relative;padding:0 0 0 30px;cursor:pointer;}
.check input + label:before,.radios input + label:before{content:'';position:absolute;top:0;left:0;box-sizing:border-box;width:20px;height:20px;border-radius:3px;border:1px solid #e3e3e3;background:#fff;transition:.2s;}
.check input.error + label:before,.radios input.error + label:before{border-color:rgba(255,0,0,.5)!important;}
.check input + label:after,.radios input + label:after{content:'';position:absolute;top:4px;left:4px;box-sizing:border-box;width:12px;height:12px;border-radius:3px;border:1px solid #2973BA;background:#fff;background:#2973BA;transition:.2s;transform:scale(0);}
.check input:checked + label:after,.radios input:checked + label:after{transform:scale(1);}
.radios input + label:before,.radios input + label:after{border-radius:100%;}
.check.remember label{width:100%;justify-content:space-between;display:flex;align-items:center;}
.check a{text-decoration:none;border-bottom:1px dashed #FF6202;color:#FF6202;}
.check a:hover{color:#333;}

table{border:0px;}
table th{font-size:12px;font-weight:400;text-align:left;line-height:2.5;}
table td{padding:20px 0;font-size:14px;}
table tr:not(:last-child) td{border-bottom:1px solid #ebebeb;}
table td.error{color:#E84B37;}
table td.wait{color:#C59368;}
table td.success{color:#3BB698;}
table td:last-child,table th:last-child{text-align:right;}

.w-100{width:100%;}
.w-50{width:calc(50% - 10px);}
.w-33{width:calc(33.33% - 13.33px);}
.w-25{width:calc(25% - 15px);}

form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
form>*:not(:last-child){margin-bottom:20px;}
.form-wrap{flex-direction:row;align-items:center;}
.form-wrap .item:not(:last-child){padding-right:65px;}
.form-wrap a{font-weight:400;font-size:14px;}

.button{width:100%;margin:0 auto;outline:none;border:0.4vh solid #fff;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin:0 auto 0 0;height:10vh;background:#FF335F;color:#fff;font-size:4vh;font-weight:400;padding:.5vh;border-radius:100px;transition:.2s;text-decoration:none;font-family:EuclidCircularA;box-shadow:0 0 32px 0 #fe345;cursor:pointer;}
.button span{display:flex;border:0.4vh solid rgba(255,255,255,.52);width:100%;height:100%;align-items:center;justify-content:center;text-align:center;border-radius:100px;transition:.2s;}

.start-button{min-height:10vh;}
.start-button.is-hover{border-color:rgba(255, 51, 95, 0.72);background:#fff;color:#FF335F;box-shadow:0 0 32px 0 #fff}

.button:hover span,.button:active span,.button:focus span{border-color:rgba(255, 51, 95, 0.32);}

.button.disabled{background:rgba(89, 89, 89, 0.32);backdrop-filter:blur(16px);border-color:#a6a6a6;pointer-events:none;}
.button.disabled span{border:0px;color:#a6a6a6;}

.button.round{border-radius:100%;width:54%;height:auto;aspect-ratio:1/1;margin:0 auto;font-size:2.3vh;}

.none{display:none;}

.game{background:url(../img/bg/bg.png) 50% 50% no-repeat;background-size:cover;height:100vh;overflow:hidden;width:100%;}
.game-wrap{width:auto;height:100%;aspect-ratio:9/16;margin:0 auto;padding:2.4vh 20px;}

.start-screen,.game-screen{width:100%;height:calc(100% - 10vh);align-items:center;}
.logo{width:auto;margin:0 auto;padding:2.5vh;border-radius:100px;background:#FF335F;}
.logo img{width:auto;height:3.8vh;object-fit:contain;}
.start-screen .title,.finish-screen .title{font-size:3.8vh;text-align:center;padding:2.5vh 0 2.5vh 0;}
.start-screen .preview,.game-body,.finish-screen .preview{align-items:center;justify-content:center;height:48vh;margin:auto 0 auto 0;}
.start-screen .preview img{height:100%;width:auto;}
.start-screen .rules,.finish-screen .rules{font-size:2.6vh;text-align:center;padding:1vh 0 3vh 0;}

.game-screen{background:url(../img/bg/holod.png) 0% 0% no-repeat;background-size:100%;}
.game-screen .meta{flex-direction:row;align-items:center;width:100%;height:8vh;justify-content:space-between;}
.game-screen .meta .item{width:30%;padding:2vh;color:#5c5c5c;border-radius:2vh;height:100%;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-size:3.8vh;}
.game-screen .meta .item.time,.game-screen .meta .item.count{box-shadow:0 0 32px 0 #dfe4e5;background:#dfe4e5;}

.game-body{width:100%;flex-direction:row;height:60vh;position:relative;margin:auto 0 3vh 0}
.game-body .line{width:33.33%;height:100%;position:absolute;top:0;perspective:600px;}
.game-body .line.l-1{background:url(../img/lines/1-2.png) 50% 50% no-repeat;background-size:contain;left:-2vh;z-index:3;}
.game-body .line.l-2{background:url(../img/lines/2-2.png) 50% 50% no-repeat;background-size:contain;left:50%;transform:translateX(-50%);z-index:4;}
.game-body .line.l-3{background:url(../img/lines/3-2.png) 50% 50% no-repeat;background-size:contain;right:-2vh;z-index:3;}
.game-body .line.l-1,.game-body .line.l-3{width:52%;}
.game-body .line.l-2{width:48%;}
.game-body .button{position:absolute;bottom:8vh;left:50%;transform:translateX(-50%) perspective(600px) rotateX(45deg);transform-origin:center center;z-index:5;border-radius:0%;height:auto;aspect-ratio:1.3/1;margin:0 auto;border:0px!important;background:none!important;box-shadow:none;z-index:10;}
.game-body .button span{border-radius:100%;}
.game-body .button .inner{width:100%;height:100%;background:#FF335F;box-shadow:0 0 32px 0 #fe345e;border:0.4vh solid #fff;border-radius:100%;position:relative;z-index:2;padding:.5vh;transition:.2s;}
.game-body .button.b-2{width:58%;}
.game-body .button.b-1{left:2.5vh;transform:perspective(600px) rotateX(45deg);}
.game-body .button.b-3{left:auto;right:2.5vh;transform:perspective(600px) rotateX(45deg);}
.game-body .button:before{content:'';width:90%;height:90%;border-radius:100%;display:flex;background:#B12A48;position:absolute;top:2.3vh;left:5%;z-index:-1;transition:.2s;box-shadow:0 0 7px #FE345E;}
.game-body .button:after{content:'';width:90%;height:90%;border-radius:100%;display:flex;background:#FE345E;position:absolute;top:2vh;left:5%;z-index:1;transition:.2s;}
.game-body .button:hover{color:#fff!important;}
.game-body .button:hover span{border-color:rgba(255, 255, 255, .52);}
.game-body .button.opa{color:#FF335F!important;}
.game-body .button.opa .inner{background:#fff!important;border-color:rgba(255, 51, 95, 0.72)!important;box-shadow:none;}
.game-body .button.opa span{border-color:rgba(255, 51, 95, 0.32);}
.game-body .button.opa::before{box-shadow:0 0 14px #fff;background:#fff!important}
.game-body .button.opa::after{background:#fff!important;width:80%;left:10%;}
.game-body .note{z-index:5;}
.game-body .note img{width:100%;height:100%;object-fit:contain;}

.game-body .button.can-catch:not(.opa):before,.game-body .button.can-catch:not(.opa):after{box-shadow:0 0 28px #FE345E;}
.game-body .button.can-catch:not(.opa) .inner{background:#ff4268}
.game-body .button.can-catch:not(.opa):before{background:#FE345E;}

.game-body .catch-zone{position:absolute;width:140%;height:60%;bottom:22vh;left:50%;background:rgba(255,255,255,.0);border-radius:.5vh;pointer-events:none;z-index:9;transform:translateX(-50%);transform-origin:center center;align-items:center;justify-content:center;text-align:center;}
/*
.game-body .catch-zone:before{content:'';height:.5vh;width:64%;border-radius:4px;background:rgba(255,255,255,1);position:absolute;bottom:0;left:18%;z-index:9;}
.game-body .catch-zone:after{content:'';height:.5vh;width:64%;border-radius:4px;background:rgba(255,255,255,1);filter:blur(5px);position:absolute;bottom:0;left:18%;z-index:9;}
*/

.game-wrap{position:relative;}
.game-wrap>.button{margin-top:auto;position:relative;z-index:10;}
.finish-screen{height:90vh;}
.finish-screen .logo{position:relative;z-index:8;}
.finish-info{position:absolute;top:0;left:0;margin:2.4vh 0 2.4vh 0;padding-bottom:15vh;width:100%;height:calc(100% - 4.8vh);background:none;border-radius:0vh;align-items:center;justify-content:center;font-size:3vh;color:#fff;font-weight:500;}
.finish-info .title{margin:0 0 2vh 0;}
.finish-screen .finish-info .title{padding:2.5vh 0 0 0;}
.finish-info .result,.finish-info .prize{padding:0 2.4vh;text-align:center;display:block;color:#FF335F;font-weight:700;margin:1.25vh 0 0 0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px  1px 0 #fff,1px  1px 0 #fff,0px  0px 1px #fff;}
.finish-info .result + .desc{margin-top:2.4vh;}

.blur>.title,.blur>.preview,.blur>.rules{filter:blur(8px);}

.level-info{position:fixed;background:rgba(65, 63, 63, .5);top:0;left:0;width:100%;height:100%;align-items:center;justify-content:flex-start;padding-top:17vh;font-size:5vh;color:#fff;z-index:999;}
.level-info .count{font-size:20vh;color:#fff;font-weight:500;text-shadow:0px 0px 10vh #fff;}

.note,.b-1,.b-2,.b-3{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.count .value{transition:.2s;}
.count .value.scale{transform:scale(1.5);color:#FF335F;}

#full-trigger-zone{position:fixed;top:0;right:0;width:100px;height:100px;z-index:9999;}

@media screen and (max-width:1000px){
.game-wrap{width:100%;height:auto;max-height:100vh;margin:0 auto;padding:2.4vh 20px;}
.game-body .line.l-2{width:45%;}
}