html,body{margin:0;width:100%;height:100%;background:#171a20;color:#f7ecd8;font-family:system-ui,sans-serif}#room-host{position:fixed;inset:0}#room-host iframe{display:block;border:0;width:100%;height:100%;background:#171a20}#room-loading,#room-error{position:fixed;z-index:2;inset:0;display:grid;place-content:center;text-align:center;padding:2rem;background:#171a20}#room-loading{pointer-events:none;background:linear-gradient(150deg,#29302f,#161a20);letter-spacing:.15em}#room-loading[hidden],#room-error[hidden]{display:none}#room-error button,#room-error a{display:inline-block;margin:1rem;padding:.8rem 1.1rem;color:#ffebba;border:1px solid #d2b775;border-radius:.4rem;background:#292723;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}