html[data-surface-role=participant],html[data-surface-role=participant] body,html[data-surface-role=participant] #root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}.participant-viewport-guard{background:#020610;width:100%;height:100dvh;overflow:hidden}.surface-boot-screen{z-index:9998;color:#e9f9ff;letter-spacing:.1em;background:radial-gradient(circle,#3ec9ff29,#0000 24%),#020610;place-content:center;justify-items:center;gap:10px;font-family:Noto Sans SC,system-ui,sans-serif;display:grid;position:fixed;inset:0}.surface-boot-screen i{border:2px solid #63d3ff33;border-top-color:#85e8ff;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite participant-boot-spin}.surface-boot-screen small{color:#c3e5f28c;font-size:10px}.participant-rotate-gate{z-index:10000;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));color:#eef9ff;text-align:center;background:radial-gradient(circle at 50% 42%,#49c7ff33,#0000 30%),linear-gradient(145deg,#03101e,#050817 70%);place-content:center;justify-items:center;gap:14px;display:none;position:fixed;inset:0}.participant-viewport-guard[data-participant-orientation=portrait] .participant-rotate-gate{display:grid}.participant-rotate-gate>span{border:2px solid #88e1ffe0;border-radius:13px;width:108px;height:72px;animation:1.8s ease-in-out infinite participant-device-rotate;position:relative;box-shadow:0 0 28px #46c9ff40}.participant-rotate-gate>span:after{content:"";background:#aeebffbf;border-radius:4px;width:4px;height:18px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.participant-rotate-gate>span i{border:1px solid #6fd1ff40;position:absolute;inset:10px}.participant-rotate-gate strong{letter-spacing:.12em;font:700 clamp(24px,6vw,38px)/1.2 Noto Sans SC,system-ui,sans-serif}.participant-rotate-gate p{color:#d5edf8b3;margin:0;font-size:clamp(14px,3.2vw,19px)}.participant-rotate-gate button{color:#ecfbff;letter-spacing:.08em;background:linear-gradient(135deg,#1678a5b8,#133b65cc);border:1px solid #67dcffa6;min-width:190px;min-height:52px;margin-top:8px;font:700 16px/1 Noto Sans SC,system-ui,sans-serif;box-shadow:0 0 24px #2cbeff33}@keyframes participant-device-rotate{0%,18%{transform:rotate(90deg)scale(.82)}58%,to{transform:rotate(0)scale(1)}}@keyframes participant-boot-spin{to{transform:rotate(1turn)}}@media (orientation:landscape){.participant-rotate-gate{display:none!important}}@media (prefers-reduced-motion:reduce){.participant-rotate-gate>span{animation:none;transform:rotate(0)}}