.battery-level{position:absolute;display:flex;top:4%;left:3%;width:35%;height:5%;z-index:100}@media screen and (min-width: 768px){.battery-level{width:20%;height:7%}}.battery-level img{height:100%}.battery-level__bar{position:relative;top:30%;margin-left:5%;width:100%;height:40%;background-color:#cfd3d6;border-radius:2px;overflow:hidden;z-index:100}.battery-level__quantity{width:0%;height:100%;background-color:#007bc0}.battery-level__quantity.warning{background-color:#eec100}.battery-level__quantity.danger{background-color:#be0004}.bike{position:absolute;display:inline-block;left:8%;bottom:13%;width:14.3%;z-index:100}.bike .hit-area{top:20%;left:4%;right:4%;bottom:2%}.bike-shadow{content:"";position:absolute;left:8%;bottom:13%;width:14.3%;height:1%;border-radius:50%;background-color:#00000026;filter:blur(3px);transform:translateY(50%);z-index:100}@media only screen and (max-width: 1240px){.bike-shadow{width:12%;bottom:14%}}.bike-shadow.blured{filter:blur(8px);transition:.25s}.game-button{display:inline-flex;align-items:center;white-space:nowrap;color:#fff!important;background:#007bc0;transition:.25s;height:40px;line-height:40px;min-width:40px;padding:0 25px;vertical-align:middle;cursor:pointer;user-select:none;justify-content:center;text-decoration:none;border-radius:2px;border:none;z-index:1}@media screen and (min-width: 768px){.game-button{height:48px;line-height:48px;min-width:48px}}.game-button:hover{background-color:#004975}.game-button img{width:1.8rem;height:1.8rem;margin-right:.5rem;margin-left:-.5rem}.game-button--transparent{background:rgba(0,0,0,0);opacity:.35;color:#000!important;height:36px;min-width:36px;font-size:1.25rem;padding-inline:.5rem}.game-button--transparent img{width:1em;height:1em;margin-inline:0}.game-button--transparent:hover{background:none;opacity:1}.coin{position:absolute;bottom:20%;left:100%;width:4%;z-index:50}@media screen and (min-width: 768px){.coin{width:2.5%}}.coin img{transition:.35s ease-in}.coin.collected img{transform:translateY(-300%) scale(1.5);opacity:0}.coin img{width:100%;height:100%}.game{position:relative;display:flex;width:100vw;padding:160% 0 0;align-items:flex-end;overflow:hidden;font-family:Bosch Sans}@media screen and (min-width: 1200px){.game{max-width:1110px}}@media screen and (min-width: 768px){.game{padding-top:56%}}.game__objects{position:absolute;width:100%;padding-top:56%;bottom:10%}@media screen and (min-width: 768px){.game__objects{bottom:0}}.hitbox{border:1px dashed black}.dev-buttons{position:absolute;bottom:10px;right:10px}.dev-buttons a{margin:2px;padding:2px 5px;border-radius:4px;background-color:#dc143c;color:#eee;font-family:monospace;font-size:12px;cursor:pointer}.devmode-info{position:absolute;left:12px;bottom:12px;min-width:300px;border-radius:4px;background-color:#25252590;backdrop-filter:blur(2px);color:#e3e3e3;padding:10px;overflow:hidden;font-weight:700;font-size:.75rem;z-index:1000}.devmode-info .clickable:hover{cursor:pointer;color:#ffffffb3;transition:.1s}.devmode-info span{display:inline-block;color:#fff6;margin-top:1rem}.devmode-info pre{margin:3px}.game-wrapper{width:100%;display:flex;justify-content:center}.hit-area{position:absolute;top:0;left:0;right:0;bottom:0}.game-inline-icon{position:relative;top:-.125em;width:2em;height:2em;margin-right:1em;margin-block:-.5em}.game-inline-icon--small{width:1.5em;height:1.5em;margin-right:.5em}.keycap{position:relative;display:inline-block;top:-.125em;font-size:.75em;padding-inline:.5em;margin-inline:.25em;font-weight:400;background-color:#eff1f2;border-radius:.15em;border-top:.15em solid #c1c7cc;border-right:.3em solid #a4abb3;border-bottom:.3em solid #7d8389;border-left:.2em solid #979ea4}.keycap>img{position:relative;width:1.25em;height:1.25em;margin-block:-.125em}.landscape{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,#eff1f2 75%,#dfe1e4 25%)}.landscape__animation{position:absolute;bottom:15%;width:100%;height:100%;object-fit:contain;z-index:20}@media screen and (min-width: 768px){.landscape__animation{bottom:12%}}.obstacle{display:block;width:6.25%;position:absolute;left:100%;bottom:12%;text-shadow:1px 1px 4px black;line-height:0;z-index:50}.obstacle img{width:100%;height:100%}.obstacle.rocks{width:10%}.obstacle.rocks .hit-area{top:10%;left:4%;right:3%}.obstacle.branch .hit-area{top:30%;left:6%;right:3%}.obstacle.hole{bottom:12%;width:7%}.obstacle.hole .hit-area{top:10%;left:10%;right:10%}.overlay__backdrop{width:100%;height:100%;background-color:#0006;backdrop-filter:blur(.5rem);position:absolute;top:0;left:0;z-index:190}.overlay{position:absolute;width:80%;top:50%;left:10%;max-height:90%;transform:translateY(-50%);display:grid;grid-template-columns:1fr;background-color:#fff;z-index:200;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.overlay::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.overlay{grid-template-columns:repeat(2,1fr)}}.overlay__image{position:relative;width:100%;padding-top:56%;overflow:hidden}.overlay__image:before{display:block;position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:#eff1f2;z-index:-1}@media screen and (min-width: 768px){.overlay__image{padding-top:100%}}.overlay__image>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}@media screen and (min-width: 768px){.overlay__image>img{object-fit:contain}}.overlay__image>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}.overlay__text{display:flex;flex-direction:column;position:relative;padding:1em}@media screen and (min-width: 768px){.overlay__text{padding:3em 2em 2em}}.overlay__text h2{font-weight:700;font-size:1.5rem;margin-bottom:1rem}@media screen and (min-width: 768px){.overlay__text h2{font-size:2.5rem;margin-bottom:2rem}}.overlay__text h5{margin-bottom:2rem}.overlay__text p{font-weight:300;padding:0;margin-bottom:1.5em}.overlay__buttonrow{margin-left:auto;margin-top:auto}.overlay__score{display:none}@media screen and (min-width: 768px){.overlay__score{display:block;position:absolute;height:70%;border-left:2px dashed black;z-index:1;width:50%;left:30%;top:15%;z-index:-1}.overlay__score:before{content:"";position:absolute;width:12px;height:12px;left:-7px;top:-2px;border-radius:50%;background:black}.overlay__score span{display:inline-block;margin-left:.75em;font-size:1.5rem;transform:translateY(-.625em)}}.game-info{position:absolute;top:40%;left:50%;transform:translate(-50%);font-weight:700;font-size:1.5rem;text-align:center;animation:gameinfoup 1.2s ease forwards;z-index:500}@media screen and (min-width: 768px){.game-info{font-size:2rem}}@keyframes gameinfoup{0%{top:40%;opacity:0}30%{opacity:1}90%{top:20%;transform:translate(-50%) scale(1.2)}to{top:22%;opacity:0}}.highscore-marker{margin-left:10px;position:absolute;height:75%;bottom:17%;left:100%;border-left:2px dashed #000000;padding-left:2px;color:#595e62;font-size:.75rem;font-weight:700;user-select:none;z-index:40}@media screen and (min-width: 768px){.highscore-marker{font-size:1.25rem;height:40%}}.highscore-marker:before{position:absolute;display:block;background:#000000;content:"";border-radius:50%;top:0;left:-6px;width:10px;height:10px;z-index:-1}@media screen and (min-width: 768px){.highscore-marker:before{left:-8px;width:14px;height:14px}}.highscore-marker span{position:absolute;padding-left:1em;top:-4px;color:#000}@media screen and (min-width: 768px){.highscore-marker span{top:-8px}}.plane{position:absolute;display:none;top:8rem;left:0;width:15rem;height:5rem;z-index:10;animation:fly 4s linear forwards,aero .75s ease-in-out alternate infinite}.celebration__parachute,.celebration__plane,.celebration__ballon{position:absolute}.celebration__parachute *,.celebration__plane *,.celebration__ballon *{width:100%;height:100%}.celebration__ballon{width:12%;bottom:100%;left:100%;z-index:10}@media screen and (min-width: 768px){.celebration__ballon{width:12%}}.celebration__ballon.animate{animation:ballon 12s linear forwards}@keyframes ballon{0%{bottom:10%;left:90%}to{bottom:100%;left:10%}}.celebration__plane{top:47%;left:100%;width:30%;z-index:10}@media screen and (min-width: 768px){.celebration__plane{top:20%;width:18%}}.celebration__plane.animate{animation:fly 4s linear forwards,aero 1s ease-in-out alternate infinite}@keyframes fly{0%{left:100%}to{left:-15rem}}@keyframes aero{0%{transform:translateY(-.5rem)}to{transform:translateY(.5rem)}}.celebration__parachute{bottom:100%;width:10%;transform-origin:top;z-index:10}.celebration__parachute.animate{animation:skydiver 9s ease-out,pendel 1s ease-in-out alternate infinite}@keyframes skydiver{0%{bottom:100%;left:90%}to{bottom:20%;left:0}}@keyframes pendel{0%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.score{font-size:1.5rem}.game-score{position:absolute;top:4%;right:3%;text-align:right;font-size:1rem;font-family:Bosch Sans;font-weight:700;line-height:1.3}@media screen and (min-width: 768px){.game-score{font-size:1.25rem}}@media screen and (min-width: 992px){.game-score{font-size:1.5rem}}.game-score__highscore{font-weight:500;color:#979ea4}.start-overlay,.tutorial-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;left:0;top:0;z-index:200;text-align:center;padding:1rem}.start-overlay h1{display:block;font-size:3rem;font-weight:700;line-height:1.08;color:#2e3033;margin:0 0 2rem}@media only screen and (max-width: 1240px){.start-overlay h1{font-size:2.5rem}}@media only screen and (max-width: 544px){.start-overlay h1{font-size:2rem}}.start-overlay .start-overlay__button-close{border-radius:5rem;position:absolute;top:0;left:0}.start-overlay__button-text{display:inline-flex;align-items:center;white-space:nowrap;color:#fff;background:#007bc0;transition:background .3s;height:48px;line-height:48px;padding:0 25px;vertical-align:middle;cursor:pointer;user-select:none;justify-content:center;text-decoration:none;border-radius:2px}.start-overlay__button-text svg{margin-left:-17px;margin-right:10px;width:32px;height:32px}.street{position:absolute;width:100%;left:0;bottom:9%;z-index:30}.double-points{position:absolute;z-index:300;left:20%;font-weight:700;font-size:1.25rem;color:#000;animation:show .35s infinite cubic-bezier(.25,.7,.5,.5)}@keyframes show{0%{bottom:30%;opacity:0}20%{opacity:1}90%{bottom:42%;transform:scale(1.2)}to{opacity:0}}.game-text--s,.game-text--m{font-size:1rem}@media screen and (min-width: 768px){.game-text--m{font-size:1.25rem}}