*{box-sizing:border-box}html,body,#root{width:100%;height:100vh;margin:0;padding:0;background-color:#000;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}#root{overflow:auto}canvas{width:100%;height:100vh}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:helvetica neue,helvetica,arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased}.app-container{position:relative}.rightOverlay{position:absolute;top:0;right:0;background-color:#fffc;padding:10px;border:1px solid #000;border-radius:4px;margin:10px;z-index:10}.leftOverlay{position:absolute;top:0;left:0;background-color:#fffc;padding:10px;border:1px solid #000;border-radius:4px;margin:10px;z-index:10}.centerOverlay{position:absolute;top:0;left:50%;transform:translate(-50%);color:#e966a0;padding:10px;margin:10px;z-index:10}.bottomOverlay{position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#fffc;padding:10px;border:1px solid #000;border-radius:4px;margin:10px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.rightBottomOverlay{position:absolute;bottom:0;right:0;background-color:#fffc;padding:10px;border:1px solid #000;border-radius:4px;margin:10px;z-index:10;display:flex;flex-direction:column}button{background-color:#2b2730;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin:5px;text-align:center;text-decoration:none;display:inline-block;width:auto}button svg{margin-right:5px}button:hover{background-color:#443e4b}button:focus{outline:none;box-shadow:0 0 0 2px #443e4b}