:root {
    --game-coeficient: 0.6%;
}

.game {
    margin: 0 auto 0 auto;
    width: 80%;
    max-width: 100%;
    max-height: 100%;
    background-color: white;
    border: solid black 0.2rem;
}

.game .assets {
    margin: 0;
    padding: 0;
    display: none;
}

#game {
    width: 100%;
    height: 100%;

}

#UI {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#UI > * {
    position: absolute;
}

#UI .btn {
    width: 8.99%;
    height: 16%;
    background-image: url("/public/images/temp/button-action.png");
}

#UI .btn#btnHome { top: 0%; left: 0%; background-image: url("/public/images/temp/button-home.png");}
#UI .btn#btnSound { top: 13%; left: 0%; background-image: url("/public/images/temp/button-sound-on.png");}
#UI .btn#btnSettings { top: 0%; right: 0%; background-image: url("/public/images/temp/button-settings.png");}
#UI .btn#btnFullscreen { top: 13%; right: 0%;  background-image: url("/public/images/temp/button-fullscreen.png");}

#UI .btn#btn00 { top: 33%; left: 5%; }
#UI .btn#btn01 { top: 53%; left: 5%; }
#UI .btn#btn02 { top: 73%; left: 5%; }
#UI .btn#btn10 { top: 33%; right: 5%; }
#UI .btn#btn11 { top: 53%; right: 5%; }
#UI .btn#btn12 { top: 73%; right: 5%; }

#UI #score {
    left: 50%;
    transform: translateX(-50%);
    top: 14%;
    color: black;
    font-size: 3rem;
}