html,body,#root{color:#e6e8ee;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif}#root{place-items:center;display:grid}.canvas-frame{aspect-ratio:16/9;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);overflow:hidden}.canvas-frame canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.hud{pointer-events:none;background:#141821cc;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.5;position:fixed;top:16px;left:16px}.hud .status{background:#e5484d;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.hud .status.online{background:#30a46c}