@font-face{font-family:"Gather Cached Sans";src:url("/assets/gather-cache-f_000008.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--ink:#f4f2e9;--muted:#a5b2a9;--panel:#1d2b25;--line:#34483e;--accent:#b8e986;--bg:#15211d;--radius-card:14px;font-family:"Gather Cached Sans",ui-sans-serif,system-ui,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#32463b 0,transparent 57%),var(--bg);color:var(--ink)}button{font:inherit}.shell{width:min(1200px,calc(100% - 40px));margin:auto;padding:24px 0 20px}.topbar,.brand,.connection,.player-card{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:17px}.brand{gap:12px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:#253b29;font:800 30px ui-sans-serif,system-ui,sans-serif}.eyebrow{margin:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.14em}.brand h1{margin:2px 0 0;font:700 23px ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em}.topbar-status{display:flex;align-items:center;gap:12px}.connection{gap:9px;color:#c1d2c5;font-size:12px}.status-dot{width:8px;height:8px;flex:none;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #b8e98680}.connection button{padding:7px 10px;border:1px solid #829c87;border-radius:8px;background:#293a31;color:var(--ink);font-size:11px;cursor:pointer}.local-chip{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ffffff14;border-radius:999px;background:#22342b;color:#dce8d9;font-size:10px}.local-chip span{color:var(--accent);font-size:14px}.stage{position:relative;padding:11px;border:1px solid #46594e;border-radius:18px;background:#25352e;box-shadow:0 22px 60px #07110d66}.world-frame{position:relative;overflow:hidden;border-radius:10px;background:#718e6b;isolation:isolate}.world-frame canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.world-label{position:absolute;right:17px;top:17px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff26;border-radius:11px;background:#17231ddd;backdrop-filter:blur(8px);box-shadow:0 5px 18px #08130d38}.world-label-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#b8e98620;color:var(--accent);font-size:18px}.world-label strong,.world-label div span{display:block}.world-label strong{font-size:11px}.world-label div span{margin-top:3px;color:#becbbf;font-size:9px}.player-card{position:absolute;left:17px;top:17px;gap:9px;padding:8px 10px;border:1px solid #ffffff20;border-radius:11px;background:#17231ddd;backdrop-filter:blur(8px)}.avatar{display:grid;place-items:center;width:31px;height:31px;overflow:hidden;border:2px solid #f1f0dd;border-radius:9px;background:#26352f url("/assets/gather/recording-client-avatar.png") 0 0/504px 70px no-repeat;color:transparent;font-size:0;image-rendering:pixelated}.player-card strong,.player-card div span{display:block}.player-card strong{font-size:11px}.player-card div span{margin-top:2px;color:#c0cfc2;font-size:9px}.player-card kbd{margin-left:5px;padding:4px 6px;border:1px solid #ffffff24;border-radius:6px;color:#dce5d8;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.emote-tray{position:absolute;left:50%;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px 9px;transform:translateX(-50%);border:1px solid #ffffff32;border-radius:13px;background:#17231ddd;backdrop-filter:blur(8px);box-shadow:0 8px 24px #07110d55}.tray-label{padding:0 4px;color:#c0cfc2;font-size:8px;font-weight:700;letter-spacing:.12em}.emote-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff22;border-radius:10px;background:#2b3e33;color:var(--ink);cursor:pointer;transition:transform .16s ease-out,border-color .16s ease-out,background .16s ease-out}.emote-button>span{font-size:19px;line-height:1}.emote-button kbd{position:absolute;right:3px;bottom:2px;color:#b8c6bc;font-size:7px;line-height:1}.emote-button:hover{transform:translateY(-2px);border-color:var(--accent);background:#354735}.emote-button:active{transform:scale(.94)}.controls{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:18px;margin-top:13px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card);background:#1b2923}.explore-copy p{margin:5px 0 10px;color:#c0cbc2;font-size:11px}.movement-hint{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.movement-hint>span:first-child{margin-right:4px;color:#d2ddd3;font-size:8px;font-weight:700;letter-spacing:.08em}.movement-hint>span:not(:first-child){margin:0 4px}.movement-hint kbd,.dpad button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #53685b;border-radius:7px;background:#293a31;color:var(--ink);font-size:10px}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,38px);gap:3px}.dpad button{width:42px;height:38px;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:hover{border-color:var(--accent);color:var(--accent)}.dpad button:active{transform:scale(.94)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px 8px;min-width:245px}.media-controls button{min-height:38px;padding:7px 10px;border:1px solid #53685b;border-radius:8px;background:#293a31;color:var(--ink);font-size:10px;cursor:pointer;transition:background .15s,border-color .15s}.media-controls button:hover{border-color:#91b981;background:#324438}.media-controls button[aria-pressed=true]{border-color:var(--accent);background:#354735;color:#e5f4d8}.media-controls button:disabled{cursor:not-allowed;color:#a5b2a9}.media-controls label{color:#c0cbc2;font-size:9px}.media-controls meter{width:100%;height:10px}.media-controls #media-status{grid-column:1/-1;color:#a5b2a9;font-size:9px;line-height:1.4}.media-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-preview{position:absolute;right:12px;top:67px;width:clamp(104px,20%,190px);overflow:hidden;border:1px solid #ffffff60;border-radius:12px;background:#17231ddd;box-shadow:0 8px 24px #07110d66}.media-preview video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}.media-preview span{display:block;padding:6px 8px;color:#e5eee5;font-size:9px;text-align:center}.notice{margin:11px 0 0;color:#a5b2a9;text-align:center;font-size:9px}
@media(max-width:900px){.shell{width:min(100% - 24px,760px);padding-top:16px}.controls{grid-template-columns:1fr auto}.explore-copy{grid-column:1}.media-controls{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;max-width:440px;margin:0 auto}.dpad{grid-column:2;grid-row:1}.media-controls label{grid-column:1}.media-controls meter{grid-column:2}.media-controls #media-status{grid-column:1/-1}}
@media(max-width:520px){.shell{width:calc(100% - 16px);padding-top:12px}.topbar{margin-bottom:12px}.brand{gap:8px}.brand-mark{width:36px;height:36px;border-radius:11px;font-size:25px}.brand h1{font-size:19px}.eyebrow{font-size:8px}.topbar-status{align-items:flex-end;gap:5px;flex-direction:column}.connection{gap:6px;font-size:9px}.local-chip{padding:5px 8px;font-size:9px}.stage{padding:6px;border-radius:14px}.world-frame{border-radius:8px}.player-card{left:8px;top:8px;gap:6px;padding:5px 7px}.player-card .avatar{width:25px;height:25px;background-size:25px 52px}.player-card kbd{display:none}.world-label{right:8px;top:8px;gap:6px;padding:6px 8px}.world-label-icon{width:25px;height:25px}.world-label strong{font-size:9px}.world-label div span{font-size:7px}.emote-tray{bottom:7px;gap:3px;padding:5px 6px;border-radius:10px;max-width:calc(100% - 12px);overflow-x:auto;scrollbar-width:none}.emote-tray::-webkit-scrollbar{display:none}.tray-label{font-size:7px;padding:0 2px;flex:none}.emote-button{width:34px;height:34px;border-radius:8px;flex:none}.emote-button>span{font-size:16px}.emote-button kbd{right:2px;bottom:1px;font-size:6px}.controls{gap:9px;margin-top:8px;padding:11px;border-radius:12px}.explore-copy p{font-size:9px;margin-bottom:8px}.movement-hint{gap:2px;flex-wrap:nowrap}.movement-hint>span:first-child{display:none}.movement-hint>span:not(:first-child){margin:0 2px}.movement-hint kbd{width:18px;height:21px;font-size:8px}.dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,32px)}.dpad button{width:34px;height:32px}.media-controls{min-width:0}.media-controls button{min-height:36px;padding:6px;font-size:9px}.media-preview{top:48px}.notice{font-size:8px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Full-window world view: the recovered map, player card and emote tray stay in the play area. */
html,body{width:100%;height:100%;min-height:0;overflow:hidden}body{background:#14201a}.shell{position:relative;width:100vw;height:100vh;height:100dvh;margin:0;padding:0}.stage{position:absolute;inset:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.world-frame{width:100%;height:100%;min-height:0;border-radius:0}.world-frame canvas{width:100%;height:100%;image-rendering:pixelated}.topbar,.notice{display:none}.player-card{left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));min-height:48px}.player-card kbd{font-size:8px}.player-info{min-width:64px}.player-info strong,.player-info>span:not(.visually-hidden){display:block}.player-info>span:not(.visually-hidden){margin-top:2px;color:#c0cfc2;font-size:9px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.retry-button{min-height:32px;padding:5px 8px;border:1px solid #829c87;border-radius:7px;background:#293a31;color:var(--ink);font-size:10px;cursor:pointer}.retry-button:focus-visible,.media-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.world-label{right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top))}.emote-tray{bottom:max(14px,env(safe-area-inset-bottom));min-height:56px}.emote-button{width:44px;height:44px}.controls{position:absolute;inset:0;z-index:4;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;pointer-events:none}.controls .dpad,.media-menu{position:absolute;pointer-events:auto}.controls .dpad{display:none}.media-menu{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));list-style:none}.media-menu summary{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff35;border-radius:12px;background:#17231ddd;color:var(--ink);font-size:21px;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 24px #07110d55;list-style:none}.media-menu summary::-webkit-details-marker{display:none}.media-menu summary::marker{content:""}.media-menu[open] summary{border-color:var(--accent);background:#354735}.media-menu .media-controls{position:absolute;right:0;bottom:56px;display:none;width:min(290px,calc(100vw - 24px));min-width:0;padding:12px;border:1px solid #ffffff32;border-radius:13px;background:#17231df2;backdrop-filter:blur(10px);box-shadow:0 10px 30px #07110d66}.media-menu[open] .media-controls{display:grid}.media-menu .media-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-menu .media-controls button{min-height:44px}.media-menu .media-controls label{grid-column:1;margin-top:4px}.media-menu .media-controls meter{grid-column:2}.media-menu .media-controls #media-status{grid-column:1/-1}.media-preview{right:max(16px,env(safe-area-inset-right));top:76px;width:clamp(150px,22vw,240px)}@media(max-width:700px){.world-label{right:8px;top:8px;padding:6px 8px;gap:6px}.world-label-icon{width:27px;height:27px}.world-label strong{font-size:10px}.world-label div span{font-size:8px}.player-card{left:8px;top:8px}.controls .dpad{left:max(12px,env(safe-area-inset-left));bottom:calc(82px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:2px;padding:5px;border:1px solid #ffffff24;border-radius:12px;background:#17231dcc;backdrop-filter:blur(8px)}.controls .dpad button{width:44px;height:44px;touch-action:none}.media-menu{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.emote-tray{left:50%;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px);gap:3px;padding:5px 6px}.emote-tray .tray-label{font-size:7px;padding:0 2px;flex:none}.emote-tray .emote-button{width:42px;height:44px;flex:none}.media-preview{top:58px;right:8px;width:min(36vw,170px)}}@media(max-width:380px){.emote-tray{max-width:calc(100vw - 12px);overflow-x:auto;scrollbar-width:thin}.emote-tray .emote-button{width:40px}.world-label div span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.account-gate[hidden],.account-card [hidden]{display:none!important}.account-gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 42%,#263d31 0,#17251e 48%,#101914 100%);color:#edf3e9}.account-gate::before{position:absolute;inset:0;content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(#b8ca9c 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.account-card{position:relative;display:grid;width:min(100%,430px);gap:9px;padding:36px 38px 25px;border:1px solid #dbe9d429;border-radius:20px;background:#18251fee;box-shadow:0 24px 90px #07110db3;backdrop-filter:blur(14px)}.account-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:5px;border:1px solid #b9d6a44d;border-radius:14px;background:#73966c24;color:#b4d396;font-size:25px}.account-eyebrow{margin:0;color:#a7c695;font-size:10px;font-weight:750;letter-spacing:.16em}.account-card h1{margin:0;font-size:25px;letter-spacing:-.035em}.account-intro{margin:0 0 12px;color:#b5c2b7;font-size:13px;line-height:1.5}.account-card label{margin-top:6px;color:#e0e9df;font-size:12px;font-weight:650}.account-card input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #70837580;border-radius:9px;background:#101a15;color:#f0f4ee;font:inherit;font-size:14px}.account-card input:focus{border-color:#a7ce91;outline:2px solid #a7ce91;outline-offset:2px}.account-card input[aria-invalid=true]{border-color:#e29480;outline-color:#e29480}.account-helper{margin-top:-4px;color:#9eaea1;font-size:11px;line-height:1.45}.account-error{margin:0;padding:10px 11px;border:1px solid #e2948066;border-radius:8px;background:#612f2b55;color:#ffd3c5;font-size:12px;line-height:1.4}.account-submit{min-height:46px;margin-top:5px;border:1px solid #c6dfa480;border-radius:9px;background:#9fbe87;color:#142018;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.account-submit:hover{background:#b1ce9b}.account-submit:disabled{border-color:#56655a;background:#3b4940;color:#a6b2a7;cursor:wait}.account-submit:focus-visible,.account-switch button:focus-visible,.account-signout:focus-visible{outline:2px solid #d1e9b4;outline-offset:3px}.account-switch{margin:3px 0 0;color:#b9c6bb;font-size:12px;text-align:center}.account-switch button{padding:4px;border:0;background:transparent;color:#c5e4a8;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.account-local-note{display:flex;justify-content:center;align-items:center;gap:7px;margin:7px 0 0;color:#9aa99e;font-size:10px}.account-local-note span{color:#a8cd8e;font-size:8px}.account-signout{min-height:27px;padding:3px 7px;border:1px solid #ffffff26;border-radius:7px;background:#27372d;color:#d5dfd6;font:inherit;font-size:9px;cursor:pointer}.account-signout:hover{border-color:#b3c9a1;color:#eff6e9}

/* Measured from the supplied Gather reference (1090x820): framed world begins at x=31,y=26. */
.shell{overflow:hidden}
.stage{inset:16px -10px -10px 21px;padding:9px;border-radius:18px;background:#25352e;box-shadow:0 0 0 1px #46594e,0 18px 48px #07110d66}
.world-frame{border-radius:10px}
@media(max-width:700px){.stage{inset:7px 4px 4px;padding:5px;border-radius:14px}.world-frame{border-radius:9px}}
@media(max-width:700px){.emote-tray{max-width:calc(100% - 12px)}}
.stage{inset:17px -10px -10px 22px}
.player-card{top:14px}
.room-mode{margin-left:5px;padding:4px 6px;border:1px solid #ffffff24;border-radius:6px;color:#dce5d8;font-size:8px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.room-mode:hover{border-color:var(--accent);color:var(--accent)}.room-mode:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  #startup-office-mode,#office-modern12-mode{background:transparent;font-family:inherit;cursor:pointer}#startup-office-mode:disabled,#office-modern12-mode:disabled{cursor:wait;color:#c0cfc2}.startup-office-status{position:absolute;left:8px;top:calc(100% + 6px);max-width:min(290px,calc(100vw - 32px));padding:6px 8px;border:1px solid #ffffff2a;border-radius:7px;background:#17231df2;color:#dce8d9;font-size:9px;line-height:1.35;box-shadow:0 4px 14px #07110d66}.startup-office-status[hidden]{display:none}.startup-office-status[data-kind=error]{border-color:#e29480;color:#ffd3c5}.startup-office-status[data-kind=success]{border-color:#91b981;color:#c5e4a8}
.remote-media-grid{position:absolute;z-index:3;top:258px;right:max(16px,env(safe-area-inset-right));display:flex;max-width:min(420px,50vw);max-height:calc(100% - 330px);align-items:flex-start;justify-content:flex-end;gap:8px;overflow:auto;flex-wrap:wrap}.remote-media-grid[hidden]{display:none}.remote-media-card{width:min(180px,24vw);overflow:hidden;border:1px solid #ffffff45;border-radius:10px;background:#17231df2;box-shadow:0 6px 20px #07110d55}.remote-media-card video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}.remote-media-card span{display:block;padding:5px 7px;color:#e5eee5;font-size:9px;text-align:center}
@media(max-width:700px){.remote-media-grid{top:142px;right:8px;max-width:42vw;max-height:calc(100% - 240px);gap:5px}.remote-media-card{width:min(145px,42vw)}}
/* Screenshot-matched plaza toolbar: five visible symbols; Dance remains on Z. */
.emote-tray{gap:5px;padding:6px 8px}
.emote-tray .emote-button{width:38px;height:38px;border-radius:9px}
/* HUD dimensions measured against the supplied 1090×820 plaza reference. */
.player-card{top:15px;gap:7px;padding:6px 8px;min-height:45px}
.player-card .avatar{width:29px;height:29px}
.player-info{min-width:50px}
.player-info strong{font-size:10px}
.player-info>span:not(.visually-hidden){font-size:8px}
.room-mode{margin-left:3px;padding:3px 5px;font-size:7px}
.world-label{top:15px;gap:8px;padding:7px 12px}
.world-label-icon{width:28px;height:28px}
.world-label div span{font-size:8px}
@media(max-width:700px){.player-card{left:8px;top:8px;gap:6px;padding:5px 7px;min-height:0}.player-card .avatar{width:25px;height:25px;background-size:25px 52px}.player-info{min-width:44px}.player-info strong{font-size:9px}.player-info>span:not(.visually-hidden){font-size:7px}.world-label{right:8px;top:8px;gap:6px;padding:6px 8px}.world-label-icon{width:27px;height:27px}.world-label strong{font-size:10px}.world-label div span{font-size:8px}.emote-tray .emote-button{width:42px;height:44px}}

/* Gather profile crop recovered from module 96178 (Avatar image component). */
.player-card .avatar{position:relative;display:block;background:#26352f}
.player-card .avatar img{position:absolute;top:0;left:0;width:100%;height:200%;object-fit:cover;object-position:0 -17px;transform:scale(1.25);image-rendering:pixelated}
@media(max-width:700px){.player-card .avatar img{object-position:0 -15px}}

/* Local SQLite chat adapter UI; this is not the recovered Sendbird client. */
.chat-toggle,.chat-panel{position:absolute;z-index:6;border:1px solid #ffffff32;background:#17231df2;color:#e5eee5;backdrop-filter:blur(10px);box-shadow:0 10px 30px #07110d66}
.chat-toggle{left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border-radius:11px;font-size:12px;font-weight:700;cursor:pointer}
.chat-toggle[hidden],.chat-panel[hidden]{display:none!important}
.chat-toggle:hover,.chat-panel button:hover{border-color:#91b981;background:#293a31}
.chat-panel{left:max(16px,env(safe-area-inset-left));bottom:68px;display:flex;width:min(340px,calc(100vw - 32px));height:min(430px,calc(100% - 145px));min-height:220px;flex-direction:column;overflow:hidden;border-radius:14px}
.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #ffffff20}
.chat-panel-header h2{margin:0;font-size:13px;font-weight:700}
.chat-panel button{border:1px solid #53685b;border-radius:8px;background:#293a31;color:#e5eee5;cursor:pointer}
.chat-panel-header button{width:30px;height:30px;font-size:20px;line-height:1}
.chat-dm-picker{padding:7px 10px;border-bottom:1px solid #ffffff20}
.chat-dm-picker summary{width:max-content;padding:6px 9px;border:1px solid #53685b;border-radius:8px;background:#293a31;color:#e5eee5;font-size:10px;font-weight:700;cursor:pointer;list-style:none}
.chat-dm-picker summary::-webkit-details-marker{display:none}.chat-dm-picker summary::marker{content:""}
.chat-dm-picker[open] summary{border-color:#91b981;background:#354735}
.chat-recipient-list{display:flex;max-height:96px;flex-direction:column;gap:4px;overflow:auto;margin:7px 0 5px;padding:7px;border:1px solid #53685b;border-radius:8px}
.chat-recipient-list legend{padding:0 4px;color:#c0cbc2;font-size:9px}
.chat-recipient-option{display:flex;align-items:center;gap:7px;min-height:25px;color:#f1f3ec;font-size:10px;cursor:pointer}
.chat-recipient-option input{width:14px;height:14px;margin:0;accent-color:#b8e986}
.chat-recipient-empty{margin:3px;color:#a5b2a9;font-size:9px}
.chat-create-dm{min-height:32px;padding:0 10px;font-size:10px;font-weight:700}
.chat-channel-nav{overflow:hidden;padding:4px 10px 7px;border-bottom:1px solid #ffffff20}
.chat-channel-list{display:flex;gap:5px;overflow:auto;margin:0;padding:0;list-style:none;scrollbar-width:thin}
.chat-channel-button{display:flex;align-items:center;gap:6px;max-width:150px;height:28px;padding:0 9px;overflow:hidden;font-size:9px}
.chat-channel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-channel-unread{flex:none;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#f1c86d;color:#1e3027;font-size:9px;font-weight:700;line-height:16px;text-align:center}
.chat-channel-button[aria-current=true]{border-color:#b8e986;background:#354735;color:#e5f4d8}
.chat-messages{display:flex;flex:1;flex-direction:column;gap:9px;overflow:auto;margin:0;padding:12px;list-style:none;overscroll-behavior:contain}
.chat-empty{margin:auto;color:#c0cbc2;font-size:11px;text-align:center}
.chat-message{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:baseline}
.chat-message-author{color:#b8e986;font-size:10px}
.chat-message.is-own .chat-message-author{color:#dce8d9}
.chat-message-text{grid-column:1/-1;overflow-wrap:anywhere;color:#f1f3ec;font-size:12px;line-height:1.4;white-space:pre-wrap}
.chat-message-attachments{grid-column:1/-1;margin:0;padding-left:18px;color:#cfe0cc;font-size:11px;overflow-wrap:anywhere}
.chat-message-attachments a{color:#cfe0cc;text-decoration:underline}
.chat-message time{color:#a5b2a9;font-size:8px}
.chat-message-reaction-summary,.chat-reaction-picker{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.chat-message-reaction-items{display:flex;flex-wrap:wrap;gap:4px}
.chat-message-reaction,.chat-reaction-picker-toggle,.chat-reaction-option{min-width:32px;min-height:32px;padding:3px 8px;font-size:10px}
.chat-message-reaction[aria-pressed=true]{border-color:#b8e986;background:#354735}
.chat-reaction-picker[hidden]{display:none}
.chat-reaction-picker{padding:5px;border:1px solid #ffffff20;border-radius:8px;background:#101a15}
.chat-reaction-picker-toggle{font-size:13px}
.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:10px;border-top:1px solid #ffffff20}
.chat-form input{min-width:0;height:38px;padding:0 10px;border:1px solid #53685b;border-radius:8px;background:#101a15;color:#f1f3ec;font:inherit;font-size:11px}
.chat-form input::placeholder{color:#a5b2a9}
.chat-form button{min-width:64px;padding:0 10px;font-size:10px;font-weight:700}
.chat-form #chat-attachment-button{min-width:38px;padding:0;font-size:17px}
.chat-panel :focus-visible,.chat-toggle:focus-visible{outline:2px solid #b8e986;outline-offset:2px}
.chat-panel button:disabled{cursor:not-allowed;color:#a5b2a9}
.chat-status{grid-column:1/-1;min-height:12px;color:#c0cbc2;font-size:9px;line-height:1.35}
@media(max-width:700px){.chat-toggle{left:max(8px,env(safe-area-inset-left));bottom:calc(68px + env(safe-area-inset-bottom));min-height:40px;padding:7px 10px}.chat-panel{left:max(8px,env(safe-area-inset-left));bottom:calc(116px + env(safe-area-inset-bottom));width:min(340px,calc(100vw - 16px));height:min(58vh,420px);min-height:220px}}
.media-shortcuts{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.4}
.media-menu .media-controls #media-retry{grid-column:1/-1;min-height:36px}
.account-password-row{display:flex;align-items:stretch;gap:7px}.account-password-row input{min-width:0;flex:1}.account-password-row button{min-width:72px;padding:6px 9px;border:1px solid #70837580;border-radius:9px;background:#25352b;color:#e1ebdf;font:inherit;font-size:11px;cursor:pointer}.account-password-row button:focus-visible{outline:2px solid #a7ce91;outline-offset:2px}.account-password-strength{display:grid;grid-template-columns:minmax(90px,1fr) 1.3fr;align-items:center;gap:4px 10px;color:#c2d1c3;font-size:10px}.account-password-strength meter{width:100%;height:9px}.account-strength-note{grid-column:1/-1;color:#93a395;font-size:9px}

/* Local Gather screen sharing preview and three media actions. */
.media-menu .media-actions #screen-share-toggle{grid-column:1/-1}

/* Exact-source complete outfits for the offline local account; not a wearable catalog. */
.avatar-picker{position:relative;flex:none}
.avatar-picker>summary{display:block;list-style:none;cursor:pointer}
.avatar-picker>summary::-webkit-details-marker{display:none}
.avatar-picker>summary::marker{content:""}
.avatar-picker>summary:focus-visible{outline:2px solid #b8e986;outline-offset:3px;border-radius:10px}
.avatar-picker[open]>.avatar-picker-trigger,.avatar-picker[open] .avatar{border-color:#b8e986}
.avatar-picker-panel{position:absolute;z-index:12;top:calc(100% + 10px);left:-8px;width:min(390px,calc(100vw - 28px));max-height:min(72vh,680px);overflow-y:auto;padding:14px;border:1px solid #ffffff36;border-radius:13px;background:#17231df7;color:#f4f2e9;backdrop-filter:blur(12px);box-shadow:0 12px 32px #07110d80}
.avatar-picker-panel h2{margin:0;font-size:14px;font-weight:700}
.avatar-picker-panel>p:not(.avatar-picker-status){margin:5px 0 12px;color:#bdc9bf;font-size:10px;line-height:1.45}
.avatar-picker-search-label{display:block;margin:8px 0 5px;color:#d6e1d6;font-size:10px;font-weight:650}
.avatar-picker-search{width:100%;min-height:44px;padding:9px 11px;border:1px solid #70837580;border-radius:8px;background:#101a15;color:#f0f4ee;font:inherit;font-size:12px}
.avatar-picker-search::placeholder{color:#a5b2a9}
.avatar-picker-search:focus-visible{border-color:#b8e986;outline:2px solid #b8e986;outline-offset:2px}
.avatar-picker-search-status{margin:6px 0;color:#c9d5ca;font-size:10px;line-height:1.4}
.avatar-picker-search-status[hidden],.avatar-preset-option[hidden]{display:none}
.avatar-picker-options{display:grid;gap:7px}
.avatar-preset-option{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 9px;border:1px solid #ffffff28;border-radius:9px;background:#26372e;color:#eff4ed;text-align:left;cursor:pointer;transition:border-color .16s ease-out,background .16s ease-out}
.avatar-preset-option img{width:38px;height:38px;flex:none;border:1px solid #ffffff20;border-radius:7px;background:#1c2a23;object-fit:cover;image-rendering:pixelated}
.avatar-preset-option>span{display:grid;gap:3px;font-size:11px;font-weight:700}
.avatar-preset-option small{color:#bdc9bf;font-size:9px;font-weight:400}
.avatar-preset-option:hover{border-color:#9fbd8d;background:#304337}
.avatar-preset-option[aria-pressed=true]{border-color:#b8e986;background:#354735;box-shadow:inset 3px 0 #b8e986}
.avatar-preset-option:focus-visible{outline:2px solid #b8e986;outline-offset:2px}
.avatar-preset-option:disabled{border-color:#58665c;background:#202c25;color:#c0c9c1;cursor:not-allowed}
.avatar-picker-status{min-height:14px;margin:8px 0 0;color:#d4e8c8;font-size:9px;line-height:1.4}
.avatar-piece-editor{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff20}
.avatar-piece-editor-heading h3{margin:0;font-size:12px;font-weight:700}
.avatar-piece-editor-heading p,.avatar-piece-editor-notice,.avatar-piece-results{margin:5px 0 9px;color:#bdc9bf;font-size:10px;line-height:1.45}
.avatar-piece-editor-notice:empty{display:none}
.avatar-editor-start,.avatar-piece-clear{width:100%;min-height:44px;margin:8px 0;padding:8px 10px;border:1px solid #ffffff30;border-radius:8px;background:#304337;color:#f4f2e9;font:inherit;font-size:11px;font-weight:650;cursor:pointer}
.avatar-editor-start:hover,.avatar-piece-clear:hover{border-color:#b8e986;background:#354735}
.avatar-editor-start:focus-visible,.avatar-piece-clear:focus-visible,.avatar-piece-slot:focus-visible{outline:2px solid #b8e986;outline-offset:2px}
.avatar-editor-start:disabled,.avatar-piece-clear:disabled{border-color:#58665c;background:#202c25;color:#9eaaa1;cursor:not-allowed}
.avatar-piece-slot{width:100%;min-height:44px;padding:8px 10px;border:1px solid #70837580;border-radius:8px;background:#101a15;color:#f0f4ee;font:inherit;font-size:12px}
.avatar-piece-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:2px}
.avatar-piece-option{display:flex;align-items:center;gap:7px;min-width:0;min-height:54px;padding:6px;border:1px solid #ffffff24;border-radius:8px;background:#26372e;color:#eff4ed;text-align:left;cursor:pointer;transition:border-color .16s ease-out,background .16s ease-out}
.avatar-piece-option img{width:38px;height:38px;flex:none;border:1px solid #ffffff20;border-radius:6px;background:#1c2a23;object-fit:contain;image-rendering:pixelated}
.avatar-piece-option>span{display:grid;min-width:0;gap:2px;font-size:10px;font-weight:650;line-height:1.25}
.avatar-piece-option small{overflow:hidden;color:#bdc9bf;font-size:8px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.avatar-piece-option:hover,.avatar-piece-option[aria-pressed=true]{border-color:#b8e986;background:#354735}
.avatar-piece-option[aria-pressed=true]{box-shadow:inset 3px 0 #b8e986}
.avatar-piece-option:focus-visible{outline:2px solid #b8e986;outline-offset:2px}
.avatar-piece-option:disabled{border-color:#58665c;background:#202c25;color:#9eaaa1;cursor:not-allowed}
.avatar-piece-empty{grid-column:1/-1;margin:4px 0;padding:12px;color:#bdc9bf;font-size:10px;text-align:center}
@media(prefers-reduced-motion:reduce){.avatar-preset-option{transition:none}}
.screen-preview{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left));top:76px;width:clamp(180px,28vw,360px);overflow:hidden;border:1px solid #ffffff60;border-radius:12px;background:#17231ddd;box-shadow:0 8px 24px #07110d66}
.screen-preview[hidden]{display:none}
.screen-preview video{display:block;width:100%;max-height:210px;aspect-ratio:16/9;object-fit:contain;background:#111}
.screen-preview span{display:block;padding:6px 8px;color:#e5eee5;font-size:9px;text-align:center}
@media(max-width:700px){.screen-preview{left:8px;top:58px;width:min(52vw,240px)}.screen-preview video{max-height:130px}}

/* Gather custom-emote popover, populated from the recovered emoji-mart data. */
.emote-tray{z-index:8}
.emote-customize{display:grid;place-items:center;width:34px;height:38px;border:1px solid #ffffff20;border-radius:9px;background:#26382e;color:#dce8d9;font-size:17px;cursor:pointer;transition:background .16s ease-out,border-color .16s ease-out}
.emote-customize:hover,.emote-customize[aria-expanded=true]{border-color:#b8e986;background:#354735;color:#f4f2e9}
.emote-customize:focus-visible,.emote-editor button:focus-visible,.emoji-search:focus-visible,.emoji-choice:focus-visible{outline:2px solid #b8e986;outline-offset:2px}
.emote-editor[hidden]{display:none!important}
.emote-editor{position:absolute;z-index:9;left:50%;bottom:78px;display:flex;width:min(360px,calc(100vw - 24px));max-height:min(570px,calc(100% - 110px));flex-direction:column;gap:9px;padding:13px;border:1px solid #ffffff36;border-radius:13px;background:#17231df7;color:#f4f2e9;backdrop-filter:blur(12px);box-shadow:0 12px 32px #07110d80;transform:translateX(-50%)}
.emote-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.emote-editor-header h2{margin:0;font-size:13px;font-weight:700}
.emote-editor-header p{margin:3px 0 0;color:#b7c5b9;font-size:9px}
.emote-editor-header button,.emote-editor-actions button{min-height:32px;padding:5px 9px;border:1px solid #53685b;border-radius:8px;background:#293a31;color:#f4f2e9;font-size:10px;cursor:pointer}
.emote-editor-header button{width:32px;padding:0;font-size:20px;line-height:1}
.emote-slots{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:3px 0}
.emote-slot{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff24;border-radius:9px;background:#293a31;color:#f4f2e9;font-size:20px;cursor:pointer}
.emote-slot[aria-pressed=true]{border-color:#b8e986;background:#354735;box-shadow:0 0 0 1px #b8e98655}
.emote-slot kbd{position:absolute;right:2px;bottom:1px;color:#c1d0c3;font-size:7px;line-height:1}
.emoji-search-label{color:#c0cbc2;font-size:9px}
.emoji-search{width:100%;height:36px;padding:0 10px;border:1px solid #53685b;border-radius:8px;background:#101a15;color:#f4f2e9;font:inherit;font-size:11px}
.emoji-search::placeholder{color:#a5b2a9}
.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;min-height:140px;overflow:auto;padding:4px;border:1px solid #ffffff18;border-radius:8px;background:#101a15;overscroll-behavior:contain}
.emoji-choice{display:grid;place-items:center;min-width:0;min-height:35px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.emoji-choice:hover{border-color:#91b981;background:#293a31}
.emoji-choice[aria-selected=true]{border-color:#b8e986;background:#354735}
.emoji-picker-empty{grid-column:1/-1;margin:auto;padding:12px;color:#c0cbc2;font-size:10px;text-align:center}
.emote-editor-status{min-height:13px;margin:0;color:#c0cbc2;font-size:9px;line-height:1.4}
.emote-editor-status[data-kind=error]{color:#ffb6a9}
.emote-editor-status[data-kind=success]{color:#b8e986}
.emote-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.emote-editor-actions #emote-editor-save{min-width:78px;border-color:#b8e986;background:#354735;color:#e5f4d8;font-weight:700}
.emote-editor-actions button:hover,.emote-editor-header button:hover{border-color:#91b981;background:#324438}
.emote-editor button:disabled{cursor:not-allowed;color:#a5b2a9}
@media(max-width:700px){.emote-editor{bottom:calc(66px + env(safe-area-inset-bottom));max-height:min(64vh,540px);padding:11px}.emoji-picker-grid{min-height:120px}.emote-customize{width:38px;height:44px}}
.remote-media-audio-toggle{display:block;width:calc(100% - 12px);min-height:36px;margin:0 6px 6px;padding:6px 8px;border:1px solid #53685b;border-radius:7px;background:#293a31;color:#f4f2e9;font:inherit;font-size:10px;cursor:pointer;transition:background .15s,border-color .15s}
.remote-media-audio-toggle[hidden]{display:none}
.remote-media-audio-toggle:hover{border-color:#91b981;background:#324438}
.remote-media-audio-toggle[aria-pressed=true]{border-color:#b8e986;background:#354735;color:#e5f4d8}
.remote-media-audio-toggle:focus-visible{outline:2px solid #b8e986;outline-offset:2px}


/* Desktop-first Gather V1 stage and HUD placement, based on the recovered-client UI capture. */
html,body{width:100%;height:100%;overflow:hidden}
.shell{position:fixed;inset:0;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}
.stage{position:absolute;inset:16px -10px -10px 21px;width:auto;height:auto;padding:9px;border:1px solid #46594e;border-radius:18px;background:#25352e;box-shadow:0 18px 48px #07110d66}
.world-frame{width:100%;height:100%;border-radius:10px}
.world-frame canvas{width:100%;height:100%}
.world-frame::after{position:absolute;z-index:3;right:0;bottom:0;left:0;height:68px;background:linear-gradient(0deg,#101915e8,#1019159c 70%,transparent);content:"";pointer-events:none}
.world-label{z-index:5;top:14px;right:14px}
.player-card{z-index:7;top:auto;bottom:12px;left:14px;min-height:48px;gap:8px;padding:6px 9px;border-color:#ffffff25;border-radius:11px;background:#17231df2;box-shadow:0 6px 20px #07110d55}
.emote-control{position:absolute;z-index:7;left:calc(50% + 130px);bottom:12px;transform:translateX(-50%);list-style:none}
.emote-control>summary{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff35;border-radius:12px;background:#17231ddd;color:var(--ink);font-size:22px;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 24px #07110d55;list-style:none}
.emote-control>summary::-webkit-details-marker{display:none}.emote-control>summary::marker{content:""}
.emote-control>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.emote-control[open]>summary{border-color:var(--accent);background:#354735}
.emote-control #emote-tray{position:absolute;left:50%;bottom:calc(100% + 8px);display:none;width:min(430px,calc(100vw - 440px));max-width:calc(100vw - 440px);transform:translateX(-50%);overflow-x:auto;scrollbar-width:thin}
.emote-control[open] #emote-tray{display:flex}
.media-menu{z-index:7;right:82px;bottom:12px}
.chat-toggle{z-index:7;right:14px;bottom:12px;left:auto;min-width:48px;justify-content:center}
.chat-panel{position:fixed;z-index:6;top:0;right:0;bottom:68px;left:auto;width:min(390px,34vw);height:auto;min-height:0;border-width:0 0 0 1px;border-radius:0;box-shadow:-10px 0 30px #07110d55}
.emote-editor{z-index:8;bottom:76px}
@media(max-width:900px){
  .player-card{top:8px;bottom:auto;left:8px;max-width:calc(100vw - 16px)}
  .emote-control{left:50%;bottom:8px}
  .emote-control #emote-tray{width:min(430px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
  .media-menu{right:8px;bottom:66px}
  .chat-toggle{right:8px;bottom:8px;left:auto}
  .chat-panel{top:0;right:0;bottom:60px;left:auto;width:min(360px,calc(100vw - 16px));height:auto;min-height:0}
  .emote-editor{bottom:66px;max-height:min(64vh,540px)}
}

/* Gather keeps a participant's camera and shared screen as distinct media tiles. */
.remote-media-grid{max-width:min(760px,70vw);gap:10px}
.remote-media-card{display:flex;flex:none;width:min(210px,25vw);flex-direction:column;gap:5px;padding:6px}
.remote-media-card.remote-media-feed-screen{width:min(360px,34vw)}
.remote-media-card .remote-media-name{display:block;overflow:hidden;padding:1px 2px;color:#e5eee5;font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.remote-media-card .remote-media-feed-label{display:block;padding:0 2px;color:#b8c4ba;font-size:8px;text-align:left}
.remote-media-card video{width:100%;aspect-ratio:4/3}
.remote-media-card.remote-media-feed-screen video{aspect-ratio:16/9}
.remote-media-card video[hidden]{display:none!important}
.remote-media-card .remote-media-audio-toggle{width:100%;margin:0;min-height:30px;padding:5px 8px;font-size:9px}
@media(max-width:900px){
  .remote-media-grid{max-width:min(640px,88vw);max-height:calc(100% - 250px)}
  .remote-media-card{width:min(190px,32vw)}
  .remote-media-card.remote-media-feed-screen{width:min(320px,48vw)}
}
@media(max-width:700px){
  .stage{inset:7px 4px 4px;padding:5px;border-radius:14px}
  .world-frame{border-radius:9px}
}

/* Participant roster panel, based on the recovered Gather room sidebar. */
:root{--participant-panel-width:clamp(260px,21.5vw,312px)}
.participants-toggle{position:absolute;z-index:7;right:150px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px;min-width:48px;height:46px;padding:0 11px;border:1px solid #ffffff35;border-radius:12px;background:#17231ddd;color:#e5eee5;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 24px #07110d55}
.participants-toggle[hidden]{display:none!important}
.participants-toggle svg,.participant-search-wrap svg,.participant-invite svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.participants-toggle:hover,.participant-panel button:hover{border-color:#91b981;background:#293a31}
.participant-panel{position:fixed;z-index:6;top:0;right:0;bottom:0;display:flex;width:var(--participant-panel-width);flex-direction:column;gap:12px;padding:16px 14px max(14px,env(safe-area-inset-bottom));border-left:1px solid #ffffff20;background:#292e50f5;color:#f4f2e9;box-shadow:-12px 0 36px #080b1d55;backdrop-filter:blur(12px)}
.participant-panel[hidden]{display:none!important}
.participant-panel-header{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:12px}
.participant-panel-header h2{overflow:hidden;margin:0;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.participant-panel button{border:1px solid #ffffff27;border-radius:8px;background:#ffffff0b;color:inherit;cursor:pointer}
.participant-panel-close{width:32px;height:32px;flex:none;font-size:21px;line-height:1}
.participant-search-wrap{position:relative;display:flex;align-items:center;color:#c5c9dc}
.participant-search-wrap svg{position:absolute;left:10px;width:16px;height:16px;pointer-events:none}
.participant-search-wrap input{width:100%;height:38px;padding:0 10px 0 34px;border:1px solid #ffffff25;border-radius:8px;outline:none;background:#171b32;color:inherit;font:inherit;font-size:11px}
.participant-search-wrap input::placeholder{color:#a9aec4}
.participant-search-wrap input:focus{border-color:#b8e986;box-shadow:0 0 0 2px #b8e98644}
.participant-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:3px;overflow:auto;margin:0;padding:0;list-style:none;overscroll-behavior:contain}
.participant-row{display:flex;min-height:46px;align-items:center;gap:10px;padding:5px 7px;border-radius:8px}
.participant-row:hover{background:#ffffff0b}
.participant-avatar{display:grid;width:34px;height:34px;flex:none;place-items:center;overflow:hidden;border:1px solid #ffffff26;border-radius:8px;background:#394065;color:#e5eee5;font-size:12px;font-weight:700}
.participant-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.participant-name{min-width:0;flex:1;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.participant-presence{width:8px;height:8px;flex:none;border-radius:50%;background:#9ce184;box-shadow:0 0 8px #9ce18466}
.participant-presence-dnd{background:#f2c96d;box-shadow:0 0 8px #f2c96d55}
.participant-empty{margin:4px 2px;color:#c1c5d7;font-size:11px;line-height:1.5}
.participant-panel-footer{display:grid;gap:7px;padding-top:10px;border-top:1px solid #ffffff20}
.participant-invite{display:flex;min-height:40px;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700}
.participant-invite-status{min-height:14px;margin:0;color:#c5c9dc;font-size:10px;text-align:center}
.participant-panel :focus-visible,.participants-toggle:focus-visible{outline:2px solid #b8e986;outline-offset:2px}
body.participant-panel-open .stage{right:calc(var(--participant-panel-width) - 10px)}
body.participant-panel-open .chat-panel{right:var(--participant-panel-width)}
@media(max-width:900px){
  .participants-toggle{right:58px;bottom:66px;width:44px;min-width:44px;height:44px;padding:0}
  .participants-toggle span{position:absolute;top:-5px;right:-4px;display:grid;min-width:16px;height:16px;place-items:center;border-radius:9px;background:#b8e986;color:#203020;font-size:9px;font-weight:800}
  .participant-panel{top:0;right:0;bottom:0;width:min(340px,calc(100vw - 48px));max-width:calc(100vw - 48px)}
  body.participant-panel-open .stage{right:4px}
  body.participant-panel-open .chat-panel{right:0}
}