#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.game-container{position:relative;border:1px solid black;background-color:#e1f7f6;border-radius:10px}@media screen and (max-width: 950px),screen and (max-height: 950px){.game-container{transform:scale(.95);transform-origin:top left}}@media screen and (max-width: 900px),screen and (max-height: 900px){.game-container{transform:scale(.9);transform-origin:top left}}@media screen and (max-width: 850px),screen and (max-height: 850px){.game-container{transform:scale(.85);transform-origin:top left}}@media screen and (max-width: 800px),screen and (max-height: 800px){.game-container{transform:scale(.8);transform-origin:top left}}@media screen and (max-width: 750px),screen and (max-height: 750px){.game-container{transform:scale(.75);transform-origin:top left}}@media screen and (max-width: 700px),screen and (max-height: 700px){.game-container{transform:scale(.7);transform-origin:top left}}@media screen and (max-width: 650px),screen and (max-height: 650px){.game-container{transform:scale(.65);transform-origin:top left}}@media screen and (max-width: 600px),screen and (max-height: 600px){.game-container{transform:scale(.6);transform-origin:top left}}@media screen and (max-width: 550px),screen and (max-height: 550px){.game-container{transform:scale(.55);transform-origin:top left}}@media screen and (max-width: 500px),screen and (max-height: 500px){.game-container{transform:scale(.5);transform-origin:top left}}@media screen and (max-width: 450px),screen and (max-height: 450px){.game-container{transform:scale(.45);transform-origin:top left}}@media screen and (max-width: 400px),screen and (max-height: 400px){.game-container{transform:scale(.4);transform-origin:top left}}@media screen and (max-width: 350px),screen and (max-height: 350px){.game-container{transform:scale(.35);transform-origin:top left}}@media screen and (max-width: 300px),screen and (max-height: 300px){.game-container{transform:scale(.3);transform-origin:top left}}@media screen and (max-width: 250px),screen and (max-height: 250px){.game-container{transform:scale(.25);transform-origin:top left}}.circle{position:absolute;width:50px;height:50px;background-color:#4169e1;border-radius:50%;cursor:pointer}.progress-bar{height:10px;background-color:green;width:0;transition:width .5s linear}:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:Martian Mono,monospace}