:root{--color-primary:#3d5bd3;--color-secondary:#cb3939;--color-bg:#282c34;--color-bg-light:#535a69;--color-bg-lighter:#70778a;--color-text:#d7dae5}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}.app{align-items:center;background-color:#282c34;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.app,a{color:#d7dae5;color:var(--color-text)}.home{padding:1rem}.home .footer{padding:.25rem;text-align:center}.games{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.games .card{background-color:#535a69;background-color:var(--color-bg-light);border-radius:.25rem;padding:.25rem;text-decoration:none}.games .card:hover{background-color:#70778a;background-color:var(--color-bg-lighter)}.games .card .title{padding:.5rem;text-align:center}.btn-back{background-color:#d7dae5;background-color:var(--color-text);border-radius:50%;color:#3d5bd3;color:var(--color-primary);font-size:2rem;font-weight:700;line-height:1.5rem;padding:0 .3rem .35rem;position:absolute;right:1rem;text-decoration:none;top:1rem}.btn{background-color:#3d5bd3;background-color:var(--color-primary);border:none;color:#d7dae5;color:var(--color-text);cursor:pointer;padding:.5rem 1rem;text-transform:uppercase}.floating-button{background-color:rgba(0,0,0,.2);left:0;padding:1rem 0;position:fixed;right:0;text-align:center;top:60%;z-index:100}.floating-button.floating-enter{opacity:0;top:65%}.floating-button.floating-enter-active{opacity:1;top:60%;transition:opacity .2s,top .2s;transition-delay:.5s}.floating-button.floating-exit-active{opacity:0;top:65%;transition:opacity .3s,top .3s}#game-tic-tac{padding:1rem;width:320px}#game-tic-tac .score{display:flex;justify-content:space-between;padding:1rem .5rem;width:100%}#game-tic-tac table{border-collapse:collapse;border-spacing:0;height:100%;position:relative;width:100%}#game-tic-tac table tr+tr{border-top:3px solid var(--color-text)}#game-tic-tac table td{height:95px;text-align:center;vertical-align:middle;width:95px}#game-tic-tac table td+td{border-left:3px solid var(--color-text)}#game-tic-tac .cross{position:relative}#game-tic-tac .cross:after,#game-tic-tac .cross:before{background-color:var(--color-primary);content:"";display:block;height:4px;position:absolute;width:100%}#game-tic-tac .cross:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#game-tic-tac .cross:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#game-tic-tac .circle{border:4px solid var(--color-secondary);border-radius:50%;display:inline-block;height:75%;width:75%}#game-tic-tac .line-wrapper{position:relative}#game-tic-tac .line-wrapper>div{position:absolute;z-index:10}#game-tic-tac .line-wrapper>div:before{background:var(--color-text);content:"";height:3px;position:absolute;width:0}#game-tic-tac .line-wrapper .win:before{transition:width .5s}#game-tic-tac .line-wrapper .line-1{top:45px}#game-tic-tac .line-wrapper .line-1:before{width:288px}#game-tic-tac .line-wrapper .line-2{top:142px}#game-tic-tac .line-wrapper .line-2:before{width:288px}#game-tic-tac .line-wrapper .line-3{top:239px}#game-tic-tac .line-wrapper .line-3:before{width:288px}#game-tic-tac .line-wrapper .line-4{left:49px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#game-tic-tac .line-wrapper .line-4:before{width:288px}#game-tic-tac .line-wrapper .line-5{left:147px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#game-tic-tac .line-wrapper .line-5:before{width:288px}#game-tic-tac .line-wrapper .line-6{left:239px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#game-tic-tac .line-wrapper .line-6:before{width:288px}#game-tic-tac .line-wrapper .line-7{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#game-tic-tac .line-wrapper .line-7:before{width:400px}#game-tic-tac .line-wrapper .line-8{top:285px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#game-tic-tac .line-wrapper .line-8:before{width:400px}#game-tic-tac .move0{-webkit-animation:fadeIn .6s,move0 .6s;animation:fadeIn .6s,move0 .6s}#game-tic-tac .move1{-webkit-animation:fadeIn .6s,move1 .6s;animation:fadeIn .6s,move1 .6s}#game-tic-tac .move2{-webkit-animation:fadeIn .6s,move2 .6s;animation:fadeIn .6s,move2 .6s}#game-tic-tac .move3{-webkit-animation:fadeIn .6s,move3 .6s;animation:fadeIn .6s,move3 .6s}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@-webkit-keyframes move0{0%{-webkit-transform:scale(1.2) translate(-15px,-30px);transform:scale(1.2) translate(-15px,-30px)}}@keyframes move0{0%{-webkit-transform:scale(1.2) translate(-15px,-30px);transform:scale(1.2) translate(-15px,-30px)}}@-webkit-keyframes move1{0%{-webkit-transform:scale(1.2) translate(15px,-30px);transform:scale(1.2) translate(15px,-30px)}}@keyframes move1{0%{-webkit-transform:scale(1.2) translate(15px,-30px);transform:scale(1.2) translate(15px,-30px)}}@-webkit-keyframes move2{0%{-webkit-transform:scale(1.2) translate(-15px,30px);transform:scale(1.2) translate(-15px,30px)}}@keyframes move2{0%{-webkit-transform:scale(1.2) translate(-15px,30px);transform:scale(1.2) translate(-15px,30px)}}@-webkit-keyframes move3{0%{-webkit-transform:scale(1.2) translate(15px,30px);transform:scale(1.2) translate(15px,30px)}}@keyframes move3{0%{-webkit-transform:scale(1.2) translate(15px,30px);transform:scale(1.2) translate(15px,30px)}}#game-snake{width:min(60vh,100vw)}#game-snake .score{display:flex;font-size:2rem;justify-content:space-between}#game-snake .score div{padding:.5rem 1rem}#game-snake .field{grid-gap:1px;display:grid}#game-snake .field div{aspect-ratio:1;border:1px solid var(--color-bg-light);padding:2px;transition:border-color .15s,-webkit-transform .25s;transition:border-color .15s,transform .25s;transition:border-color .15s,transform .25s,-webkit-transform .25s}#game-snake .field div:before{background-color:var(--color-bg-light);content:"";display:block;height:100%;transition:background-color .25s}#game-snake .field .apple{border-color:var(--color-secondary)}#game-snake .field .apple:before{background-color:var(--color-secondary)}#game-snake .field .snake{border-color:var(--color-primary);-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}#game-snake .field .snake:before{background-color:var(--color-primary)}#game-snake .pad-bottom{height:8rem}#game-snake .direction-buttons{bottom:-1rem;display:grid;grid-template-columns:repeat(2,1fr);margin:75px;position:fixed;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:50%}#game-snake .direction-buttons>div{aspect-ratio:1;background-color:rgba(0,0,0,.3);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);object-fit:cover;padding-top:40%;text-align:center;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100%}#game-concentration{max-width:640px;padding:1rem;width:100%}#game-concentration .score{display:flex;justify-content:space-between}#game-concentration .score div{font-size:1.5rem;padding:1rem 0}#game-concentration .deck{grid-gap:10px;display:grid;-webkit-perspective:1000px;perspective:1000px}#game-concentration .deck .card{aspect-ratio:1/1.5;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#game-concentration .deck .card.flipped{pointer-events:none;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#game-concentration .deck .card div{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.5rem;height:100%;position:absolute;width:100%}#game-concentration .deck .card .back{background-color:var(--color-primary)}#game-concentration .deck .card .face{background-color:var(--color-secondary);font-size:3rem;padding-top:30%;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:-1}#game-fruit-row{padding:1rem}#game-fruit-row .score{font-size:1.5rem;font-weight:700;padding-bottom:.5rem;text-align:center;text-shadow:2px 2px var(--color-secondary)}#game-fruit-row .field{position:relative;touch-action:none}#game-fruit-row .field div{aspect-ratio:1;font-size:2rem;position:absolute;text-align:center}#game-fruit-row .field div div{pointer-events:none}#game-fruit-row .anim{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}#game-fruit-row .shrink{-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .25s cubic-bezier(.21,-.73,.46,-.5);transition:transform .25s cubic-bezier(.21,-.73,.46,-.5);transition:transform .25s cubic-bezier(.21,-.73,.46,-.5),-webkit-transform .25s cubic-bezier(.21,-.73,.46,-.5)}#game-fruit-row .t-1{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#game-fruit-row .fall-1{transition:-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .2s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-1 div{-webkit-animation:stretch .2s;animation:stretch .2s}#game-fruit-row .t-2{-webkit-transform:translateY(-200%);transform:translateY(-200%)}#game-fruit-row .fall-2{transition:-webkit-transform .25s cubic-bezier(.175,.885,.32,1.275);transition:transform .25s cubic-bezier(.175,.885,.32,1.275);transition:transform .25s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .25s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-2 div{-webkit-animation:stretch .25s;animation:stretch .25s}#game-fruit-row .t-3{-webkit-transform:translateY(-300%);transform:translateY(-300%)}#game-fruit-row .fall-3{transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-3 div{-webkit-animation:stretch .3s;animation:stretch .3s}#game-fruit-row .t-4{-webkit-transform:translateY(-400%);transform:translateY(-400%)}#game-fruit-row .fall-4{transition:-webkit-transform .35s cubic-bezier(.175,.885,.32,1.275);transition:transform .35s cubic-bezier(.175,.885,.32,1.275);transition:transform .35s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .35s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-4 div{-webkit-animation:stretch .35s;animation:stretch .35s}#game-fruit-row .t-5{-webkit-transform:translateY(-500%);transform:translateY(-500%)}#game-fruit-row .fall-5{transition:-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-5 div{-webkit-animation:stretch .4s;animation:stretch .4s}#game-fruit-row .t-6{-webkit-transform:translateY(-600%);transform:translateY(-600%)}#game-fruit-row .fall-6{transition:-webkit-transform .45s cubic-bezier(.175,.885,.32,1.275);transition:transform .45s cubic-bezier(.175,.885,.32,1.275);transition:transform .45s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .45s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-6 div{-webkit-animation:stretch .45s;animation:stretch .45s}#game-fruit-row .t-7{-webkit-transform:translateY(-700%);transform:translateY(-700%)}#game-fruit-row .fall-7{transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-7 div{-webkit-animation:stretch .5s;animation:stretch .5s}#game-fruit-row .t-8{-webkit-transform:translateY(-800%);transform:translateY(-800%)}#game-fruit-row .fall-8{transition:-webkit-transform .55s cubic-bezier(.175,.885,.32,1.275);transition:transform .55s cubic-bezier(.175,.885,.32,1.275);transition:transform .55s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .55s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-8 div{-webkit-animation:stretch .55s;animation:stretch .55s}#game-fruit-row .t-9{-webkit-transform:translateY(-900%);transform:translateY(-900%)}#game-fruit-row .fall-9{transition:-webkit-transform .6s cubic-bezier(.175,.885,.32,1.275);transition:transform .6s cubic-bezier(.175,.885,.32,1.275);transition:transform .6s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .6s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-9 div{-webkit-animation:stretch .6s;animation:stretch .6s}#game-fruit-row .t-10{-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}#game-fruit-row .fall-10{transition:-webkit-transform .65s cubic-bezier(.175,.885,.32,1.275);transition:transform .65s cubic-bezier(.175,.885,.32,1.275);transition:transform .65s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .65s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-10 div{-webkit-animation:stretch .65s;animation:stretch .65s}#game-fruit-row .t-11{-webkit-transform:translateY(-1100%);transform:translateY(-1100%)}#game-fruit-row .fall-11{transition:-webkit-transform .7s cubic-bezier(.175,.885,.32,1.275);transition:transform .7s cubic-bezier(.175,.885,.32,1.275);transition:transform .7s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .7s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-11 div{-webkit-animation:stretch .7s;animation:stretch .7s}#game-fruit-row .t-12{-webkit-transform:translateY(-1200%);transform:translateY(-1200%)}#game-fruit-row .fall-12{transition:-webkit-transform .75s cubic-bezier(.175,.885,.32,1.275);transition:transform .75s cubic-bezier(.175,.885,.32,1.275);transition:transform .75s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .75s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-12 div{-webkit-animation:stretch .75s;animation:stretch .75s}#game-fruit-row .t-13{-webkit-transform:translateY(-1300%);transform:translateY(-1300%)}#game-fruit-row .fall-13{transition:-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-13 div{-webkit-animation:stretch .8s;animation:stretch .8s}#game-fruit-row .t-14{-webkit-transform:translateY(-1400%);transform:translateY(-1400%)}#game-fruit-row .fall-14{transition:-webkit-transform .85s cubic-bezier(.175,.885,.32,1.275);transition:transform .85s cubic-bezier(.175,.885,.32,1.275);transition:transform .85s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .85s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-14 div{-webkit-animation:stretch .85s;animation:stretch .85s}#game-fruit-row .t-15{-webkit-transform:translateY(-1500%);transform:translateY(-1500%)}#game-fruit-row .fall-15{transition:-webkit-transform .9s cubic-bezier(.175,.885,.32,1.275);transition:transform .9s cubic-bezier(.175,.885,.32,1.275);transition:transform .9s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .9s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-15 div{-webkit-animation:stretch .9s;animation:stretch .9s}#game-fruit-row .t-16{-webkit-transform:translateY(-1600%);transform:translateY(-1600%)}#game-fruit-row .fall-16{transition:-webkit-transform .95s cubic-bezier(.175,.885,.32,1.275);transition:transform .95s cubic-bezier(.175,.885,.32,1.275);transition:transform .95s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .95s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-16 div{-webkit-animation:stretch .95s;animation:stretch .95s}#game-fruit-row .t-17{-webkit-transform:translateY(-1700%);transform:translateY(-1700%)}#game-fruit-row .fall-17{transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-17 div{-webkit-animation:stretch 1s;animation:stretch 1s}#game-fruit-row .t-18{-webkit-transform:translateY(-1800%);transform:translateY(-1800%)}#game-fruit-row .fall-18{transition:-webkit-transform 1.05s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.05s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.05s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.05s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-18 div{-webkit-animation:stretch 1.05s;animation:stretch 1.05s}#game-fruit-row .t-19{-webkit-transform:translateY(-1900%);transform:translateY(-1900%)}#game-fruit-row .fall-19{transition:-webkit-transform 1.1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.1s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.1s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-19 div{-webkit-animation:stretch 1.1s;animation:stretch 1.1s}#game-fruit-row .t-20{-webkit-transform:translateY(-2000%);transform:translateY(-2000%)}#game-fruit-row .fall-20{transition:-webkit-transform 1.15s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.15s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.15s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.15s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-20 div{-webkit-animation:stretch 1.15s;animation:stretch 1.15s}#game-fruit-row .t-21{-webkit-transform:translateY(-2100%);transform:translateY(-2100%)}#game-fruit-row .fall-21{transition:-webkit-transform 1.2s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.2s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.2s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.2s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-21 div{-webkit-animation:stretch 1.2s;animation:stretch 1.2s}#game-fruit-row .t-22{-webkit-transform:translateY(-2200%);transform:translateY(-2200%)}#game-fruit-row .fall-22{transition:-webkit-transform 1.25s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.25s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.25s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.25s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-22 div{-webkit-animation:stretch 1.25s;animation:stretch 1.25s}#game-fruit-row .t-23{-webkit-transform:translateY(-2300%);transform:translateY(-2300%)}#game-fruit-row .fall-23{transition:-webkit-transform 1.3s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.3s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.3s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-23 div{-webkit-animation:stretch 1.3s;animation:stretch 1.3s}#game-fruit-row .t-24{-webkit-transform:translateY(-2400%);transform:translateY(-2400%)}#game-fruit-row .fall-24{transition:-webkit-transform 1.35s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.35s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.35s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.35s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-24 div{-webkit-animation:stretch 1.35s;animation:stretch 1.35s}#game-fruit-row .t-25{-webkit-transform:translateY(-2500%);transform:translateY(-2500%)}#game-fruit-row .fall-25{transition:-webkit-transform 1.4s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.4s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.4s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.4s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-25 div{-webkit-animation:stretch 1.4s;animation:stretch 1.4s}#game-fruit-row .t-26{-webkit-transform:translateY(-2600%);transform:translateY(-2600%)}#game-fruit-row .fall-26{transition:-webkit-transform 1.45s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.45s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.45s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.45s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-26 div{-webkit-animation:stretch 1.45s;animation:stretch 1.45s}#game-fruit-row .t-27{-webkit-transform:translateY(-2700%);transform:translateY(-2700%)}#game-fruit-row .fall-27{transition:-webkit-transform 1.5s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.5s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.5s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.5s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-27 div{-webkit-animation:stretch 1.5s;animation:stretch 1.5s}#game-fruit-row .t-28{-webkit-transform:translateY(-2800%);transform:translateY(-2800%)}#game-fruit-row .fall-28{transition:-webkit-transform 1.55s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.55s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.55s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.55s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-28 div{-webkit-animation:stretch 1.55s;animation:stretch 1.55s}#game-fruit-row .t-29{-webkit-transform:translateY(-2900%);transform:translateY(-2900%)}#game-fruit-row .fall-29{transition:-webkit-transform 1.6s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.6s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.6s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.6s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-29 div{-webkit-animation:stretch 1.6s;animation:stretch 1.6s}#game-fruit-row .t-30{-webkit-transform:translateY(-3000%);transform:translateY(-3000%)}#game-fruit-row .fall-30{transition:-webkit-transform 1.65s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.65s cubic-bezier(.175,.885,.32,1.275);transition:transform 1.65s cubic-bezier(.175,.885,.32,1.275),-webkit-transform 1.65s cubic-bezier(.175,.885,.32,1.275)}#game-fruit-row .fall-30 div{-webkit-animation:stretch 1.65s;animation:stretch 1.65s}#game-fruit-row .b-1{-webkit-transform:translateY(100%);transform:translateY(100%)}#game-fruit-row .l-1{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#game-fruit-row .r-1{-webkit-transform:translateX(100%);transform:translateX(100%)}@-webkit-keyframes stretch{50%{-webkit-transform:scaleX(80%) scaleY(130%);transform:scaleX(80%) scaleY(130%)}80%{-webkit-transform:scaleX(130%) scaleY(80%);transform:scaleX(130%) scaleY(80%)}}@keyframes stretch{50%{-webkit-transform:scaleX(80%) scaleY(130%);transform:scaleX(80%) scaleY(130%)}80%{-webkit-transform:scaleX(130%) scaleY(80%);transform:scaleX(130%) scaleY(80%)}}#game-cow-train{padding:1rem}#game-cow-train .score{font-size:2rem;text-align:center;text-shadow:2px 2px var(--color-secondary)}#game-cow-train #cow-bg{height:100%;position:absolute;width:100%}#game-cow-train .field{height:calc(100% - 2.6rem);overflow:hidden;position:relative}#game-cow-train .field .cow{-webkit-animation:jump .5s linear infinite alternate both;animation:jump .5s linear infinite alternate both;display:inline-block}#game-cow-train .field .wagon{-webkit-animation:swing .4s ease-in-out infinite alternate both;animation:swing .4s ease-in-out infinite alternate both;display:inline-block;-webkit-transform-origin:bottom center;transform-origin:bottom center}#game-cow-train .field .wagon:nth-child(1n){-webkit-animation-delay:.14s;animation-delay:.14s}#game-cow-train .field .wagon:nth-child(2n){-webkit-animation-delay:.28s;animation-delay:.28s}#game-cow-train .field .wagon:nth-child(3n){-webkit-animation-delay:.42s;animation-delay:.42s}#game-cow-train .field .wagon:nth-child(4n){-webkit-animation-delay:.56s;animation-delay:.56s}#game-cow-train .field .wagon:nth-child(5n){-webkit-animation-delay:.7s;animation-delay:.7s}#game-cow-train .field .wagon:nth-child(6n){-webkit-animation-delay:.84s;animation-delay:.84s}#game-cow-train .field .wagon:nth-child(7n){-webkit-animation-delay:.98s;animation-delay:.98s}#game-cow-train .field .wagon:nth-child(8n){-webkit-animation-delay:1.12s;animation-delay:1.12s}#game-cow-train .field .wagon:nth-child(9n){-webkit-animation-delay:1.26s;animation-delay:1.26s}#game-cow-train .field .wagon:nth-child(10n){-webkit-animation-delay:1.4s;animation-delay:1.4s}#game-cow-train .field .train{-webkit-animation:move-left 20s;animation:move-left 20s;display:inline-block;font-size:3rem;left:100%;position:absolute;white-space:nowrap}#game-cow-train .field .train>span{pointer-events:none}#game-cow-train .field .banknote{-webkit-animation:move-up 2.05s;animation:move-up 2.05s;display:inline-block;font-size:1.2rem;opacity:0;pointer-events:none;position:absolute;z-index:100}#game-cow-train table{border:none;border-collapse:collapse;width:100%}#game-cow-train .member-card:hover{background-color:var(--color-bg-light)}#game-cow-train .member-card.disabled{opacity:.5;pointer-events:none}#game-cow-train .member-card td{padding:.25rem;vertical-align:bottom}#game-cow-train .member-card .text-end{text-align:right}#game-cow-train .member-card .avatar{display:inline-block;font-size:2rem;width:45px}#game-cow-train .member-card .power{font-size:1.3rem}#game-cow-train .member-card .level{font-size:2rem;font-weight:700}@-webkit-keyframes move-left{to{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}}@keyframes move-left{to{-webkit-transform:translateX(-1200px);transform:translateX(-1200px)}}@-webkit-keyframes move-up{0%{opacity:1}to{opacity:0;-webkit-transform:translate(-100px,-250px) scale(.4);transform:translate(-100px,-250px) scale(.4)}}@keyframes move-up{0%{opacity:1}to{opacity:0;-webkit-transform:translate(-100px,-250px) scale(.4);transform:translate(-100px,-250px) scale(.4)}}@-webkit-keyframes jump{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}49%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes jump{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}49%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@-webkit-keyframes swing{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(.9);transform:scaleY(.9)}}@keyframes swing{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(.9);transform:scaleY(.9)}}@media screen and (max-width:450px){#game-cow-train{font-size:75%;width:100%}#game-cow-train .row{height:calc(100vh - 4rem)}#game-cow-train .column{height:50%;overflow:auto}}@media screen and (min-width:900px){#game-cow-train .row{display:flex}#game-cow-train .column{width:400px}#game-cow-train .field{height:456px}}
/*# sourceMappingURL=main.cc9f0b3c.css.map*/