body{margin:0;padding:0;height:100vh;width:100vw;max-height:100vh;max-width:100vw;display:grid;font-size:xx-large;color:#fff;font-family:system-ui;grid-template-rows:1fr;background-color:royalblue}button,input[type="checkbox"]{font-size:large;transform:scale(1.5);transition:all .2s ease-in-out}input[type="checkbox"]:hover,button:hover{transform:scale(180%)}.status{display:flex;border-style:solid;border-radius:.5rem;background-color:rgba(37,155,233,0.205);justify-content:space-around;align-items:center}button{border-radius:.5rem;background-color:rgba(37,155,233,0.205);border-style:solid;border-color:white;font-size:large;color:#fff}.game{display:grid;background:linear-gradient(#5ec3e2,#c059e9);grid-template-rows:75% 25%;max-width:100vw;max-height:100vh;height:100%;width:100%}.info{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}img{max-height:50%;height:min-content;max-width:80%;margin:0;padding:0}.controls{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;background-color:dodgerblue}ul{display:flex;list-style:none;padding:0;margin:0;flex-direction:column}.results{display:flex;justify-content:space-around;align-items:center;list-style:none;padding:0;margin:0;background-color:#28d6cd;box-sizing:content-box;border-top-style:dashed}li>div{display:flex;justify-content:space-between;min-width:100%}h3{margin:0;padding-bottom:1rem}