@font-face{font-family:TelexpressRoboto;src:url('/static/Roboto.ttf') format('truetype');font-weight:100 900;font-stretch:75% 100%;font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Arial,system-ui,sans-serif}#connection{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:0}#logo{height:180px;max-height:220px;height:clamp(125px,27vh,195px);width:auto;max-width:44vw;object-fit:contain;margin-bottom:8px}#status{font-size:20px;font-size:clamp(15px,3vw,23px);margin:0 0 2px;line-height:1.3;max-width:90vw}#code{font-family:TelexpressRoboto,Arial,sans-serif;font-variation-settings:"wdth" 75,"wght" 700;font-size:50px;font-size:clamp(40px,7.5vw,80px);font-weight:700;letter-spacing:1px;line-height:1.1;white-space:nowrap}#linked{font-size:14px;margin-top:16px;color:#ddd;max-width:90vw}.spinner{display:block;width:58px;height:58px;margin-top:8px;border-radius:50%;border:8px solid #323232;border-top-color:#fff;border-left-color:#bbb;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#screen{position:fixed;inset:0;left:0;top:0;border:0;width:100vw;height:100vh;height:100dvh;background:#000}button{cursor:pointer;font:inherit}[hidden]{display:none!important}@media(orientation:portrait){#logo{height:180px;max-height:220px;height:clamp(145px,25vh,220px)}#status{max-width:90vw;font-size:clamp(16px,4vw,23px)}#code{font-family:TelexpressRoboto,Arial,sans-serif;font-variation-settings:"wdth" 75,"wght" 700;font-size:clamp(36px,10vw,70px)}}

#connectionContent{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;transform-origin:center center}#connection{position:fixed;left:0;top:0}#logo{flex-shrink:0}#connectionContent .spinner{flex-shrink:0}#linked{overflow-wrap:anywhere;word-wrap:break-word}#code{max-width:100%}

/* The landing layer covers the renderer until its first actual frame is ready. */
#connection{z-index:30;background:#000;color:#fff}#code.task-status{font-family:Arial,sans-serif;white-space:normal;overflow-wrap:break-word;letter-spacing:1px;font-weight:700}#connectionContent .spinner{margin-top:16px}

#fullscreenHitbox{position:fixed;inset:0;left:0;top:0;width:100vw;height:100vh;height:100dvh;z-index:10000;opacity:0;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;padding:0;margin:0;color:transparent;cursor:default}

#remoteWatermark{position:fixed;right:12px;bottom:12px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:40px;height:40px;object-fit:contain;z-index:10001;pointer-events:none;user-select:none}

/* Scoped viewport fallback; the transparent shield and logo keep their layers. */
html.remote-faux-fullscreen{position:fixed;inset:0;left:0;top:0;margin:0;padding:0;width:100vw;height:100vh;width:100dvw;height:100dvh;overflow:hidden;background:#000000}
html.remote-faux-fullscreen body{width:100%;height:100%;overflow:hidden;background:#000000}