:root{--bg:#0b1430;--panel:#111d3d;--panel-2:#19284f;--line:#24365f;--text:#f6ecdc;--muted:#8fa1bd;--accent:#5fb3a8;--accent-ink:#082126;--accent-2:#9ad8c4;--ok:#6fe3a5;--danger:#ff7a5c;--cream:#fde9ca;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus{border-color:var(--accent)}code,.mono{font-family:ui-monospace,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:12px}.avatar-preview{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;flex:none;display:inline-block}.join{background:radial-gradient(circle at 30% 20%, #26264a 0, transparent 50%), var(--bg);place-items:center;height:100%;padding:16px;display:grid}.join-card-legacy{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;gap:14px;width:min(380px,100%);padding:28px 24px;display:flex}.join-card h1{margin:0;font-size:22px}.join-card p{margin:0}.join-preview{background:var(--panel-2);border-radius:14px;place-items:center;height:150px;display:grid}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatar-grid button{background:var(--panel-2);border:2px solid #0000;border-radius:8px;place-items:center;min-width:0;height:52px;padding:0;display:grid}.avatar-grid button.selected{border-color:var(--accent)}.primary{background:var(--accent);border-radius:10px;padding:12px;font-weight:600}.primary:hover{filter:brightness(1.1)}.space{height:100%;display:flex}.stage{flex:1;min-width:0;position:relative}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block}.center-msg{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.center-msg.error{color:var(--danger)}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:10px;width:280px;min-height:0;padding:16px;display:flex}.sidebar header{justify-content:space-between;align-items:center;display:flex}.sidebar h2{margin:0;font-size:17px}.icon{color:var(--muted);border-radius:8px;padding:6px}.icon:hover{background:var(--panel-2);color:var(--text)}.invite{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.sidebar .mono{text-align:center;margin:-4px 0 0}.tabs{background:var(--panel-2);border-radius:10px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px;display:flex}.tabs button.active{background:var(--panel);color:var(--text)}.people{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.people li{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.people li .avatar-preview{background-position:0 -4px;height:26px!important}.people li{min-height:42px;position:relative}.person-avatar,.me-avatar{flex:none;display:inline-flex;position:relative}.person-avatar .presence-dot,.me-avatar .presence-dot{box-shadow:0 0 0 2px var(--panel);position:absolute;bottom:0;right:-3px}.person-text,.me-text{text-align:left;flex-direction:column;min-width:0;line-height:1.2;display:flex}.person-name,.me-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-status,.me-status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.person-actions{gap:2px;margin-left:auto;display:none}.people li.clickable:hover .person-actions,.people li.clickable:focus-within .person-actions{display:flex}.people li.clickable:hover .badge{display:none}.person-actions button{width:26px;height:26px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.person-actions button:hover,.person-actions button.active{background:var(--panel);color:var(--text)}@media (hover:none){.person-actions{display:flex}.people li.clickable .badge{display:none}}.presence-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.presence-dot.away{background:var(--muted)}.search{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.search input{background:0 0;border:0;padding:8px 0}kbd{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 4px;font:10px ui-monospace,Menlo,monospace}.control-bar .me{border-radius:12px;align-items:center;gap:8px;max-width:170px;padding:4px 10px 4px 6px;display:flex}.control-bar .me:hover{background:var(--panel-2)}.emote-menu{width:auto}.emote-row{gap:2px;display:flex}.emote-row button{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:44px;height:48px;font-size:22px;display:flex}.emote-row button:hover{background:var(--panel-2)}.emote-row kbd{padding:0 3px;font-size:9px}.status-menu form{padding:2px 6px 6px}.status-menu .menu-item .presence-dot{margin-right:2px}.toasts{z-index:9;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute;top:12px;right:12px}.toast{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;animation:.25s cubic-bezier(.22,1,.36,1) toast-in;display:flex;position:relative;box-shadow:0 8px 30px #00000059}.toast-action{background:var(--accent);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.follow-badge{z-index:4;background:var(--panel);border:1px solid var(--line);border-radius:99px;align-items:center;gap:10px;padding:4px 4px 4px 14px;font-size:13px;display:flex;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.follow-badge button{background:var(--panel-2);border-radius:99px;padding:4px 10px}.people li.clickable:hover{background:var(--panel-2)}.badge{color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 50%, transparent);border-radius:99px;margin-left:auto;padding:0 6px;font-size:11px}.dot{background:var(--danger);color:#fff;border-radius:99px;margin-left:4px;padding:0 6px;font-size:11px}.sidebar-toggle{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;padding:8px;display:flex;position:absolute;top:12px;left:12px}.chat{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:10px;display:flex;overflow:auto}.chat-msg .who{margin-right:6px;font-weight:600}.chat-msg.mine .who{color:var(--accent-2)}.chat-msg .time{color:var(--muted);font-size:11px}.scope-tag{color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 50%, transparent);border-radius:99px;margin-right:6px;padding:0 5px;font-size:10px}.scope-toggle{gap:4px;margin-bottom:6px;display:flex}.scope-toggle button{color:var(--muted);background:var(--panel-2);border-radius:7px;flex:1;padding:4px;font-size:12px}.scope-toggle button.active{color:var(--text);background:var(--accent)}.chat-msg p{white-space:pre-wrap;word-break:break-word;margin:2px 0 0}.video-strip{z-index:4;gap:8px;max-width:calc(100% - 120px);padding:2px;display:flex;position:absolute;top:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.tile{border-radius:var(--radius);background:var(--panel);border:2px solid var(--line);flex:none;width:160px;height:120px;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000059}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile video.mirror{transform:scaleX(-1)}.tile-avatar{background:var(--panel-2);place-items:center;width:100%;height:100%;display:grid}.tile-name{white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:99px;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:1px 8px;font-size:12px;display:flex;position:absolute;bottom:6px;left:6px;overflow:hidden}.screen-tile{cursor:zoom-in;width:213px;padding:0}.screen-tile video{object-fit:contain;background:#000}.spotlight{z-index:7;cursor:zoom-out;background:#0a0a0eeb;flex-direction:column;justify-content:center;align-items:center;padding:56px 16px 96px;display:flex;position:absolute;inset:0}.spotlight-video{border-radius:var(--radius);background:#000;max-width:100%;max-height:100%}.spotlight-bar{background:var(--panel);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:4px 6px 4px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tile-note{background:#e5484dd9;border-radius:99px;padding:1px 8px;font-size:11px;position:absolute;top:6px;left:6px}.minimap{z-index:4;left:12px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);cursor:pointer;background:#15151cd9;border-radius:12px;position:absolute}.zoom-controls{z-index:4;right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 44px);background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.zoom-controls button{width:36px;height:34px;color:var(--muted);place-items:center;display:grid}.zoom-controls button+button{border-top:1px solid var(--line)}.zoom-controls button:hover{color:var(--text);background:var(--panel-2)}.diag-toggle{z-index:4;right:12px;bottom:max(16px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:6px 10px;font-size:12px;position:absolute}.diag{z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(340px,100% - 24px);max-height:70%;padding:12px;font-size:12px;position:absolute;bottom:60px;right:12px;overflow:auto;box-shadow:0 8px 30px #0006}.diag header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.diag table{border-collapse:collapse;width:100%}.diag td{vertical-align:top;padding:3px 0}.diag td:first-child{color:var(--muted);width:42%}.diag-peer{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.diag-ok{color:var(--ok)}.diag-bad{color:#ffcf5c}.control-bar{bottom:max(16px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);z-index:4;border-radius:16px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.control-bar .me .avatar-preview{background-position:0 -4px;height:26px!important}.round{background:var(--panel-2);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.round:hover{filter:brightness(1.2)}.split{background:var(--panel-2);border-radius:12px;align-items:center;display:flex}.split .round{background:0 0}.split .caret{width:22px;height:42px;color:var(--muted);border-left:1px solid var(--line);border-radius:0 12px 12px 0;place-items:center;display:grid}.split .caret:hover{color:var(--text);background:#ffffff0d}.menu{background:var(--panel);border:1px solid var(--line);z-index:9;border-radius:14px;width:min(320px,100vw - 24px);padding:8px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}.menu section+section{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.menu h4{color:var(--muted);letter-spacing:.04em;margin:4px 8px 6px;font-size:11px;font-weight:600}.menu-item{text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:13px;display:flex}.menu-item:hover{background:var(--panel-2)}.menu-item .check{width:14px;color:var(--accent-2);flex:none}.menu-item .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mic-meter{background:var(--panel-2);border-radius:99px;height:6px;margin:4px 8px 8px;overflow:hidden}.mic-meter div{background:var(--ok);transform-origin:0;height:100%;transition:transform 60ms linear}.round.off{color:var(--danger)}.round.active{background:var(--accent)}.round.danger{background:var(--danger);color:#fff}.area-badge,.conn-badge{z-index:4;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:13px;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.conn-badge{color:#ffcf5c;bottom:164px}@media (width<=420px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=720px){.sidebar{z-index:20;width:100%;position:absolute;inset:0}.control-bar .me-text{display:none}.control-bar .me{padding:4px 6px}.tile{width:112px;height:84px}.video-strip{max-width:calc(100% - 24px);top:60px}.minimap{display:none}.control-bar{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 0px)}}.glass{-webkit-backdrop-filter:blur(14px)saturate(1.35);backdrop-filter:blur(14px)saturate(1.35);background:#16182294;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff14,0 10px 32px #00000059}.glass:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.35;pointer-events:none;background:linear-gradient(125deg,#ffffff59,#0000 30%,#7fd7ff40 65%,#ffffff4d);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass .round,.glass .split,.glass .search{background:#ffffff0f}.glass .round.danger{background:var(--danger)}.glass .round.active{background:var(--accent)}.glass .split .round{background:0 0}.control-bar.glass{border-radius:18px}.zoom-controls.glass{overflow:visible}.zoom-controls.glass button+button{border-top-color:#ffffff14}.tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16182299;border-color:#ffffff1a}.tile-avatar{background:0 0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--panel)}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.glass,.tile{background:var(--panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass:after{display:none}}.round.mic.on{color:var(--ok);box-shadow:0 0 0 calc(var(--lvl,0) * 5px) color-mix(in srgb, var(--ok) 45%, transparent);transition:box-shadow 60ms linear;background:color-mix(in srgb, var(--ok) 16%, transparent)!important}.split:has(.round.mic.on){background:color-mix(in srgb, var(--ok) 12%, transparent)!important}.split:has(.round.mic.on) .caret{color:var(--ok)}.tile{box-shadow:0 6px 20px #00000059, 0 0 0 calc(var(--lvl,0) * 4px) color-mix(in srgb, var(--ok) 55%, transparent)}@media (prefers-reduced-motion:reduce){.round.mic.on{transition:none}}.glass-plate{z-index:6;pointer-events:none;visibility:hidden;position:absolute}.stage[data-liquid=on] .glass-plate{visibility:visible}.stage[data-liquid=on] .control-bar,.stage[data-liquid=on] .zoom-controls{z-index:7;box-shadow:none;border-color:#0000;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.stage[data-liquid=on] .control-bar:after,.stage[data-liquid=on] .zoom-controls:after{display:none}.avatar-head{border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.avatar-head>span{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;inset:0}.sidebar{background:var(--panel);border-right-color:var(--line);gap:12px;width:300px}.sidebar header .mono{margin-top:2px;display:block}.invite-card{background:linear-gradient(160deg,#1c3166,#142449 70%);border:1px solid #2c4479;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.invite-card strong{font-size:15px}.invite-heads{margin:4px 0 6px;display:flex}.invite-heads .avatar-head+.avatar-head{margin-left:-8px}.invite{background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:9px;font-weight:700}.invite:hover{filter:brightness(1.08)}.primary{background:var(--accent);color:var(--accent-ink)}.tabs button.active{background:var(--panel-2)}.people-scroll{flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow:auto}.group{color:var(--muted);margin:10px 2px 4px;font-size:12px;font-weight:600}.people li{gap:10px;min-height:46px;padding:6px}.people li .person-avatar .presence-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--panel);bottom:-1px;right:-1px}.person-name{font-weight:600}.you{color:var(--accent-2);border:1px solid color-mix(in srgb, var(--accent-2) 45%, transparent);border-radius:99px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600}.control-bar .me{padding:3px 10px 3px 3px}.control-bar .me .presence-dot{width:11px;height:11px;bottom:-1px;right:-1px;box-shadow:0 0 0 2px #111d3d}.tile-name{background:#0b1430b8}.presence-dot.available{background:var(--ok)}.presence-dot.busy{background:var(--danger)}.join{background:radial-gradient(circle at 30% 20%, #1c3166 0, transparent 55%), radial-gradient(circle at 80% 90%, #183a44 0, transparent 50%), var(--bg);background:radial-gradient(1px 1px at 12% 22%, #dfe8ff 50%, transparent 51%), radial-gradient(1px 1px at 68% 14%, #dfe8ff 50%, transparent 51%), radial-gradient(1px 1px at 84% 62%, #9fb0d8 50%, transparent 51%), radial-gradient(1px 1px at 30% 78%, #9fb0d8 50%, transparent 51%), radial-gradient(1px 1px at 52% 40%, #dfe8ff 50%, transparent 51%), radial-gradient(1px 1px at 92% 88%, #dfe8ff 50%, transparent 51%), radial-gradient(circle at 25% 15%, #1c3166 0, transparent 50%), radial-gradient(circle at 85% 95%, #183a44 0, transparent 45%), var(--bg);position:relative;overflow:hidden}.join-card{text-align:left;background:#111d3dc7;border-radius:22px;grid-template-columns:300px 1fr;gap:0;width:min(760px,100%);padding:0;display:grid;overflow:hidden}.join-stage{border-right:1px solid var(--line);background:linear-gradient(#1a2b55,#13204a);flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex}.join-floor{background-color:#e6dccf;background-image:repeating-linear-gradient(0deg,#e6dccf 0 31px,#d6cabb 31px 32px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:16px;place-items:end center;width:100%;height:230px;padding-bottom:18px;display:grid;box-shadow:inset 0 -10px #c4aa8e,inset 0 6px #fde9ca}.join-stage .avatar-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.join-stage .avatar-grid button{width:44px;height:54px}.join-form{flex-direction:column;justify-content:center;gap:14px;padding:34px 30px;display:flex}.join-form h1{letter-spacing:-.01em;margin:0;font-size:30px}.join-form p{margin:0}.eyebrow{color:var(--accent-2);letter-spacing:.12em;font-size:12px;font-weight:700}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.join-form .primary{padding:13px;font-size:15px}@media (width<=720px){.join-card{grid-template-columns:1fr}.join-stage{border-right:0;border-bottom:1px solid var(--line);padding:18px}.join-floor{height:172px;padding-bottom:12px}.join{padding:max(16px, env(safe-area-inset-top)) 16px 24px;place-items:start center;overflow:auto}.join-form{padding:22px}.sidebar{z-index:20;width:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}.zoom-controls{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px)}.diag-toggle{bottom:auto;top:max(12px, env(safe-area-inset-top))}.diag{bottom:auto;top:calc(max(12px, env(safe-area-inset-top)) + 40px)}}.stage[data-liquid=on] .zoom-controls button{color:var(--text)}.person-card-anchor{z-index:9;width:0;height:0;position:absolute}.person-card-anchor .menu.person-card{width:260px;top:14px;bottom:auto;left:0;transform:translate(-50%)}.person-card header{align-items:center;gap:10px;padding:4px 4px 10px;display:flex}.person-card header .person-text{flex:1}.person-card header strong{font-size:15px}.person-card .near{color:var(--ok)}.person-card .person-avatar .presence-dot{width:11px;height:11px;box-shadow:0 0 0 2px var(--panel)}.card-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card-actions button{background:var(--panel-2);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;display:flex}.card-actions button:hover{filter:brightness(1.15)}.card-actions button.active{background:var(--accent);color:var(--accent-ink)}.chat-list{gap:2px;padding-right:2px}.chat-empty{text-align:center;margin-top:24px}.chat-msg{border-radius:8px;align-items:flex-start;gap:8px;padding:6px 4px 2px;display:flex}.chat-msg.grouped{padding-top:0;padding-left:40px}.chat-msg:hover{background:#ffffff08}.chat-body{flex:1;min-width:0}.chat-head{align-items:baseline;gap:6px;display:flex}.chat-msg .who{margin:0}.chat-msg.nearby{border-left:0;padding-left:4px}.chat-msg.nearby.grouped{padding-left:40px}.chat-msg.nearby .chat-body p{color:color-mix(in srgb, var(--ok) 35%, var(--text))}.chat-form textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);resize:none;field-sizing:content;border-radius:10px;outline:none;width:100%;min-height:40px;max-height:120px;padding:10px 12px}.chat-form textarea:focus{border-color:var(--accent)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);white-space:nowrap;pointer-events:none;opacity:0;color:var(--text);border:1px solid var(--line);z-index:30;background:#0b1430;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 18px #00000059}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.15s;transform:translate(-50%)}[data-tip-side=left]:after{bottom:50%;left:auto;right:calc(100% + 10px);transform:translate(4px,50%)}[data-tip-side=left]:hover:after,[data-tip-side=left]:focus-visible:after{transform:translateY(50%)}.control-bar:has(.menu) [data-tip]:after{display:none}@media (hover:none){[data-tip]:after{display:none}}@media (prefers-reduced-motion:reduce){[data-tip]:after{transition:none}}.round:active,.split .caret:active,.zoom-controls button:active{transform:translateY(1px)scale(.97)}.round:focus-visible,.split .caret:focus-visible,.zoom-controls button:focus-visible,.control-bar .me:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.join-card{grid-template-rows:auto 1fr;grid-template-columns:300px 1fr}.join-hero{object-fit:cover;object-position:50% 62%;width:100%;height:240px;image-rendering:pixelated;border-bottom:1px solid var(--line);grid-column:1/-1;display:block}.join-stage .join-floor{height:200px}@media (width<=720px){.join-card{grid-template-columns:1fr}.join-hero{height:170px}}@media (height<=820px) and (width>=721px){.join-hero{height:170px}}@media (width<=720px){.join-hero{height:150px}.join-stage{flex-flow:wrap;gap:10px;padding:14px}.join-stage .join-floor{flex:none;width:96px;height:120px;padding-bottom:8px}.join-stage .avatar-grid{flex:1;justify-content:flex-start}.join-stage .avatar-grid button{width:40px;height:50px}.join-stage>p{text-align:center;width:100%}.join-form{gap:10px}.join-form h1{font-size:24px}}.header-actions{gap:2px;display:flex}.modal-backdrop{z-index:40;background:#050a1c8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#111d3deb;border-radius:18px;flex-direction:column;gap:16px;width:min(520px,100%);max-height:calc(100dvh - 32px);padding:18px;display:flex;overflow:auto}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h2,.modal h3{margin:0;font-size:17px}.modal footer{justify-content:flex-end;gap:8px;display:flex}.modal footer .primary{padding:9px 18px}.ghost{color:var(--muted);border-radius:10px;padding:9px 14px}.ghost:hover{color:var(--text);background:var(--panel-2)}.settings-profile{align-items:flex-start;gap:14px;display:flex}.join-floor.small{flex:none;width:96px;height:120px;padding-bottom:8px}.settings-fields{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.settings-fields .avatar-grid{flex-wrap:wrap;gap:6px;display:flex}.settings-fields .avatar-grid button{width:40px;height:50px}.settings-toggles{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:12px;display:flex}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:8px 2px;display:flex}.switch-row span{flex-direction:column;gap:2px;display:flex}.switch-row small{font-size:12px}.switch-row input[type=checkbox]{appearance:none;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:99px;flex:none;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.switch-row input[type=checkbox]:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch-row input[type=checkbox]:checked{background:var(--accent)}.switch-row input[type=checkbox]:checked:after{background:#fff;transform:translate(16px)}.switch-row input[type=checkbox]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.person-card-anchor.above .menu.person-card{top:auto;bottom:14px}.sidebar{z-index:10;position:relative}@media (width<=720px){.sidebar{z-index:20;position:absolute}}.video-strip{gap:10px}.tile{cursor:default;border-radius:14px;width:172px;height:108px;transition:width .2s,height .2s}.tile.has-video{cursor:zoom-in}.video-strip.compact .tile{width:128px;height:80px}.video-strip.compact .tile-avatar .avatar-head{transform:scale(.8)}.tile-muted{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0000004d}.tile-name{font-weight:600}.tile.speaking{border-color:var(--ok)}@media (width<=720px){.tile,.video-strip.compact .tile{width:112px;height:72px}}.space-title{flex:1;min-width:0}.space-name{max-width:100%;color:var(--text);border-radius:8px;align-items:center;gap:6px;margin-left:-4px;padding:2px 4px;display:flex}.space-name h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.space-name svg{color:var(--muted);opacity:0;flex:none;transition:opacity .15s}.space-name:hover{background:var(--panel-2)}.space-name:hover svg,.space-name:focus-visible svg{opacity:1}.space-title input{padding:6px 8px;font-size:15px;font-weight:700}.space-title .mono{margin-top:2px;display:block}.sidebar .space-title .mono{text-align:left;margin:2px 0 0}.canvas-host{isolation:isolate}.map-window{z-index:-1;pointer-events:none;border:0;transition:filter .3s;position:absolute}.map-window.dimmed{filter:brightness(.5)}.center-msg{z-index:2}.rail{border-right:1px solid var(--line);z-index:11;background:#0a1230;flex-direction:column;flex:none;align-items:center;gap:6px;width:60px;padding:14px 0;display:flex;position:relative}.rail-logo{image-rendering:pixelated;border-radius:8px;margin-bottom:10px}.rail button{width:42px;height:42px;color:var(--muted);border-radius:12px;place-items:center;display:grid;position:relative}.rail button:hover{color:var(--text);background:var(--panel-2)}.rail button.active{color:var(--accent-ink);background:var(--accent)}.rail-spacer{flex:1}.rail-badge{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:3px;right:3px;box-shadow:0 0 0 2px #0a1230}[data-tip-side=right]:after{bottom:50%;left:calc(100% + 10px);transform:translate(-4px,50%)}[data-tip-side=right]:hover:after,[data-tip-side=right]:focus-visible:after{transform:translateY(50%)}.rail button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.scope-toggle button.active{color:var(--accent-ink);font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal-frame{width:min(520px,100%)}.modal-frame .modal{width:100%}.onboarding{z-index:8;left:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 130px);border-radius:14px;flex-direction:column;gap:8px;width:min(300px,100% - 24px);padding:14px 16px;font-size:13px;display:flex;position:absolute}.onboarding .icon{position:absolute;top:6px;right:6px}.onboarding ul{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.onboarding .small-btn{align-self:flex-start;padding:6px 14px;font-size:13px}@media (width<=720px){.onboarding{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 140px)}}.onboarding.glass{background:#111d3deb}.onboarding ul{color:#b7c4d8}@media (width<=720px){.onboarding{bottom:auto;top:calc(max(12px, env(safe-area-inset-top)) + 52px)}}.lock-toggle{width:64px;height:72px;color:var(--muted);border:1px solid var(--line);background:#111d3dbf;border-radius:14px;flex-direction:column;flex:none;align-self:center;align-items:center;gap:4px;font-size:11px;display:flex}.lock-toggle:hover{color:var(--text)}.lock-toggle.on{color:#ffcf5c;background:#3c30148c;border-color:#ffcf5c80}.lock-toggle[data-tip]:after{top:calc(100% + 10px);bottom:auto}.space-title h2{min-width:0;margin:0;font-size:17px}.space-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recenter{z-index:7;right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 128px);width:36px;height:36px;color:var(--accent-2);border-radius:12px;place-items:center;display:grid;position:absolute}.canvas-host canvas{cursor:grab}@media (width<=720px){.recenter{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 160px)}}.state-art{justify-items:center;gap:12px;font-size:14px;display:grid}.state-art img,.chat-empty img{image-rendering:pixelated}.loading-ship{width:96px;height:96px;image-rendering:pixelated;background:url(/brand/loading_ship.png) 0 0/768px 96px no-repeat;animation:1s steps(8,end) infinite loading-ship}@keyframes loading-ship{to{background-position:-768px 0}}@media (prefers-reduced-motion:reduce){.loading-ship{animation:none}}.chat-empty{justify-items:center;gap:4px;display:grid}.chat-empty img{opacity:.9}.center-msg.error strong{color:var(--text);font-size:16px}.center-msg.error .small{text-align:center;max-width:420px}.desk-hint{z-index:7;left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 72px);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:13px;animation:.2s ease-out desk-hint-in;display:flex;position:absolute;transform:translate(-50%)}.desk-hint svg{color:var(--accent-2);flex:none}.desk-hint button.small{border-radius:999px;padding:5px 12px;font-size:12px}.desk-hint button.link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:12px;text-decoration:underline}@keyframes desk-hint-in{0%{opacity:0;transform:translate(-50%,6px)}}@media (prefers-reduced-motion:reduce){.desk-hint{animation:none}}.my-desk{background:var(--panel-2);border:1px solid var(--line,#9ad8c440);color:var(--accent-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:0 0 10px;padding:8px;font-size:13px;display:flex}.my-desk:hover{border-color:var(--accent-2)}