.title{font-size:5rem;font-weight:600;left:50%;opacity:.01;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.field{background:#1c1c1c;border-radius:4px;box-shadow:inset 7px 7px 8px #181818,inset -7px -7px 8px #202020;margin:0;max-height:700px;overflow:hidden;padding:0;position:relative}.field__desktop{display:block}.field__mobile{display:none}@media (max-width:1280px){.field__desktop{display:none}.field__mobile{display:block}}.field__item{align-items:center;animation:scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both;border:1px solid #ffffff0a;border-radius:2px;cursor:pointer;display:flex;font-size:22px;font-weight:600;justify-content:center;position:absolute;z-index:1}.field__item--shadow-green{box-shadow:0 0 17px -2px #0f9064}.field__item--shadow-blue{box-shadow:0 0 17px -2px #4666ff}.field__item--shadow-orange{box-shadow:0 0 17px -2px #e3935b}@keyframes scale-in-center{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd 1s cubic-bezier(.175,.885,.32,1.275) both;background:#639;height:100%;width:100%}.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s both;animation:wobble-hor-bottom .8s both}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}.blink-1{-webkit-animation:blink-1 .6s both;animation:blink-1 .6s both}.flip-horizontal-bottom{-webkit-animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both;animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both}.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}.slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0deg);transform-origin:top}}@keyframes swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0deg);transform-origin:top}}.game{position:relative}.wrapper{grid-column-gap:35px;display:grid;grid-template-columns:1fr 400px;padding-top:20px}.header{grid-row-gap:10px;grid-column-gap:35px;display:grid;grid-column:1/3;grid-template-columns:1fr 400px}.buttons{align-items:center;display:flex;justify-content:space-evenly}.buttons button{background:none;border-radius:30px!important;margin:0 10px!important;opacity:.9;transition:all auto .3s;white-space:nowrap}.buttons button:hover{opacity:1}.button_green{border:1px solid #1cd4d4!important;color:#1cd4d4!important}.button_disabled{border:1px solid #ffffff4f!important;color:#ffffff4f!important}.button_white{border:1px solid #fff!important;color:#fff!important}.buttons span{opacity:.9}@media (max-width:768px){.wrapper{grid-gap:10px;grid-template-columns:1fr;padding-top:5px}.header{grid-column:1;grid-template-columns:1fr}.buttons button{margin:0 2px!important}}.market{grid-gap:20px;background:#1a1a1a;box-shadow:inset 7px 7px 8px #181818,inset -7px -7px 8px #202020;display:grid;grid-template-columns:1fr 1fr;max-height:700px;overflow:scroll;padding:20px}.market__card{align-items:center;background:#181818;border:1px solid;border-radius:2px;box-shadow:0 0 .2rem #282828,0 0 .1rem #434343,0 0 .5rem #000,0 0 .8rem #242424,0 0 1rem #292929,inset 0 0 1.3rem #3e3e3e;display:flex;flex-direction:column;font-size:11px;justify-content:center;max-width:min-content;min-height:145px;min-width:155px;padding:20px;position:relative;text-align:center}.market__card.disabled{box-shadow:none;filter:grayscale(1);opacity:.5;pointer-events:none}.market__card.disabled .card__price{cursor:default;text-shadow:none}.market__card{filter:grayscale(0);opacity:1}.market__card:not(.active){color:#f1f1f124}.market__card.uncommon{fill:#3852cc;border-color:#3852cc;box-shadow:0 0 .2rem #fff,0 0 .1rem #fff,0 0 .5rem #4666ff,0 0 .8rem #4666fffa,0 0 1rem #4666ff,inset 0 0 1.3rem #4666ff;color:#3852cc}.market__card.rare{fill:#0f9065;border-color:#0f9065;box-shadow:0 0 .2rem #fff,0 0 .1rem #fff,0 0 .5rem #0f9065,0 0 .8rem #0f9065,0 0 1rem #0f9065,inset 0 0 1.3rem #0f9065;color:#0f9065}.market__card.epic{fill:#cb7cea;border-color:#cb7cea;box-shadow:0 0 .2rem #fff,0 0 .1rem #fff,0 0 .5rem #bc13fe,0 0 .8rem #bc13fe,0 0 1rem #bc13fe,inset 0 0 1.3rem #bc13fe;color:#cb7cea}.market__card.legendary{fill:#ffd773;border-color:#ffd773;box-shadow:0 0 .2rem #fff,0 0 .1rem #fff,0 0 .5rem #ffc42e,0 0 .8rem #ffc42e,0 0 1rem #ffc42e,inset 0 0 1.3rem #ffc42e;color:#ffd773;grid-column:1/3;justify-self:center}.market__card.active .card__price,.market__card.active .card__text{color:#bcb}.market__card.active .card__price{display:none}.market__card:not(.active){box-shadow:none}.market__card:not(.active) .card__text{color:#f1f1f124}.card__price{align-items:center;background:linear-gradient(45deg,#1c1c1c,#262626);border:1px solid #d3d3d317;border-radius:3px;color:#c8dbf7;cursor:pointer;display:flex;filter:none;font-size:16px;height:45px;justify-content:center;padding:5px;width:45px;z-index:1}.card__text{margin:10px 0}.card__rate{font-family:serif;font-size:18px;position:absolute;top:-2px}.card__border{left:50%;padding:5px;position:absolute;top:50%;transform:translate(-50%,-50%) scaleY(.5);width:100%}h1{text-align:center}.gauge-wrapper{display:inline-block;margin:0 auto;padding:20px 15px 15px;width:auto}.gauge{background:#e7e7e7;border-radius:100px 100px 0 0!important;box-shadow:0 -3px 6px 2px rgba(0,0,0,.06);height:100px;overflow:hidden;position:relative;width:200px}.gauge.min-scaled{transform:scale(.5)}.gauge-center{background:#15222e;border-radius:100px 100px 0 0!important;bottom:0;box-shadow:0 -13px 15px -10px rgba(0,0,0,.28);color:#fff;content:"";height:60%;position:absolute;right:21%;width:60%;z-index:10}.gauge-center .label,.gauge-center .number{border:0!important;display:block;text-align:center;width:100%}.gauge-center .label{font-size:.75em;margin:1.1em 0 .3em;opacity:.6}.gauge-center .number{font-size:1.2em}.needle{background:#15222e;border-bottom-left-radius:100%!important;border-bottom-right-radius:5px!important;border-top-left-radius:100%!important;border-top-right-radius:5px!important;bottom:-2px;box-shadow:0 2px 2px 1px rgba(0,0,0,.38);display:none;height:7px;left:20px;position:absolute;transform:rotate(0deg);transform-origin:100% 4px;width:80px;z-index:9}.four .needle{display:block;transition:all .3s ease 0s}.slice-colors{height:100%}.slice-colors .st{border:50px solid transparent;bottom:0;height:0;position:absolute;width:0}.four .slice-colors .st.slice-item:nth-child(2){background-color:#1eaa59;border-right:50px solid #f1c40f;border-top:50px solid #f1c40f}.four .slice-colors .st.slice-item:nth-child(4){background-color:#e67e22;border-bottom:50px solid #e84c3d;border-right:50px solid #e84c3d;left:50%}.vibrate-1{animation:vibrate-1 .3s linear 2 both}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}#game_status{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 400px}#game_status h3{color:#fff;text-align:center}#game_status h3 span{display:block;font-size:24px}.coin{color:#c6e2ff;font-size:18px;text-shadow:0 0 3px rgba(202,228,225,.92),0 0 15px rgba(202,228,225,.34),0 0 6px rgba(30,132,242,.52),0 0 10px rgba(30,132,242,.92),0 0 17px rgba(30,132,242,.78),0 0 27px rgba(30,132,242,.92)}#timer_count{animation:blinksale 10s infinite;color:#ffaa0f;text-shadow:0 0 5px orange,0 0 15px orange,0 0 20px orange,0 0 40px orange,0 0 60px red,0 0 10px #ff8d00,0 0 98px red}.menu_button{background:none;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin:0 5px;padding:10px 35px;text-transform:uppercase}.menu_button:hover{color:#fff}.menu_button:hover svg{fill:#fff}.menu_button--disabled{cursor:disabled}@keyframes blinksale{20%,24%,55%{color:#111;text-shadow:none}0%,19%,21%,23%,25%,54%,56%,to{color:#fff6a9;text-shadow:0 0 2px orange,0 0 7px orange,0 0 10px orange,0 0 20px orange,0 0 30px red,0 0 5px #ff8d00,0 0 50px red}}@media (max-width:768px){#game_status h3{margin:5px 0}}body{font-weight:300;height:100vh;margin:0;padding:0;user-select:none}footer{background:#262626;color:#fff;font-size:12px;padding:20px 0;position:relative;text-align:center}footer:after{border-right:60px solid #262626;right:0}footer:after,footer:before{border-top:60px solid transparent;content:"";position:absolute;top:-30px}footer:before{border-left:60px solid #262626;left:0}.gradient-1{background:linear-gradient(#5f8afa,#4fd1d9)}.gradient-2{background:linear-gradient(#5f8afa,#6b6ef9)}.gradient-3{background:linear-gradient(#6b6ef9,#a463b0)}.gradient-4{background:linear-gradient(#6b6ef9,#4fd1d9)}.gradient-5{background:linear-gradient(#6b6ef9,#db5555)}.gradient-6{background:linear-gradient(#db5555,#e3935b)}.gradient-7{background:linear-gradient(#e3935b,#ffc860)}.gradient-8{background:linear-gradient(#aad055,#ffc860)}.gr-sq{height:60px;width:60px}section{margin:100px 0}.h-60{height:60px}.gradients{display:flex;justify-content:center;width:100%}.menu:after{border-right:60px solid #1c1c1c;right:0}.menu:after,.menu:before{border-top:60px solid transparent;content:"";position:absolute;top:30px}.menu:before{border-left:60px solid #1c1c1c;left:0}button{border:none;position:relative}button svg{fill:#717171;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scaleX(.5);width:180px}#game{margin:0 auto;max-width:1280px}body{background:#1c1c1c;color:#fff;overflow-x:hidden}*{box-sizing:border-box;line-height:normal}#game{padding:15px}img{display:block;width:100%}#timer_count{font-family:sans-serif;font-weight:100}#timer_count>div{display:inline-block}#logs{bottom:10px;filter:grayscale(1);font-size:12px;height:200px;left:10px;overflow:hidden;padding:5px;position:relative}#logs,.logs__end{position:absolute}.logs__end{background:linear-gradient(0deg,#1c1c1c,transparent);bottom:0;height:80px;left:0;width:100%}#logs div:first-child{color:#adadad}#logs div:nth-child(n+2){color:#6f6f6f;opacity:.5}.slide-in-bck-center{-webkit-animation:slide-in-bck-center 1.7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center 1.7s cubic-bezier(.25,.46,.45,.94) both}.field__crit{font-size:50px;left:50%;position:absolute;top:50%}@keyframes slide-in-bck-center{0%{filter:blur(0);opacity:.1;transform:scale(.5) translate(-50%,-50%);transform-origin:0 0}to{filter:blur(2px);opacity:.1;transform:scale(6.5) translate(-50%,-50%);transform-origin:0 0}}.upgrate-field-epic{animation:upgrate-field-epic 1.7s cubic-bezier(.25,.46,.45,.94) both}@keyframes upgrate-field-epic{0%{box-shadow:inset 7px 7px 8px #181818,inset -7px -7px 8px #202020}40%{box-shadow:inset 7px 7px 8px #3853cc73,inset -7px -7px 8px #3852cc}70%{box-shadow:inset 7px 7px 8px #3853cc73,inset -7px -7px 8px #3853cc73}to{box-shadow:inset 7px 7px 8px #181818,inset -7px -7px 8px #202020}}.tutorial{align-items:center;display:grid;font-size:16px;grid-template-columns:60px 1fr;height:max-content}.icon,.text{color:#697098}.icon{align-items:center;border:1px solid #697098;display:flex;font-size:30px;height:50px;justify-content:center;width:50px}@media (max-width:768px){.tutorial{grid-column:auto;grid-row:auto;grid-template-columns:50px 1fr;margin:10px auto;max-width:90%}.icon{height:40px;width:40px}.text{font-size:11px}}