#root,body,html{height:100%;margin:0;overflow:hidden;width:100%}.controls{background:#000;bottom:0;color:#fff;left:0;opacity:.5;padding:5px;position:absolute}p{font-family:monospace;letter-spacing:.75px;margin:5px}.loading-screen{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.loading-screen-hidden{display:none}.loading-bar{background:#fff3;height:4px;margin-top:20px;width:200px}.loading-bar-fill{background:#fff;height:100%;width:0}.loading-text{color:#fff;font-family:monospace;font-size:14px;margin-bottom:20px}.footer{bottom:10px;position:fixed;right:20px;z-index:1000}.footer-content{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.footer-bottom{align-items:center}.footer-bottom,.footer-icons{display:flex;gap:20px}.footer-icon{color:#0e1111;font-size:20px;transition:transform .2s ease-in-out}.footer-icon:hover{color:#ffc107;transform:scale(1.2)}.joystick-container{display:flex;justify-content:flex-end;width:100%}.copyright{margin:0;white-space:nowrap}.copyright,p{font-size:12px}.copyright{display:none}@media screen and (max-width:530px){.copyright{display:block}}.joystick-container{bottom:20px;display:none;position:absolute}@media (max-width:830px){.joystick-container{bottom:20px;display:flex;position:absolute}}.slide-notification{align-items:center;background-color:#000c;border-radius:12px;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;display:flex;flex-direction:row;justify-content:center;left:0;padding:17px;position:fixed;transform:translateX(-100%);transition:transform .5s ease-in-out;z-index:1000}.slide-notification.visible{transform:translateX(20px)}.slide-notification p{word-wrap:break-word;font-family:system-ui,-apple-system,sans-serif;font-size:12px;margin:0;white-space:normal}@media screen and (max-width:830px){.arrow-keys{display:none}}@media screen and (max-width:530px){.arrow-keys{display:none}.slide-notification{bottom:auto;left:50%;max-width:90vw;min-width:250px;text-align:center;top:0;transform:translate(-50%,-100%)}.slide-notification.visible{transform:translate(-50%,20px)}}