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;background:linear-gradient(#2f7fe8,#bfe6ff 70%);width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);position:relative;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:absolute;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}.canvas-frame.phone{aspect-ratio:auto;width:min(100vw,560px);height:100dvh}.canvas-frame.phone canvas{touch-action:none}.phone-input{box-sizing:border-box;color:#0000;caret-color:#0000;opacity:0;background:0 0;border:0;outline:none;margin:0;padding:0 12px;font-size:16px;display:none;position:absolute}