@font-face{font-family:damion;src:url('../fonts/Damion-Regular.ttf') format('truetype')}@font-face{font-family:'playpensans light';src:url('../fonts/PlaypenSans-Light.ttf') format('truetype')}@font-face{font-family:playpensans;src:url('../fonts/PlaypenSans-Medium.ttf') format('truetype')}*{margin:0;box-sizing:border-box}body{width:100dvw;height:100dvh;background-image:url('../assets/desert_3.png');background-position:center;background-size:cover;background-repeat:no-repeat}.all-icons-container-overlay{position:absolute;top:0;left:0;right:0;background:rgba(56,146,34,.95);bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;z-index:1000}.all-icons-container-overlay a{text-decoration:none;color:#000;font-family:playpensans,Arial,Helvetica,sans-serif;font-size:16px}.all-icons-container-overlay a:hover{color:#5a2020}.explain-game-container{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(110,110,110,.5);font-family:playpensans,Arial,Helvetica,sans-serif;z-index:9999}.game-functions-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:fixed;border:4px solid #000;right:0;height:100%;background-color:rgb(214,214,214,.95)}.game-functions-container img:nth-child(2){width:36px;position:absolute;top:12px;right:12px;cursor:pointer}.game-functions-container h2{font-family:playpensans,Arial,Helvetica,sans-serif;text-align:center;padding:24px;font-weight:700;font-size:xxx-large;text-decoration:underline}.game-notification{display:flex;flex-direction:column;padding:24px;font-family:playpensans,Arial,Helvetica,sans-serif;font-size:18px}.game-notification h3{padding-bottom:8px;text-align:center;text-decoration:underline}.d-none{display:none}.closeBtn{width:56px;cursor:pointer;height:auto;position:absolute;top:2%;right:2%}.img-size{width:72px;height:auto}.img-links{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:2px solid #000;padding:8px;border-radius:16px;background:rgba(218,165,32,.85);filter:drop-shadow(2px 4px 6px black)}.img-links:hover{transform:scale(1.05);cursor:pointer}.button-style{border:2px solid #000;padding:8px;border-radius:16px;background:gold;filter:drop-shadow(4px 4px 6px black)}.button-style:hover{cursor:pointer;transform:scale(1.05)}#links-images-touch{position:absolute;top:1%;right:1%;z-index:100;padding:8px;border:2px solid #000;border-radius:16px;background-color:#557738db;filter:drop-shadow(2px 4px 6px black)}.d-flex{display:flex;justify-content:space-between;align-items:center}.d-column{flex-direction:column}.d-gap{gap:16px}.text-styling{text-align:center;font-family:'playpensans light',Arial,Helvetica,sans-serif;font-size:14px}.additional-div-styling{border:1px solid #000;padding:4px;border-radius:16px;background:#daa520;filter:drop-shadow(2px 4px 6px black)}.intro-image-desktop-fullscreen-size{width:100dvw;height:100dvh}.privacy-imprint-overlay{position:fixed;top:0;right:0;left:0;bottom:0;z-index:1000;background-color:#557738db;font-family:playpensans,Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center}.privacy-imprint-content-wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.privacy-imprint-wrapper{display:flex;align-items:center;gap:16px;border:2px solid #000;border-radius:16px;padding:16px;background:gold;filter:drop-shadow(2px 4px 6px black)}.privacy-imprint-wrapper:hover{cursor:pointer;transform:scale(1.025)}.privacy-imprint-wrapper h2{padding:16px}.privacy-imprint-wrapper img{width:64px}#losing-overlay,#winning-overlay{width:100dvw;height:100dvh;overflow:hidden}#title{font-family:damion,'Brush Script MT',cursive}#loading-spinner{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(22 194 67 / 70%);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:32px;z-index:9999}.spinner{border:12px solid gold;border-top:12px solid #000;border-radius:50%;width:200px;height:200px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(min-width:1025px){.control-keys{display:flex;justify-content:space-between;flex-direction:column;gap:16px}.control-key-style{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:16px}.control-key-style h3{font-size:20px}.control-key-image-container{width:clamp(100px,190px,250px);display:flex;justify-content:center}.control-key-image-container img{width:100px;padding:8px;border:4px solid #000;border-radius:16px}.spacebar-styling{border:4px solid #000;padding:16px;border-radius:16px}.spacebar-styling p{font-size:32px;font-family:playpensans,Arial,Helvetica,sans-serif;font-weight:700;text-decoration:underline}#title{font-size:48px}}@media(max-width:1024px){.control-keys{display:flex;justify-content:space-between;flex-direction:column;gap:12px}.control-key-style{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:12px}.control-key-style h3{font-size:18px}.game-functions-container{width:100%}.control-key-image-container{width:clamp(100px,190px,250px);display:flex;justify-content:center}.control-key-image-container img{width:72px;padding:8px;border:2px solid #000;border-radius:12px}.spacebar-styling{border:2px solid #000;padding:8px;border-radius:12px}.spacebar-styling p{font-size:24px;font-weight:400;text-decoration:underline}.game-notification{padding:12px}#title{font-size:40px}}@media(max-width:932px){.game-functions-container{justify-content:center}.game-functions-container h2{padding:16px;font-weight:400;font-size:32px;text-decoration:underline}.game-notification{display:none}.control-keys{gap:8px}.control-key-image-container img{width:64px}}@media(max-width:882px){.control-key-image-container img{width:56px}.img-size{width:40px;height:auto}}@media(max-width:768px){.game-functions-container h2{padding:8px}.all-icons-container-overlay a{font-size:14px}.closeBtn{width:40px}.spacebar-styling p{font-size:20px}.control-key-image-container img{width:48px}.control-key-style h3{font-size:16px}.privacy-imprint-wrapper img{width:48px}.privacy-imprint-wrapper h2{padding:8px}.privacy-imprint-content-wrapper{gap:56px}}@media(max-height:320px) and (orientation:landscape){.game-functions-container h2{font-size:28px}.game-functions-container img:nth-child(2){width:28px}.spacebar-styling{padding:4px}.spacebar-styling p{font-size:18px}.control-key-image-container img{padding:4px;width:40px}.control-key-style h3{font-size:15px}.all-icons-container-overlay a{font-size:12px}.closeBtn{width:28px}}@media(min-width:1025px) and (orientation:landscape){body{display:flex;justify-content:center}#ui-desktop{height:100%;width:100%;max-width:1920px;padding-left:16px;padding-right:16px;position:fixed}#links-images-desktop{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:'playpensans light',Arial,Helvetica,sans-serif;font-size:18px;padding-top:16px}#message-to-turn-device{display:none}#icon-button{font-size:16px;font-family:playpensans,Arial,Helvetica,sans-serif;cursor:pointer}.button-style{cursor:pointer;font-size:14px;font-family:'playpensans light',Arial,Helvetica,sans-serif}#title{text-decoration:underline}#settings-container{display:flex;flex-direction:column;align-items:center}#settings-container h2:hover{transform:scale(1.05);cursor:pointer}.intro-image-desktop{position:absolute;right:calc((100dvw - 720px)/ 2);bottom:calc((100dvh - 480px)/ 2);width:720px;height:480px}#intro-image-desktop img:first-child{width:720px;height:480px}#intro-image-desktop img:nth-child(2){position:absolute;bottom:8px;width:64px;cursor:pointer;left:calc((100% - 64px)/ 2)}#intro-image-desktop img:nth-child(2):hover{transform:scale(1.05)}#button-container{position:absolute;right:calc((100dvw - 188px)/ 2);bottom:16px}#privacy:hover{cursor:pointer;transform:scale(1.05)}#imprint:hover{cursor:pointer;transform:scale(1.05)}}@media(min-width:1920px) and (orientation:landscape){#ui-desktop{position:unset}.intro-image-desktop{width:840px;height:560px;bottom:calc((100dvh - 560px)/ 2);right:calc((100dvw - 840px)/ 2)}#intro-image-desktop img:first-child{width:840px;height:560px}#intro-image-desktop img:nth-child(2){left:calc((100% - 72px)/ 2);width:72px;cursor:pointer}#icon-button{font-size:20px}#title{font-size:64px}}@media(max-width:1024px) and (orientation:landscape){#ui-desktop{padding-right:0;padding-left:0;overflow:hidden}#links-images-desktop{display:none}#title{display:none}#icon-button-top{font-family:'playpensans light',Arial,Helvetica,sans-serif;font-size:24px;border:2px solid #000;border-radius:16px;padding:8px;background:gold}.h2-title-section h2 span:hover{cursor:pointer}#icon-button-top:hover{cursor:pointer;background-color:#816034}.button-style{border:2px solid #000;padding:8px;border-radius:16px;font-size:14px;font-weight:bolder;cursor:pointer;font-family:'playpensans light',Arial,Helvetica,sans-serif;background:gold}#button-container{display:none}#intro-image-desktop{width:100dvw;height:100dvh}#intro-image-desktop img:first-child{width:100dvw;height:100dvh}#intro-image-desktop img:nth-child(2){position:absolute;bottom:1%;left:calc((100% - 56px)/ 2);width:56px;cursor:pointer}#intro-image-desktop img:nth-child(2):hover{transform:scale(1.05)}.img-links{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:8px;border:2px solid #000;border-radius:16px;background:gold}.img-links:hover{background-color:#816034;cursor:pointer}#message-to-turn-device{display:none}}.text-styling{font-family:'playpensans light',Arial,Helvetica,sans-serif}#links-images-touch:hover{transform:scale(1.025)}#all-icons-button:hover,#exit-game-container:hover,#privacy-and-imprint-pop-up:hover,#settings-container-touch:hover{cursor:pointer;transform:scale(1.05)}#intro-image-touch img:nth-child(2){position:absolute;bottom:1%;height:auto}.play-again-button-style{font-family:playpensans,Arial,Helvetica,sans-serif;font-weight:bolder;cursor:pointer;background:gold;border:2px solid #000;border-radius:16px}@media(min-width:1025px) and (orientation:landscape){.text-styling{font-size:16px}#intro-image-touch img:nth-child(2){width:80px;right:calc((100dvw - 80px)/ 2)}.play-again-button-style{padding:12px;font-size:24px}}@media(max-width:1024px) and (orientation:landscape){.text-styling{font-size:14px}#intro-image-touch img:nth-child(2){width:72px;right:calc((100dvw - 72px)/ 2)}.play-again-button-style{padding:8px;font-size:20px}}@media(max-width:932px) and (orientation:landscape){.text-styling{font-size:12px}#intro-image-touch img:nth-child(2){width:64px;right:calc((100dvw - 64px)/ 2)}}@media(max-width:882px) and (orientation:landscape){.text-styling{font-size:10px}#intro-image-touch img:nth-child(2){width:56px;right:calc((100dvw - 56px)/ 2)}.play-again-button-style{font-size:18px}}@media(min-width:1025px) and (orientation:landscape),(max-width:1024px) and (orientation:landscape){#ui-touch{width:100dvw;height:100dvh}#message-to-turn-device{display:none}.button-style{font-size:14px;font-weight:bolder;font-family:'playpensans light',Arial,Helvetica,sans-serif}#intro-image-touch{width:100dvw;height:100dvh;overflow:hidden;display:flex;justify-content:space-between;align-items:center}#intro-image-touch img:first-child{width:100dvw;height:100dvh}#winning-image-touch{position:relative;height:100dvh;width:100dvw}#winning-image-touch img{position:absolute;height:100dvh;width:100dvw}#losing-image-touch button,#winning-image-touch button{position:absolute;right:calc((100dvw - 126px)/ 2);bottom:20%}#losing-image-touch{position:relative;height:100dvh;width:100dvw}#losing-image-touch img{position:absolute;height:100dvh;width:100dvw}}#screen-control-container{position:absolute;bottom:5%;width:80dvw;right:calc((100dvw - 80dvw)/ 2)}#control-panel-everything{display:flex;justify-content:space-between;width:100%}.control-panel-styling{display:flex;justify-content:space-between;width:20%}.sound-container img{border:2px solid #000;border-radius:12px;background:wheat}.touch-control{display:flex;border-radius:12px;background-color:wheat}.touch-control img{border-radius:12px;border:2px solid #000}.control-button-image-container{border-radius:12px;background-color:wheat}.exit-game-container{display:flex;flex-direction:column;align-items:center;border:2px solid #000;padding:4px;border-radius:12px;background:wheat}.exit-game-container p{font-family:playpensans,Arial,Helvetica,sans-serif;font-weight:700;text-align:center}.sound-and-exit-container{position:absolute;right:2%;top:15%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}#sound-off-icon,#sound-on-icon{position:absolute;right:5%;top:15%;border:2px solid #000;border-radius:12px;background:wheat;cursor:pointer}#enter-exit-fullscreen{position:absolute;bottom:1%;right:1%;border:2px solid #000;border-radius:12px;background:wheat;cursor:pointer;display:flex}#enter-exit-fullscreen img{width:40px;height:auto}@media(min-width:1920px) and (orientation:landscape){.sound-and-exit-container{width:20%;right:5%}#sound-off-icon,#sound-on-icon{width:96px}.exit-game-container img{width:120px}.exit-game-container p{font-size:48px}.touch-control img{width:120px;padding:8px}.control-button-image-container{font-size:larger;display:flex;padding:8px;border:2px solid #000}#enter-exit-fullscreen img{width:56px;height:auto}}@media(min-width:1025px) and (max-width:1920px) and (orientation:landscape){.touch-control img{width:clamp(64px,80px,96px);padding:8px}.exit-game-container img{width:64px}.control-button-image-container{font-size:larger;display:flex;padding:8px;border:2px solid #000}.sound-and-exit-container{gap:16px;width:clamp(100px,26%,200px)}#sound-off-icon,#sound-on-icon{width:48px}.exit-game-container img{width:64px}.exit-game-container p{font-family:playpensans,Arial,Helvetica,sans-serif;font-size:20px;font-weight:700}}@media(max-width:1024px) and (orientation:landscape){#enter-exit-fullscreen{display:none}.touch-control img{width:48px;padding:4px}#control-panel-throw-jump{width:22%}.sound-and-exit-container{gap:16px;width:clamp(100px,25%,200px)}#sound-off-icon,#sound-on-icon{width:40px}#sound-off-icon:hover,#sound-on-icon:hover{transform:scale(1.05)}.exit-game-container:hover{cursor:pointer;transform:scale(1.05)}.exit-game-container img{width:56px}.exit-game-container p{font-size:18px}}@media(max-width:600px) and (orientation:landscape){.exit-game-container img{width:40px}.exit-game-container p{font-size:16px}.sound-and-exit-container{width:clamp(100px,35%,200px)}.touch-control img{width:40px;padding:4px}.control-panel-styling{width:25%}#control-panel-throw-jump{width:30%}#sound-off-icon,#sound-on-icon{width:40px}}@media(orientation:portrait){#message-to-turn-device{display:flex;justify-content:center;align-items:center;position:relative;height:100dvh;width:100dvw;background-color:rgba(10,10,10,.5)}.message-to-turn-device-wrapper{width:80%}.message-to-turn-device-wrapper h2{font-family:damion,'Brush Script MT',cursive;font-size:40px;text-align:center;padding-right:16px;padding-left:16px;border:2px solid #000;color:#000;border-radius:16px;background:gold}#ui-touch{display:none}#ui-desktop{display:none}#links-images-touch{display:none}#overlay-touch{display:none}}#winning-image{display:flex;justify-content:center;align-items:center}#losing-image,#winning-image{width:100dvw;height:100dvh}#losing-image img{width:100dvw;height:100dvh}#winning-image img{width:clamp(50dvw,50%,80dvw);height:auto}#losing-image button,#winning-image button{position:absolute;right:calc((100dvw - 185px)/ 2);font-size:32px}#main-page-link{position:absolute;left:1%;top:1%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #000;padding:8px;border-radius:16px;background:gold;filter:drop-shadow(4px 4px 6px black)}#main-page-link:hover{cursor:pointer;transform:scale(1.05)}#main-page-link img{width:48px;height:auto}#main-page-link p{font-family:playpensans,Arial,Helvetica,sans-serif;font-size:16px}@media(min-width:1024px) and (orientation:landscape){#main-page-link p{font-size:24px}#main-page-link img{width:80px}}@media(min-height:769px) and (orientation:landscape){#losing-image button,#winning-image button{bottom:20%}#main-page-link p{font-size:20px}#main-page-link img{width:64px}}@media(max-height:768px) and (orientation:landscape){#losing-image button,#winning-image button{bottom:15%}#main-page-link p{font-size:16px}#main-page-link img{width:48px}}@media(max-height:500px) and (orientation:landscape){#losing-image button,#winning-image button{bottom:10%}}