*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.loading-bar{position:absolute;top:50%;width:100%;height:10px;background:#c9a7ed;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loading-bar.ended{transform:scaleX(0);transform-origin:100% 0;transition:transform 1.5s ease-in-out}.joystick{position:fixed;left:16px;bottom:16px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.25);box-shadow:0 6px 18px #00000059 inset;z-index:10;display:none;touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.joystick .stick{position:absolute;left:50%;top:50%;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000059}@media (pointer: coarse),(hover: none){.joystick{display:block}}@supports (padding: max(0px)){.joystick{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom))}}#joystick{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}