@font-face{font-family:TaxiDriver;src:url(../resources/fonts/TaxiDriver.ttf)}@font-face{font-family:SwallowKick;src:url(../resources/fonts/SwallowKick.ttf)}@font-face{font-family:SupersonicRocketship;src:url(../resources/fonts/SupersonicRocketship.ttf)}@font-face{font-family:ToonCity;src:url(../resources/fonts/ToonCity.ttf)}body,html{overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;-ms-user-select:none;user-select:none}#loadingDiv{z-index:200;position:absolute;width:100%;height:100%;background:#8bb4ff;background:-moz-linear-gradient(top,#8bb4ff 0,#ff8c09 100%);background:-webkit-linear-gradient(top,#8bb4ff 0,#ff8c09 100%);background:linear-gradient(to bottom,#8bb4ff 0,#ff8c09 100%);background-color:#8bb4ff;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;pointer-events:none}#loadingDiv img{position:absolute;width:180px;bottom:20px;left:50%;transform:translateX(-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;pointer-events:none}#loadingText{position:absolute;color:#fff;display:inline-block;box-sizing:border-box;text-align:center;font-size:x-small;width:100%;top:50%;left:50%;height:50px;transform:translate(-50%,-50%);margin-top:60px;letter-spacing:.3rem}@keyframes animText{0%{letter-spacing:.2rem}100%{letter-spacing:.4rem}}.loader{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:inline-block;position:relative}.loader::after,.loader::before{content:'';box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #fff;position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.loader::after{animation-delay:1s}@keyframes animloader{0%{transform:scale(0);opacity:1}100%{transform:scale(2);opacity:0}}#renderCanvas{position:absolute;background-color:#000;width:100%;height:100%;top:0;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}#stats-div{z-index:199;position:fixed;bottom:15px;left:50%;transform:translateX(-50%);overflow:hidden;pointer-events:none;touch-action:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}#stats-text{display:inline-block;color:#fff;width:100%;height:100%;font-size:small}.buttons{position:absolute;z-index:199;left:50%;top:15px;transform:translateX(-50%);display:flex;align-items:center;align-content:center;flex-direction:row}#customBT{font-size:x-small;width:150px;height:32px;margin-left:2px;margin-right:2px;padding-left:10px;padding-right:10px;color:#fff;background-color:rgba(0,0,0,.4);border-color:#fff}#indication-div,#panel-info-div,#pickup-info-div{z-index:199;position:fixed;top:15px;left:50%;transform:translate(-50%,0);overflow:hidden;pointer-events:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:center;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(255,255,255,.3);padding:10px;border-radius:10px;max-width:360px;transition:opacity .3s ease}#indication-div,#pickup-info-div{margin:auto;top:100px;width:360px;height:100px}#indication-div img,#pickup-info-div img{width:80px;padding:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;pointer-events:none}#indication-div p,#pickup-info-div p{font-family:SupersonicRocketship;text-align:left;transform:translateY(15%);padding-left:5px;padding-right:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;pointer-events:none;color:#fff;text-shadow:rgba(0,0,0,.548) 1px 1px}.endgame-panel-div,.garaje-panel-div,.menu-panel-div,.tutorial-panel-div{z-index:199;position:fixed;width:360px;height:420px;padding:50px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(255,255,255,.3);padding-top:0;padding-bottom:0;border-radius:10px;transition:opacity .3s ease;animation:show .3s ease forwards;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;pointer-events:none;color:#fff}.tutorial-panel-div{height:600px}.garaje-panel-div{height:450px}.garaje-panel-div p,.menu-panel-div p .endgame-panel-div p{color:#fff}#garaje-wrench{position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-60px;width:120px;animation-name:wrenchAnim;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes wrenchAnim{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.menu-panel-div{padding:30px}.tutorial-panel-div p{margin-bottom:10px;color:#fff;padding-bottom:20px;font-size:medium;pointer-events:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.endgame-panel-div img,.garaje-panel-div img,.menu-panel-div img{width:270px;pointer-events:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#nav-icon{width:220px}#info-end-game,#info-garaje{color:#fff;font-family:SupersonicRocketship;text-shadow:rgba(0,0,0,.548) 1px 1px}#garajeBT1{font-size:medium;width:95%;height:42px;margin-bottom:15px;color:#fff;background-color:rgba(0,217,255,.4);border-radius:20px;border:0 solid rgba(255,255,255,0);touch-action:auto;pointer-events:all;font-family:SupersonicRocketship}#garajeBT2{font-size:medium;width:95%;height:42px;color:#fff;background-color:rgba(255,0,0,.4);border-radius:20px;border:0 solid rgba(255,255,255,0);touch-action:auto;pointer-events:all;font-family:SupersonicRocketship}#start-game-bt{position:absolute;font-size:large;width:80%;height:42px;bottom:30px;color:#fff;background-color:#ff8e0c;border-radius:20px;border:0 solid rgba(255,255,255,0);pointer-events:all;-ms-touch-action:manipulation;touch-action:manipulation;font-family:SupersonicRocketship}.hidden{animation:hidden .3s ease forwards}.show{animation:show .3s ease forwards}@keyframes hidden{0%{opacity:100%}100%{opacity:0}}@keyframes show{0%{opacity:0}100%{opacity:100%}}#content-customers-bar,#content-life-bar,#content-money-bar,#content-time-bar{border:1px solid #fff;border-radius:5px;display:flex;align-items:center;align-content:center;justify-content:center;flex-direction:column;padding:10px;min-width:70px;height:45px;margin:2px;pointer-events:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#content-life-bar{min-width:112px;max-width:112px;width:112px}#life-bar{background:0 0;width:100px;height:22px;min-height:22px;border:1px #fff solid;border-radius:15px;margin-bottom:3px;overflow:hidden}#life-bar-bg{width:100px;height:25px;min-height:20px;background:red;background:linear-gradient(90deg,#f00000 0,rgba(255,153,0,1) 25%,rgba(99,255,0,1) 100%)}#customers-text,#life-text,#money-text,#time-text{color:#fff;text-align:left;font-size:small;font-weight:600;text-shadow:rgba(0,0,0,.548) 1px 1px}#customers-icon,#money-icon,#time-icon{width:25px}#tutorial-icon{width:35px;pointer-events:all;touch-action:auto;margin-top:-40px}#sound-div{z-index:199;position:fixed;width:40px;height:40px;border:2px solid #fff;border-radius:100px;bottom:30px;right:15px;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation}#sound-icon{width:30px;-ms-touch-action:manipulation;touch-action:manipulation}@keyframes bounce2{0%,100%,20%,50%,80%{transform:translate(-50%,-20%)}40%{transform:translate(-50%,-10%)}60%{transform:translate(-50%,-5%)}}