html,body,#root{color:#e6e8ee;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif}html,body{overscroll-behavior:none}#root{place-items:center;display:grid}.display-viewport{box-sizing:border-box;width:100vw;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);place-items:center;display:grid}.canvas-frame{--display-aspect:16 / 9;--safe-w:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));--safe-h:calc(100dvh - env(safe-area-inset-top,0px));--frame-w:min(var(--safe-w), calc(var(--safe-h) * var(--display-aspect)));--frame-h:min(var(--safe-h), calc(var(--safe-w) / (var(--display-aspect))));width:var(--frame-w);height:var(--frame-h);aspect-ratio:var(--display-aspect);background:linear-gradient(#2f7fe8,#bfe6ff 70%);position:relative;overflow:hidden}.canvas-frame canvas{image-rendering:pixelated;touch-action:none;display:block;width:100%!important;height:100%!important}.canvas-frame.phone{aspect-ratio:auto;background:#1f6fd6;width:100vw;height:100dvh;top:0;left:0}.canvas-frame.phone canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.phone-camera-list{opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;position:absolute}.remote-label{box-sizing:border-box;color:#0000;opacity:0;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:absolute;overflow:hidden}