*{box-sizing:border-box;margin:0;padding:0}body{background-color:#333;justify-content:center;align-items:center;height:100vh;font-family:Times New Roman,Times,serif;display:flex}#app{background-color:#0f7e84;display:flex;position:relative}#game-container{background-color:#b07010;justify-content:center;align-items:center;width:600px;height:600px;padding:20px;display:flex;position:relative}#game-container canvas{background-color:#555;width:100%;height:100%;display:block}#ui-container{flex-direction:column;width:250px;padding:20px 0;display:flex;position:relative}h1{color:#8be99c;text-align:center;margin-bottom:20px;font-size:32px}.score-row{color:#fff;background-color:#0c6a6f;justify-content:space-between;margin-bottom:15px;padding:10px 20px;font-size:24px;display:flex}.hidden{display:none!important}.modes{color:#fff;flex-direction:column;gap:15px;padding:10px 20px;font-size:22px;display:flex}.modes label{cursor:pointer;align-items:center;display:flex}.modes input[type=radio]{appearance:none;font:inherit;color:currentColor;background-color:#fff;border:.15em solid #fff;border-radius:0;place-content:center;width:1.15em;height:1.15em;margin:0 15px 0 0;display:grid}.modes input[type=radio]:before{content:"";background-color:#007bff;width:.65em;height:.65em;transition:transform .12s ease-in-out;transform:scale(0)}.modes input[type=radio]:checked:before{transform:scale(1)}.buttons{justify-content:space-around;width:100%;display:flex;position:absolute;bottom:20px}button{color:#fff;cursor:pointer;background-color:#2b5b5c;border:2px solid #1a3839;padding:10px 30px;font-size:20px;font-weight:700;box-shadow:2px 2px 5px #00000080}button:active{transform:translateY(2px);box-shadow:inset 2px 2px 5px #00000080}#exit-popup{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-content{text-align:center;background-color:#0f7e84;border:2px solid #000;width:400px;padding:30px;box-shadow:0 4px 15px #00000080}.popup-content h2{color:#fff;margin-bottom:30px;font-size:24px}.popup-buttons{justify-content:space-around;display:flex}.popup-buttons button{width:120px}.overlay{z-index:1000;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#pause-overlay h2{color:#8be99c;margin-bottom:10px;font-size:48px}#pause-overlay p{color:#fff;font-size:24px}@media (width<=850px){body{align-items:flex-start;height:auto;min-height:100vh}#app{flex-direction:column;width:100%;max-width:600px;margin:0 auto}#game-container{width:100vw;max-width:600px;height:100vw;max-height:600px;padding:10px}#ui-container{width:100%;min-height:350px;padding:20px}.buttons{margin-top:auto;padding-top:20px;position:static}}