@font-face{font-family:Rubik;src:url(/assets/fonts/Rubik.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(/assets/fonts/Rubik-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Noto Sans Mono;src:url(/assets/fonts/NotoSansMono.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;font-family:Rubik;overflow:hidden}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{display:fixed;background-color:#252525}span,label{color:#fff}html{display:fixed}button{background-color:#e2e2e2;outline:none;border:1px solid #c7c7c7}button[data-enabled=true]{background-color:#c9c9c9}.lStick{position:fixed;bottom:-25px;left:-25px}.rStick{position:fixed;bottom:-25px;right:-25px}.ipcontainer{display:flex;width:100vw;height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ipcontainer button{padding:16px 20px;border-radius:12px;background:none;color:#fff;box-shadow:#0009 1px 1px 5px;border:rgba(255,255,255,.6) 2px solid;cursor:pointer}.ipcontainer input{padding:16px 20px;border-radius:12px;background:none;color:#fff;box-shadow:#0009 1px 1px 5px;border:rgba(255,255,255,.6) 2px solid}*{-webkit-user-select:none;user-select:none}.joystick-wrap{display:inline-flex;align-items:center;justify-content:center;width:200px;height:200px;touch-action:none}.joystick-ring-svg{position:absolute;inset:0;overflow:visible;z-index:2;pointer-events:none;touch-action:none}.joystick-ring-arc{fill:transparent;stroke:#ffffffe6;stroke-width:1.5;pointer-events:all;cursor:grab;touch-action:none}.joystick-ring-arc:active{cursor:grabbing}.joystick-ring-dot{fill:#fff9;pointer-events:none}.joystick-base{position:relative;width:130px;height:130px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:1}.joystick-base--active{cursor:grabbing}.joystick-thumb{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);pointer-events:none}.joystick-base--active .joystick-thumb{background:#ffffffe6}.navbar{display:flex;width:100%;flex-direction:column}.navbar .topbar{display:flex;width:100%;height:48px;background-color:#0000001a;box-shadow:0 2px 2px #0000000d;flex-direction:row;justify-content:space-between}.navbar .topbar .estop,.navbar .topbar .disconnect{background:none;outline:none;border:none;height:48px;width:48px}.navbar .topbar .estop{color:#ff7d7d}.navbar .topbar .disconnect{color:#fff}.navbar .topbar span.clock{color:#fff;background:none;outline:none;border:none;font-size:14px;display:flex;height:32px;align-items:center;font-weight:500;padding:8px}.navbar .topbar .estop[data-enabled=true]{color:#af3f3f}.navbar .tabbar{width:100%;height:30px;display:flex;flex-direction:row;justify-content:space-around}.navbar .tabbar input{display:none}.navbar .tabbar label{flex-grow:1;color:#bbb;text-align:center;font-size:12px;height:min-content;padding:8px;transition-duration:.5s}.navbar .tabbar input:checked+label{color:#fff;background-color:#0000001a}