#canvas{background-color:#000;margin:0 auto;padding:0;display:block}html,body{height:100%;margin:0;padding:0;background:#000}body{display:flex;justify-content:center;align-items:center;overflow:hidden}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}svg{display:block;margin:0 auto;background:transparent;width:1em;height:1em}#fps-container{position:absolute;bottom:8px;left:8px;padding:2px;background:#000;color:#fff;font-family:sans-serif;font-size:12px;z-index:1000}.settings-button{position:absolute;bottom:5px;right:5px;color:#fff;background:none;border:none;padding:5px;border-radius:5px;cursor:pointer;font-family:Arial,sans-serif;z-index:10}.settings-button:hover{color:#ddd;background-color:#ffffff1a;border-radius:5px}.settings-panel{position:absolute;top:10%;right:10%;bottom:10%;left:10%;background-color:#222b;padding:10px;border-radius:5px;color:#fff;font-family:Arial,sans-serif;z-index:10}.settings-panel:after{content:" ";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;border-radius:5px;z-index:-1}.settings-toggle{display:flex;align-items:center;padding:8px 0;justify-content:space-between;flex-direction:row-reverse;border:1px solid #444;box-sizing:content-box;border-left-style:none;border-right-style:none}.settings-toggle:not(:last-child){border-bottom:none}.settings-toggle label{cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.4s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#2196f3}input:checked+.toggle-slider:before{transform:translate(30px)}.settings-title{padding:0 0 20px;font-size:16px;text-align:center;margin:0}.settings-text{border:1px solid #444;box-sizing:content-box;border-left-style:none;border-right-style:none;padding:8px 0;font-size:14px;text-align:center}.settings-text:not(:last-child){border-bottom:none}.settings-text span{font-weight:700}.settings-input{border:1px solid #444;box-sizing:content-box;border-left-style:none;border-right-style:none;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:8px 0}.settings-input:not(:last-child){border-bottom:none}.settings-input input{padding:5px;width:60px;height:30px;border:1px solid #777;border-radius:4px;background-color:#222;color:#fff}.settings-input label{height:min-content}input:focus-visible{outline:none;border-color:#2196f3}.close-button{float:right;color:#fff;background:none;border:none;padding:0;cursor:pointer;font-size:20px;z-index:10;vertical-align:top}.close-button:hover{color:#ddd}.exit-button{position:absolute;bottom:5px;right:5px;left:5px;color:#fff;background:none;border:#7777 solid 1px;padding:5px;border-radius:5px;cursor:pointer;font-family:Arial,sans-serif;z-index:10}.exit-button:hover{background-color:#ff00001a;border-color:#ff000080}.exit-button:active{background-color:#f003;border-color:#ff0000b3}