html,body{margin:0;padding:0;height:100vh;overflow:hidden}*{padding:0}#renderCanvas{width:100%;height:100%;touch-action:none}.canvas-wrapper{position:relative;height:100%}.modern-btn{display:inline-block;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:12px 30px;border-radius:10px;transition:all .3s ease;color:#fff;background-color:#4caf50;border:2px solid #4caf50}.modern-btn:hover{background-color:#fff;color:#4caf50}.modern-btn:active{background-color:#4caf50;color:#fff}.top-right{position:absolute;top:0;right:0;margin:10px}.top-left{position:absolute;top:0;left:0;margin:10px}#instructions{position:absolute;left:0;bottom:0;margin:10px;padding:10px 20px;background-color:#00000080;border-radius:10px;color:#fff;font-size:18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:left}#instructions p{margin:0;padding-bottom:10px;font-weight:700;font-size:30px}#instructions ul{margin:0;padding:0;list-style-type:none}#instructions li{margin:0 0 10px;line-height:1.5}#instructions .key{font-weight:700;font-size:20px;margin-right:10px}