*{box-sizing:border-box}#root{width:100vw;height:100vh;position:relative}.nav{background-color:#0f6e0099;z-index:99;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100vw;padding:1rem;position:fixed;top:0}.nav ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:1rem}.nav a{color:#fff;text-decoration:none}.nav a:hover{border-bottom:1px solid lightgreen;color:#90ee90}#setup_button{color:#fff;background-color:#333b1c}.main-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage,.level-selection{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/background1-22e2ed01.png);background-size:cover;color:#006400}.homepage a{color:#fff;cursor:pointer}.homepage a:hover{color:#90ee90}.homepage .btn-play{margin-top:3rem}.btn-play{width:4rem;height:4rem;background-image:url(/assets/play_btn-28b55c59.png);background-size:cover}.levels{display:flex;flex-wrap:wrap;padding:.5rem 0;gap:1rem;justify-content:center;align-items:center}.levels-btn{width:25vh;height:25vh;background-size:contain;background-repeat:no-repeat;background-position:center}.levels-btn a{cursor:pointer}#level1{background-image:url(/assets/level1-d2c49395.png)}#level2{background-image:url(/assets/level2-c7b48f1d.png)}#level3{background-image:url(/assets/level3-2a461706.png)}#level4{background-image:url(/assets/level4-5c49ebcc.png)}#level5{background-image:url(/assets/level5-7ff82dda.png)}#level6{background-image:url(/assets/level6-eb234236.png)}#level7{background-image:url(/assets/level7-ae417902.png)}#level8{background-image:url(/assets/level8-c741a907.png)}#level9{background-image:url(/assets/level9-0bd7f248.png)}#level10{background-image:url(/assets/level10-5c1bd61d.png)}.game-container{background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;flex-wrap:nowrap;justify-content:space-between;width:100vw;height:100vh;color:#000}.game-container .game-left{width:20vw;margin-top:4rem;display:flex;flex-direction:column;justify-content:start;align-items:center;flex-wrap:wrap;background-color:#222c1473}.game-container .game-left .arrow-btn{width:2.5rem;height:2.5rem}#arrow-inst-right{background-image:url(/assets/arrow_right-9fa5dab1.png)}#arrow-inst-left{background-image:url(/assets/arrow_left-0a578862.png)}#arrow-inst-up{background-image:url(/assets/arrow_up-200ea24a.png)}#arrow-inst-down{background-image:url(/assets/arrow_down-330dc857.png)}.game-container .game-left .inst{padding:0;margin:0;background-color:#fff}.game-container .game-right{width:20vw}.game-container .game-center{width:60vw;position:relative;display:flex;flex-direction:column;justify-content:space-between}.game-container .game-center .game-area{height:75vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10px}.game-container .game-center .game-area h2{padding:0;margin:.5rem}.game-container .game-center .game-area .game-board{background-size:contain;background-repeat:no-repeat;position:relative}.game-board .player-container{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center}.game-board .player-container .player-sprite{scale:1.5}.game-board #goal{background-image:url(/assets/carrot-6d483266.png);background-size:contain;position:absolute}.game-container .game-center .instructions-area{height:25vh;display:flex;justify-content:center;align-items:center}.game-container .game-center .instructions-area .instructions-container{width:90%;height:80%;border-radius:15px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem}.arrow-btn{height:80%;aspect-ratio:1/1;background-size:contain;background-color:transparent;background-repeat:no-repeat}.sm-btn{height:70%;aspect-ratio:1/1}#arrow-right{background-image:url(/assets/arrow_right-9fa5dab1.png)}#arrow-left{background-image:url(/assets/arrow_left-0a578862.png)}#arrow-up{background-image:url(/assets/arrow_up-200ea24a.png)}#arrow-down{background-image:url(/assets/arrow_down-330dc857.png)}#play-btn{background-image:url(/assets/play_btn-28b55c59.png)}#reset-btn{background-image:url(/assets/reset-010ed3bf.png)}.warning{background-color:#f5f5f5;width:100vw;height:100vh;z-index:10;position:absolute;color:#333;display:flex;justify-content:center;align-items:center}.hide{display:none}@media screen and (orientation:portrait){.warning{display:flex}}@media screen and (orientation:landscape){.warning{display:none}}.modal-container{background-color:#fff;border-radius:2rem;min-width:50vw;height:auto;min-height:20vh;z-index:99;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-container .modal-header{width:100%;display:flex;justify-content:end;padding-right:2rem}.modal-container .modal-header p{cursor:pointer;padding:0;margin:1rem 0 0}.modal-container .modal-header p:hover{font-weight:700}.modal-container .modal-body{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2rem;padding:10px}.modal-container .modal-body #modal-img{width:6rem;height:auto}.modal-container .modal-footer{padding-bottom:1rem}.modal-container #modal-reset,.modal-container #modal-next{width:3rem;height:auto;margin:0 1rem;cursor:pointer}.modal-container #modal-reset:hover,.modal-container #modal-next:hover{scale:1.2}@keyframes starAnimation{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes leftStarAnimation{0%{opacity:0;transform:scale(0)}50%{opacity:0;transform:scale(0)}75%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.star-left-new{width:5rem;height:5rem;padding-top:2rem;display:flex;justify-content:space-around;animation:leftStarAnimation 4s ease-in-out}.star-left-new i{font-size:3rem;color:#000;margin:0 1rem;cursor:pointer}.star-left-new i:hover{scale:1.1}.star{width:4rem;height:4rem;margin:0 .8rem;border-radius:50%;animation:starAnimation 2s ease-in-out}.star span{font-size:4rem;color:gold}.star-left,.star-right{padding-top:2rem}.game-level-animation{position:relative;width:100%;height:100%}.star-container{gap:4;display:flex;justify-content:center}@keyframes textAnimation{0%{opacity:0;transform:translateY(50px)}50%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.text-animation{padding-top:2.5rem;text-align:center;opacity:0;animation:textAnimation 2s ease-in-out forwards;font-size:2rem}.sprite-animation{width:694px;height:392px;scale:.2;position:absolute;background-image:url(/assets/idle_right_mod-250e0219.png);animation:play-animation 3s steps(25) infinite}@keyframes play-animation{0%{background-position:0 0}to{background-position:-17350px 0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}