@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#14161c;--color-bg-elevated:#1b1f27;--color-surface-hover:#bdc9dc14;--color-panel:#171a21;--color-hud:#1b1f27eb;--color-graphite:#2a2f3a;--color-border:#bdc9dc1a;--color-border-strong:#bdc9dc2e;--color-text:#f6f8fb;--color-text-muted:#b8c0d5;--color-text-faint:#8f99b4;--color-accent:#fe7f17;--color-accent-2:#ff864a;--color-coral:#f66c54;--color-accent-soft:#fe7f1724;--color-accent-glow:#fe7f1761;--color-on-accent:#fff;--gradient-accent:linear-gradient(100deg, #ff3e35 0%, #ff864a 100%);--shadow-accent:0 8px 20px -8px #ff3e35a6;--glass-bg:#2328339e;--glass-border:#bdc9dc33;--glass-blur:blur(16px) saturate(130%);--glass-shadow:0 14px 34px -14px #04060cbf, inset 0 1px 0 #ffffff14;--card-bg:linear-gradient(180deg, #bdc9dc16 0%, #bdc9dc08 100%);--card-border:#bdc9dc24;--color-available:#3ef2a0;--color-busy:#ffb547;--color-away:#8a94a8;--color-dnd:#ff5d6c;--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:11px;--text-sm:12.5px;--text-md:14px;--text-lg:17px;--text-xl:21px;--tracking-caps:.12em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-float:0 20px 50px -20px #000c, 0 4px 14px #00000059;--inner-highlight:inset 0 1px 0 #ffffff0d;--shadow-hud:0 6px 18px -6px #0a0e188c, 0 1px 3px #0a0e184d;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.14s;--duration-base:.24s;--duration-slow:.48s;--sidebar-width:clamp(288px, 18vw, 336px);--hud-gap:clamp(10px, .9vw, 16px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01", "ss03";line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}kbd{font-family:var(--font-mono)}::selection{background:var(--color-accent-soft)}.office-layout{grid-template-columns:minmax(0, 1fr) var(--sidebar-width);height:100vh;background:radial-gradient(1200px 600px at 30% -10%, #fe7f1712, transparent 60%), radial-gradient(900px 500px at 110% 110%, #bbd0e40f, transparent 60%), var(--color-bg);height:100dvh;display:grid}.stage{isolation:isolate;min-width:0;position:relative;overflow:hidden}.game-canvas{position:absolute;inset:0;overflow:hidden}.game-canvas canvas{outline:none;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.hud{pointer-events:none;z-index:1;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud__edge{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000080,inset 0 0 90px #0000008c}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--color-text)}.hud__topleft{top:var(--hud-gap);left:var(--hud-gap);align-items:center;gap:8px;display:flex;position:absolute}.hud__brand{align-items:center;gap:10px;padding:7px 14px 7px 7px;display:flex}.hud__logo{letter-spacing:-.04em;width:30px;height:30px;color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:var(--shadow-accent);border-radius:9px;place-items:center;font-size:13px;font-weight:800;display:grid}.hud__brand-text{line-height:1.15;display:grid}.hud__brand-name{font-size:var(--text-md);letter-spacing:-.01em;font-weight:650}.hud__brand-tagline{color:var(--color-text-muted);font-size:10.5px}.hud__loading{place-content:center;justify-items:center;gap:var(--space-4);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--text-sm);transition:opacity var(--duration-slow) var(--ease-out), visibility var(--duration-slow);display:grid;position:absolute;inset:0}.hud__loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-indicator{top:var(--hud-gap);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.room-indicator__card{--zone-accent:var(--color-accent);border-color:color-mix(in srgb, var(--zone-accent) 38%, var(--glass-border));min-width:168px;box-shadow:var(--glass-shadow), 0 0 28px -10px color-mix(in srgb, var(--zone-accent) 70%, transparent);animation:zone-in var(--duration-slow) var(--ease-out);justify-items:center;gap:1px;padding:7px 22px 8px;display:grid;position:relative}.room-indicator__card:after{content:"";background:var(--zone-accent);height:2px;box-shadow:0 0 10px var(--zone-accent);opacity:.85;border-radius:2px;position:absolute;bottom:-1px;left:22%;right:22%}.room-indicator__card.is-hallway{border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.room-indicator__card.is-hallway:after{opacity:.35}.room-indicator__label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);font-size:9.5px;font-weight:650}.room-indicator__name{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.room-indicator__dot{background:var(--zone-accent);width:8px;height:8px;box-shadow:0 0 10px var(--zone-accent);border-radius:50%}@keyframes zone-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.status-bar{left:var(--hud-gap);right:var(--hud-gap);bottom:var(--hud-gap);align-items:end;gap:var(--space-3);pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.status-bar>*{pointer-events:auto}.hud-controls{justify-self:start;align-items:center;gap:10px;height:46px;padding:0 14px 0 10px;display:flex}.keys{align-items:center;gap:3px;display:inline-flex}.keycap{min-width:20px;height:20px;color:var(--color-text);background:linear-gradient(#bdc9dc29,#bdc9dc0f);border:1px solid #bdc9dc38;border-radius:5px;place-items:center;padding:0 4px;font-size:10px;font-weight:650;display:inline-grid;box-shadow:0 2px #04060c80}.hud-controls__text{border-left:1px solid var(--color-border-strong);padding-left:10px;line-height:1.2;display:grid}.hud-controls__label{font-size:var(--text-sm);font-weight:650}.hud-controls__hint{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.zoom{justify-self:center;align-items:center;gap:2px;height:46px;padding:0 7px;display:inline-flex}.icon-btn,.zoom__value{min-width:30px;height:30px;color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast);border-radius:8px;place-items:center;display:inline-grid}.zoom__value{min-width:56px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:var(--shadow-accent);font-weight:650}.icon-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.zoom__value:hover{filter:brightness(1.08)}.icon-btn:disabled{opacity:.35;cursor:default}.connection{justify-self:end;align-items:center;gap:10px;height:46px;padding:0 16px 0 14px;display:flex}.connection__text{line-height:1.2;display:grid}.connection__label{font-size:var(--text-sm);font-weight:650}.connection__hint{color:var(--color-text-muted);white-space:nowrap;font-size:10.5px}.connection__dot{background:var(--color-text-faint);border-radius:50%;flex:none;width:9px;height:9px;position:relative}.connection--local .connection__dot,.connection--connected .connection__dot{background:var(--color-available);box-shadow:0 0 10px color-mix(in srgb, var(--color-available) 55%, transparent)}.connection--local .connection__dot:after,.connection--connected .connection__dot:after{content:"";border:1px solid var(--color-available);opacity:0;animation:ping 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}.connection--connecting .connection__dot,.connection--reconnecting .connection__dot{background:var(--color-busy)}.connection--error .connection__dot,.connection--disconnected .connection__dot{background:var(--color-dnd)}@keyframes ping{0%{opacity:.8;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.6)}}.sidebar{border-left:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-graphite) transparent;background:radial-gradient(380px 300px at 110% 92%,#fe7f1733,#0000 70%),radial-gradient(300px 240px at 85% 70%,#f66c541a,#0000 70%),radial-gradient(360px 260px at -10% 0,#bbd0e417,#0000 70%),linear-gradient(#1b1f27 0%,#14161c 100%);flex-direction:column;gap:12px;min-height:0;padding:14px 14px 10px;display:flex;overflow-y:auto}.card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--card-border);flex:none;padding:12px 14px 14px;box-shadow:inset 0 1px #ffffff0d,0 10px 24px -16px #000c}.card__title{text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:11px;font-size:10.5px;font-weight:650;display:flex}.card__icon{color:#fff;filter:drop-shadow(0 0 2.5px #fffc);background:#ffffff0f;border:1px solid #ffffff4d;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 0 10px -2px #ffffff59,inset 0 0 6px #ffffff1f}.card__count{border-radius:var(--radius-pill);min-width:22px;font-family:var(--font-mono);letter-spacing:0;text-align:center;color:var(--color-text);background:#ffffff12;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:600}.sidebar__footer{font-size:var(--text-xs);color:var(--color-text-faint);gap:4px;margin-top:auto;padding:6px 4px 0;display:grid}.sidebar__brand{letter-spacing:.24em;color:var(--color-text-muted);align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.sidebar__brand:before{content:"";background:var(--color-text-muted);width:22px;height:1px}.dot{border-radius:50%;flex:none;width:7px;height:7px}.profile{align-items:center;gap:12px;margin-bottom:12px;display:flex}.profile__name{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:700;line-height:1.2}.profile__status{font-size:var(--text-sm);align-items:center;gap:6px;font-weight:550;display:inline-flex}.status-grid{border:1px solid var(--glass-border);background:#14161c73;border-radius:13px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.status-btn{--status-color:var(--color-accent);height:31px;color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast);border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:550;display:flex}.status-btn .dot{background:var(--status-color);box-shadow:0 0 0 2px #14161c80}.status-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.status-btn.is-active{color:var(--color-text);background:color-mix(in srgb, var(--status-color) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--status-color) 65%, transparent), 0 6px 18px -8px var(--status-color);font-weight:650}.status-btn.is-active .dot{box-shadow:0 0 8px var(--status-color)}.location{--zone-accent:var(--color-accent);padding:2px 0 0 14px;position:relative}.location:before{content:"";background:var(--zone-accent);width:3px;box-shadow:0 0 12px var(--zone-accent);transition:background var(--duration-base);border-radius:3px;position:absolute;top:4px;bottom:4px;left:0}.location__body{animation:fade-up var(--duration-base) var(--ease-out)}.location__name{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:750;line-height:1.15}.location__team{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.location__meta{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chip{border-radius:var(--radius-pill);height:22px;color:var(--color-text);background:color-mix(in srgb, var(--zone-accent,var(--color-accent)) 16%, transparent);border:1px solid color-mix(in srgb, var(--zone-accent,var(--color-accent)) 32%, transparent);align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.chip--muted{color:var(--color-text-muted);background:#ffffff0a;border-color:#ffffff12}@keyframes fade-up{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.avatar{--avatar-accent:var(--color-accent);--avatar-status:var(--color-text-muted);background:conic-gradient(from 210deg, var(--avatar-status), color-mix(in srgb, var(--avatar-status) 60%, #fff), var(--avatar-status));border-radius:50%;flex:none;place-items:center;padding:2px;display:inline-grid;position:relative}.avatar__face{color:#f4f7fb;background:radial-gradient(circle at 35% 30%, var(--avatar-accent), color-mix(in srgb, var(--avatar-accent) 40%, #141517));border-radius:50%;place-items:center;width:100%;height:100%;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #141517}.avatar--lg{width:50px;height:50px;box-shadow:0 0 22px -6px var(--avatar-status);font-size:16px}.avatar--sm{width:26px;height:26px;font-size:10.5px}.avatar__status{background:var(--avatar-status);width:32%;min-width:10px;height:32%;min-height:10px;transition:background var(--duration-base);border:2px solid #141517;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.people{gap:2px;display:grid}.people__item{width:calc(100% + 16px);transition:background var(--duration-fast), box-shadow var(--duration-fast);border-radius:10px;align-items:center;gap:4px;margin:0 -8px;padding:3px 4px 3px 8px;display:flex}.people__main{text-align:left;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.people__go,.people__more{width:26px;height:26px;color:var(--color-text-faint);opacity:.55;transition:opacity var(--duration-fast), color var(--duration-fast), background var(--duration-fast);border-radius:8px;flex:none;place-items:center;display:grid}.people__item:hover .people__go,.people__item:focus-within .people__go,.people__item.is-watched .people__go,.people__item:hover .people__more,.people__item:focus-within .people__more,.people__item.is-watched .people__more{opacity:1;color:var(--color-text)}.people__go:hover,.people__more:hover{color:#fff;background:#ffffff1a}.people__go:active,.people__more:active{transform:scale(.94)}.people__item:hover{background:var(--color-surface-hover)}.people__item.is-local{background:#ffffff0b}.people__item.is-watched{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff47}.people__watching{color:#fff;opacity:.85;filter:drop-shadow(0 0 3px #fff9);flex:none}.people__text{flex-direction:column;flex:1;gap:1px;min-width:0;line-height:1.25;display:flex}.people__line{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.people__detail{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.people__name{min-width:0;max-width:64%;font-size:var(--text-sm);white-space:nowrap;flex:none;align-items:center;gap:6px;font-weight:600;display:flex}.people__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.people__name>.tag,.people__name>svg{flex:none}.people__room{--room-accent:var(--color-text-muted);min-width:0;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11px;display:inline-flex;overflow:hidden}.people__room:before{content:"";background:var(--room-accent);border-radius:2px;flex:none;width:6px;height:6px}.tag{border-radius:var(--radius-pill);color:var(--color-text-muted);background:#ffffff0f;padding:1px 6px;font-size:9.5px;font-weight:650}.tag--you{color:var(--color-accent);background:var(--color-accent-soft)}.rooms{gap:2px;display:grid}.rooms__item{--room-accent:var(--color-accent);min-width:0;height:28px;font-size:var(--text-sm);color:var(--color-text-muted);transition:background var(--duration-base), color var(--duration-base), border-color var(--duration-base);border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin:0 -8px;padding:0 8px;display:flex;position:relative}.rooms__item:hover{color:var(--color-text);background:var(--color-surface-hover)}.rooms__item.is-current{color:var(--color-text);background:linear-gradient(90deg, color-mix(in srgb, var(--room-accent) 22%, transparent), color-mix(in srgb, var(--room-accent) 6%, transparent));border-color:color-mix(in srgb, var(--room-accent) 40%, transparent);font-weight:600}.rooms__dot{background:var(--room-accent);border-radius:3px;flex:none;width:9px;height:9px}.rooms__item.is-current .rooms__dot{box-shadow:0 0 10px var(--room-accent)}.rooms__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rooms__count{border-radius:var(--radius-pill);min-width:20px;font-family:var(--font-mono);text-align:center;color:var(--color-text);background:#ffffff14;padding:1px 6px;font-size:10.5px;font-weight:600}.rooms__item.is-current .rooms__count{color:var(--color-on-accent);background:var(--room-accent)}@media (max-height:860px){.sidebar{gap:10px;padding-top:12px}.card{padding:10px 12px 12px}.card__title{margin-bottom:9px}.profile{margin-bottom:10px}.avatar--lg{width:44px;height:44px}.status-btn{height:29px}.avatar--sm{width:24px;height:24px}.rooms__item{height:25px}.people__item{padding-top:2px;padding-bottom:2px}.location__name{font-size:19px}.location__meta{margin-top:7px}.sidebar__footer{display:none}}@media (max-width:1600px){.card__title{letter-spacing:.1em}}@media (max-width:1440px){.hud__brand-tagline{display:none}}@media (max-width:1280px){.hud-controls .keys+.keys{display:none}}.card__action{border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:none;height:22px;color:var(--color-text);border:1px solid var(--glass-border);transition:background var(--duration-fast), border-color var(--duration-fast);background:#ffffff0f;align-items:center;gap:5px;margin-left:auto;padding:0 9px;font-size:10.5px;font-weight:600;display:inline-flex}.card__action:hover{background:#ffffff1f;border-color:#ffffff59}.profile__avatar-btn{transition:transform var(--duration-fast) var(--ease-out);border-radius:50%}.profile__avatar-btn:hover{transform:scale(1.05)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-base) var(--ease-out);background:#0a0c128c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.avatar-editor{--editor-pad:22px;overscroll-behavior:contain;width:min(800px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-float), var(--inner-highlight);animation:zone-in var(--duration-slow) var(--ease-out);background:radial-gradient(360px 240px at 0 100%,#fe7f171a,#0000 70%),radial-gradient(320px 220px at 100% 0,#bbd0e412,#0000 70%),#1b1f27f0;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:auto}.avatar-editor__header{padding:20px var(--editor-pad) 0;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.avatar-editor__header h2{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700}.avatar-editor__header p{font-size:var(--text-sm);color:var(--color-text-faint);margin-top:3px}.avatar-editor__header .icon-btn{margin:-4px -6px 0 0}.avatar-editor__body{padding:18px var(--editor-pad) 4px;grid-template-columns:284px 1fr;gap:24px;display:grid}.avatar-editor__preview{border:1px solid var(--card-border);box-shadow:var(--inner-highlight);background:radial-gradient(160px 110px at 50% 72%,#bbd0e41a,#0000 75%),linear-gradient(#14161c59,#14161cb3);border-radius:16px;align-self:start;justify-items:center;gap:12px;margin:0;padding:16px 12px 14px;display:grid}.avatar-editor__plate{border-radius:var(--radius-pill);height:24px;box-shadow:inset 0 0 0 1.2px var(--status-color);background:#232833eb;align-items:center;gap:7px;padding:0 11px 0 9px;font-size:12px;font-weight:650;display:inline-flex}.avatar-editor__plate .dot{background:var(--status-color);width:7px;height:7px;box-shadow:0 0 6px var(--status-color);border-radius:50%}.avatar-editor__views{justify-content:center;gap:4px;display:flex}.avatar-editor__view{justify-items:center;gap:2px;display:grid}.avatar-editor__view span{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);font-size:10px;font-weight:600}.avatar-editor__canvas{display:block}.avatar-editor__hint{color:var(--color-text-faint);font-size:10.5px}.avatar-editor__options{align-content:start;display:grid}.option-group{border-top:1px solid var(--color-border);gap:10px;padding:14px 0;display:grid}.option-group:first-child{border-top:0;padding-top:2px}.option-group--pair{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:28px}.option-group--pair>section{align-content:start;gap:10px;display:grid}.option-group__title{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.option-group__title h3{text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted);font-size:10.5px;font-weight:650}.option-group__title span{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.segmented{grid-template-columns:repeat(var(--segments), minmax(0, 1fr));border:1px solid var(--card-border);background:#14161c80;border-radius:12px;gap:3px;padding:3px;display:grid}.segmented__btn{height:30px;color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;transition:background var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast);border-radius:9px;padding:0 6px;font-size:12px;font-weight:550;overflow:hidden}.segmented__btn:hover:not(.is-active){color:var(--color-text);background:var(--color-surface-hover)}.segmented__btn:active{transform:translateY(.5px)}.segmented__btn.is-active{color:var(--color-text);background:linear-gradient(#ffffff29,#ffffff14);font-weight:650;box-shadow:inset 0 0 0 1px #ffffff61,0 2px 8px -3px #0009}.segmented__btn:focus-visible,.swatch:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--swatch);width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #fff3,0 2px 6px -2px #0009}.swatch:hover{transform:scale(1.1)}.swatch:active{transform:scale(.96)}.swatch.is-active{box-shadow:inset 0 0 0 1px #fff3,0 0 0 2.5px #1b1f27,0 0 0 4px #fff,0 0 12px #ffffff59}.avatar-editor__footer{padding:14px var(--editor-pad) 18px;border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1b1f27e6,#1b1f27fa);align-items:center;gap:8px;margin-top:10px;display:flex;position:sticky;bottom:0}.avatar-editor__spacer{flex:1}.avatar-editor__unsaved{color:var(--color-text-faint);align-items:center;gap:6px;margin-right:4px;font-size:11.5px;display:inline-flex}.avatar-editor__unsaved:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px}.btn{height:36px;font-size:var(--text-sm);transition:background var(--duration-fast), color var(--duration-fast), filter var(--duration-fast), opacity var(--duration-fast);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-weight:650;display:inline-flex}.btn:disabled{cursor:default;opacity:.45}.btn--text{color:var(--color-text-faint);margin-left:-10px;padding:0 10px}.btn--text:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.btn--ghost{color:var(--color-text-muted);border:1px solid var(--glass-border);background:#ffffff0d}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:#ffffff1a}.btn--primary{min-width:104px;color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--primary:active:not(:disabled){filter:brightness(.96)}.btn--primary:disabled{color:var(--color-text-muted);box-shadow:none;opacity:1;background:#ffffff14}@media (max-width:720px){.avatar-editor{--editor-pad:16px;max-height:calc(100dvh - 24px)}.avatar-editor__body{grid-template-columns:1fr;gap:14px}.avatar-editor__preview{gap:8px;padding:12px 10px 10px}.avatar-editor__unsaved{display:none}}@media (max-width:420px){.option-group--pair{grid-template-columns:1fr;gap:14px}.btn{padding:0 14px}}.join{background:radial-gradient(900px 520px at 50% 115%, #fe7f1729, transparent 70%), radial-gradient(700px 420px at 50% -10%, #bbd0e414, transparent 70%), var(--color-bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.join__card{width:min(400px,100%);box-shadow:var(--shadow-float), var(--inner-highlight);animation:zone-in var(--duration-slow) var(--ease-out);background:#1b1f27e6;border-radius:20px;gap:10px;padding:26px 26px 20px;display:grid}.join__brand{align-items:center;gap:10px;margin-bottom:14px;display:flex}.join__brand-text{line-height:1.2;display:grid}.join__brand-text span:first-child{font-size:var(--text-md);font-weight:700}.join__brand-text span:last-child{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-faint);font-size:10.5px}.join__label{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700}.join__hint{font-size:var(--text-sm);color:var(--color-text-faint);margin-top:-4px}.join__field{--join-accent:var(--color-accent);border:1px solid var(--card-border);height:48px;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);background:#14161c99;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:0 12px 0 8px;display:flex}.join__field:focus-within{border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff14}.join__initial{color:#f4f7fb;background:radial-gradient(circle at 35% 30%, var(--join-accent), color-mix(in srgb, var(--join-accent) 40%, #141517));width:32px;height:32px;box-shadow:0 0 0 2px var(--color-available);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.join__input{min-width:0;height:100%;font:inherit;font-size:var(--text-md);color:var(--color-text);background:0 0;border:0;outline:none;flex:1;font-weight:600}.join__input::placeholder{color:var(--color-text-faint);font-weight:500}.join__submit{height:44px;font-size:var(--text-md);margin-top:6px}.join__mode{color:var(--color-text-faint);justify-content:center;align-items:center;gap:7px;margin-top:6px;font-size:11.5px;display:inline-flex}.join__dot{background:var(--color-away);border-radius:50%;width:7px;height:7px}.join__dot.is-online{background:var(--color-available);box-shadow:0 0 6px var(--color-available)}.hud__editor-btn{border-radius:var(--radius-md);height:36px;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast), background var(--duration-fast), border-color var(--duration-fast);align-items:center;gap:7px;padding:0 13px;font-weight:650;display:inline-flex}.hud__editor-btn:hover{color:var(--color-text);background:#232833cc}.hud__editor-btn.is-active{color:#fff;box-shadow:var(--glass-shadow), inset 0 0 0 1px #ffffff1f;border-color:#ffffff73}.editor{top:calc(var(--hud-gap) + 56px);left:var(--hud-gap);bottom:calc(var(--hud-gap) + 64px);width:min(320px, calc(100% - 2 * var(--hud-gap)));animation:zone-in var(--duration-base) var(--ease-out);background:#1b1f27e6;border-radius:16px;flex-direction:column;padding:14px 14px 12px;display:flex;position:absolute}.editor__header{align-items:center;gap:10px;display:flex}.editor__icon{color:#fff;background:#ffffff0f;border:1px solid #ffffff47;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 10px #ffffff1f}.editor__titles{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.editor__titles h2{font-size:var(--text-md);font-weight:700}.editor__badge{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-soft);padding:2px 7px;font-size:9.5px;font-weight:700}.editor__intro{color:var(--color-text-faint);margin:8px 0 12px;font-size:11.5px;line-height:1.45}.editor__tools{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:10px;display:grid}.editor__tool{color:var(--color-text-faint);border:1px solid var(--card-border);background:#14161c73;border-radius:10px;justify-items:center;gap:3px;padding:7px 2px 6px;font-size:10.5px;font-weight:600;display:grid}.editor__tool:disabled,.editor__item:disabled{cursor:not-allowed;opacity:.6}.editor__tabs{margin-bottom:10px}.editor__content{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow:auto}.editor__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.editor__item{text-align:left;border:1px solid var(--card-border);background:#ffffff09;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;width:100%;padding:8px;display:grid}.editor__item-icon{width:28px;height:28px;color:var(--color-text-muted);background:#14161c99;border-radius:8px;grid-row:span 2;place-items:center;display:grid}.editor__item-name{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.editor__item-size{color:var(--color-text-faint);font-size:10px}.editor__room{--room-accent:var(--color-text-muted);gap:10px;display:grid}.editor__room-name{font-size:var(--text-md);border-left:3px solid var(--room-accent);padding-left:10px;font-weight:700}.editor__facts{grid-template-columns:auto 1fr;gap:6px 14px;font-size:11.5px;display:grid}.editor__facts dt{color:var(--color-text-faint)}.editor__facts dd{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;display:inline-flex}.editor__swatch{border-radius:4px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff40}.editor__empty{color:var(--color-text-faint);font-size:11.5px}.editor__row{gap:6px;display:flex}.editor__row>.btn{flex:1}.editor__small{height:30px;padding:0 10px;font-size:11.5px}.editor__footer{border-top:1px solid var(--color-border);gap:8px;margin-top:10px;padding-top:10px;display:grid}.editor__footer p{color:var(--color-text-faint);font-size:10.5px}@media (max-width:720px){.hud__editor-btn{padding:0 10px}.editor{bottom:calc(var(--hud-gap) + 110px)}}@media (max-width:1180px){.hud__editor-btn{justify-content:center;gap:0;width:36px;padding:0;font-size:0}}.auth-loading{font-size:var(--text-sm);color:var(--color-text-faint);justify-items:center;gap:14px;display:grid}.auth .join__label{margin-top:2px}.auth__field{color:var(--color-text-muted);gap:6px;font-size:11.5px;font-weight:600;display:grid}.auth__field>span{justify-content:space-between;display:flex}.auth__field input,.auth__field select{height:42px;font:inherit;font-size:var(--text-md);color:var(--color-text);border:1px solid var(--card-border);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);background:#14161c99;border-radius:11px;outline:none;padding:0 12px;font-weight:500}.auth__field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-faint) 50%), linear-gradient(135deg, var(--color-text-faint) 50%, transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px}.auth__field select option{color:#111}.auth__field input:focus,.auth__field select:focus{border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff14}.auth__counter{color:var(--color-text-faint);font-style:normal;font-weight:500}.auth__error{color:#ffd6da;background:#ff5d6c1f;border:1px solid #ff5d6c59;border-radius:10px;padding:9px 12px;font-size:12px}.auth__switch{text-align:center;color:var(--color-text-faint);margin-top:4px;font-size:12px}.auth__link{color:var(--color-text);text-underline-offset:3px;font-weight:650;text-decoration:underline}.auth__link:hover{color:#fff}.profile__detail{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.profile__meta{min-width:0}.profile__auto{color:var(--color-text-faint);font-weight:500}.profile__actions{justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.profile__action{height:30px;padding:0 10px;font-size:11.5px}.profile__actions .btn--text{margin-left:0}.profile-editor{width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-float), var(--inner-highlight);animation:zone-in var(--duration-slow) var(--ease-out);background:#1b1f27f0;border-radius:20px;flex-direction:column;display:flex;overflow:auto}.profile-editor__header{padding:20px 22px 0}.profile-editor__header p{font-size:var(--text-sm);color:var(--color-text-faint);margin-top:3px}.profile-editor__body{gap:14px;padding:18px 22px 4px;display:grid}.profile-editor__hint{color:var(--color-text-faint);font-size:10.5px;font-weight:500}.avatar-editor__unsaved.is-error{color:#ffb3bb}.avatar-editor__unsaved.is-error:before{background:var(--color-dnd)}.replaced{width:min(420px,100%)}.badge{border-radius:var(--radius-pill);min-width:17px;height:17px;color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:0 0 10px -2px var(--color-accent-glow);flex:none;place-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.hud__topright{top:var(--hud-gap);right:var(--hud-gap);max-width:min(340px, calc(100% - 2 * var(--hud-gap)));pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud__topright>*{pointer-events:auto}.inbox{position:relative}.inbox__btn{height:44px;font-size:var(--text-sm);transition:background var(--duration-fast);align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.inbox__btn:hover,.inbox__btn.is-open{background:#373e4ec7}.inbox__panel{z-index:5;width:min(320px,100vw - 32px);max-height:min(420px,60vh);animation:pop-in var(--duration-base) var(--ease-out);background:#1b1f27f5;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.inbox__empty,.inbox__note{font-size:var(--text-xs);color:var(--color-text-faint);margin:0;padding:10px;line-height:1.45}.inbox__list{gap:2px;display:grid}.inbox__item{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 8px;display:flex}.inbox__item:hover{background:var(--color-surface-hover)}.inbox__text{flex:1;gap:1px;min-width:0;display:grid}.inbox__line{justify-content:space-between;gap:8px;display:flex}.inbox__name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.inbox__time{color:var(--color-text-faint);flex:none;font-size:10.5px}.inbox__preview{font-size:var(--text-xs);color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox__item.is-unread .inbox__preview{color:var(--color-text)}.inbox__notify{border-top:1px solid var(--color-border);width:100%;font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:8px;margin-top:4px;padding:10px;display:flex}.inbox__notify:hover{color:var(--color-text)}.toasts{justify-items:end;gap:8px;display:grid}.toast{width:min(330px,100vw - 32px);animation:toast-in var(--duration-base) var(--ease-out);background:#1e232df0;align-items:center;gap:10px;padding:10px 8px 10px 12px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}.toast__icon{width:28px;height:28px;color:var(--color-text);background:#ffffff12;border-radius:9px;flex:none;place-items:center;display:grid}.toast--error .toast__icon{color:var(--color-dnd)}.toast--call .toast__icon{color:var(--color-available)}.toast__text{flex:1;gap:2px;min-width:0;display:grid}.toast__title{font-size:var(--text-sm);font-weight:650}.toast__body{font-size:var(--text-xs);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast__action{height:30px;font-size:var(--text-xs);color:var(--color-on-accent);background:var(--gradient-accent);border-radius:8px;flex:none;padding:0 10px;font-weight:650}.toast__close{flex:none;min-width:26px;height:26px}.chat,.inbox__panel,.toast{-webkit-backdrop-filter:none;backdrop-filter:none}.chat{right:var(--hud-gap);bottom:calc(var(--hud-gap) + 58px);z-index:3;width:min(340px, calc(100% - 2 * var(--hud-gap)));height:min(460px, calc(100% - 2 * var(--hud-gap) - 120px));min-height:260px;animation:pop-in var(--duration-base) var(--ease-out);background:#181c24f2;flex-direction:column;display:flex;position:absolute;overflow:hidden}.chat__head{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 8px 10px 12px;display:flex}.chat__who{flex:1;min-width:0;line-height:1.2;display:grid}.chat__name{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.chat__presence{color:var(--color-text-faint);font-size:10.5px}.chat__body{overscroll-behavior:contain;flex:1;padding:10px 12px;overflow-y:auto}.chat__older{border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text-muted);background:#ffffff0f;margin:0 auto 8px;padding:4px 10px;display:block}.chat__empty{text-align:center;font-size:var(--text-xs);color:var(--color-text-faint);margin:24px 8px;line-height:1.5}.chat__list{flex-direction:column;gap:6px;display:flex}.chat__day{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-faint);align-self:center;margin:6px 0 2px;font-size:10px;font-weight:650}.chat__msg{flex-direction:column;align-items:flex-start;gap:2px;max-width:86%;display:flex}.chat__msg.is-mine{align-self:flex-end;align-items:flex-end}.chat__bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#bdc9dc1c;border-radius:14px 14px 14px 4px;padding:7px 11px;font-size:13px;line-height:1.4}.chat__msg.is-mine .chat__bubble{color:#fff;background:linear-gradient(100deg,#ff3e35d1,#ff864ad1);border-radius:14px 14px 4px}.chat__msg.is-sending .chat__bubble{opacity:.65}.chat__msg.is-failed .chat__bubble{background:#ff5d6c40;box-shadow:inset 0 0 0 1px #ff5d6c99}.chat__meta{color:var(--color-text-faint);padding:0 4px;font-size:10px}.chat__retry{color:var(--color-dnd);text-decoration:underline}.chat__unseen{border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:var(--shadow-accent);padding:5px 12px;font-weight:650;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.chat__composer{border-top:1px solid var(--color-border);align-items:flex-end;gap:8px;padding:10px 10px 4px 12px;display:flex}.chat__input{resize:none;field-sizing:content;border:1px solid var(--glass-border);min-height:38px;max-height:110px;color:var(--color-text);font:inherit;background:#ffffff0d;border-radius:12px;flex:1;padding:9px 12px;font-size:13px;line-height:1.4}.chat__input:focus{border-color:#fe7f1799;outline:none;box-shadow:0 0 0 3px #fe7f1726}.chat__send{width:38px;height:38px;color:var(--color-on-accent);background:var(--gradient-accent);border-radius:12px;flex:none;place-items:center;display:grid}.chat__send:disabled{opacity:.35;cursor:default}.chat__hint{color:var(--color-text-faint);padding:0 12px 8px;font-size:10px}.chat__hint.is-error{color:var(--color-dnd)}.chat-pill{right:var(--hud-gap);bottom:calc(var(--hud-gap) + 58px);z-index:3;align-items:center;gap:4px;padding:4px 6px 4px 4px;display:flex;position:absolute}.chat-pill__main{height:36px;font-size:var(--text-sm);border-radius:10px;align-items:center;gap:8px;padding:0 8px 0 4px;font-weight:600;display:flex}.chat-pill__main:hover{background:var(--color-surface-hover)}.chat-pill__name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.people__item{flex-wrap:wrap}.people__item.is-expanded{background:#ffffff0d}.people__more[aria-expanded=true]{opacity:1;color:#fff;background:#ffffff1a}.people__actions{flex-basis:100%;gap:6px;padding:4px 0 6px 36px;display:flex}.people__action{min-height:34px;font-size:var(--text-xs);color:var(--color-text);border:1px solid var(--glass-border);background:#ffffff12;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.people__action:hover:not(:disabled){background:#ffffff21}.people__action:disabled{opacity:.4;cursor:default}.hud__topcenter{top:calc(var(--hud-gap) + 64px);width:min(420px, calc(100% - 2 * var(--hud-gap)));pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud__topcenter>*{pointer-events:auto}.call-btn{width:42px;height:42px;color:var(--color-text);border:1px solid var(--glass-border);transition:background var(--duration-fast), transform var(--duration-fast);background:#ffffff17;border-radius:50%;flex:none;place-items:center;display:grid}.call-btn:hover:not(:disabled){background:#ffffff29}.call-btn:active:not(:disabled){transform:scale(.94)}.call-btn:disabled{opacity:.4;cursor:default}.call-btn.is-off{color:#fff;background:#ff5d6c47;border-color:#ff5d6c8c}.call-btn[aria-pressed=true]:not(.is-off){color:#fff;background:#fff3}.call-btn--danger{color:#fff;background:linear-gradient(#ff5d6c,#e23a4c);border:none;border-radius:21px;width:52px;box-shadow:0 6px 16px -6px #e23a4ccc}.call-btn--danger:hover:not(:disabled){background:linear-gradient(#ff6f7c,#ea4456)}.call-btn--accept{color:#06140d;background:linear-gradient(#5ff7b3,#2fd98a);border:none;border-radius:21px;width:52px;box-shadow:0 6px 16px -6px #3ef2a0b3}.call-btn--accept:hover:not(:disabled){background:linear-gradient(#78ffc2,#3ee598)}.call-btn--accept.is-secondary{width:42px;color:var(--color-available);box-shadow:none;background:#3ef2a024;border:1px solid #3ef2a066;border-radius:50%}.incoming{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;box-shadow:var(--shadow-float), 0 0 0 1px #3ef2a059;animation:pop-in var(--duration-base) var(--ease-out);background:#1b1f27f7;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.incoming__face,.call__ringing{--tile-accent:#5b6475;color:#fff;background:radial-gradient(circle at 35% 30%, var(--tile-accent), color-mix(in srgb, var(--tile-accent) 40%, #141517));border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-weight:700;animation:1.6s ease-out infinite ring-pulse;display:grid;box-shadow:0 0 #3ef2a08c}@keyframes ring-pulse{0%{box-shadow:0 0 #3ef2a080}to{box-shadow:0 0 0 16px #3ef2a000}}.incoming__text{flex:1;gap:3px;min-width:0;display:grid}.incoming__title{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.incoming__kind{font-size:var(--text-xs);color:var(--color-text-faint);align-items:center;gap:5px;display:inline-flex}.incoming__actions{gap:8px;display:flex}.room-call{align-items:center;gap:10px;max-width:100%;padding:8px 8px 8px 14px;display:flex}.room-call__dot,.call__dot,.call-pill__dot{background:var(--color-text-faint);border-radius:50%;flex:none;width:8px;height:8px}.room-call__dot.is-live,.call__dot.is-live,.call-pill__dot{background:var(--color-available);box-shadow:0 0 10px var(--color-available)}.room-call__text{min-width:0;line-height:1.25;display:grid}.room-call__title{font-size:var(--text-sm);font-weight:650}.room-call__who{font-size:var(--text-xs);color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-call__btn{height:36px;font-size:var(--text-sm);color:#06140d;background:linear-gradient(#5ff7b3,#2fd98a);border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.room-call__btn.is-secondary{color:var(--color-text);border:1px solid var(--glass-border);background:#ffffff14}.room-call__btn:disabled{opacity:.4;cursor:default}.call{top:calc(var(--hud-gap) + 56px);left:var(--hud-gap);z-index:3;width:min(360px, calc(100% - 2 * var(--hud-gap)));max-height:calc(100% - 2 * var(--hud-gap) - 120px);-webkit-backdrop-filter:none;backdrop-filter:none;animation:pop-in var(--duration-base) var(--ease-out);background:#161a21f7;flex-direction:column;display:flex;position:absolute;overflow:auto}.call--room{width:min(440px, calc(100% - 2 * var(--hud-gap)))}.call__head{align-items:center;gap:8px;padding:10px 8px 8px 14px;display:flex}.call__title{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;overflow:hidden}.call__time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.call__stage{margin:0 10px;position:relative}.call__stage--waiting{background:#ffffff08;border-radius:14px;place-items:center;min-height:150px;display:grid}.call__ringing{width:72px;height:72px;font-size:24px}.call__preview{width:112px;position:absolute;bottom:8px;right:8px}.call__grid{grid-template-columns:repeat(2,1fr);gap:6px;margin:0 10px;display:grid}.call__grid[data-count="1"]{grid-template-columns:1fr}.call__grid[data-count="5"],.call__grid[data-count="6"],.call__grid[data-count="7"],.call__grid[data-count="8"]{grid-template-columns:repeat(3,1fr)}.tile{--tile-accent:#5b6475;aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tile-accent) 22%, #1d222b), #14171d);transition:box-shadow var(--duration-fast);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.call--direct .call__stage>.tile:first-child{aspect-ratio:4/3}.tile.is-speaking{box-shadow:inset 0 0 0 2px var(--color-available), 0 0 14px -4px var(--color-available)}.tile--pip{aspect-ratio:4/3;width:30%;min-width:84px;position:absolute;bottom:8px;right:8px;box-shadow:0 6px 16px #00000080,inset 0 0 0 1px #ffffff1f}.tile--pip .tile__face{width:34px;height:34px;font-size:13px}.tile__video{object-fit:cover;background:#0d0f13;width:100%;height:100%;position:absolute;inset:0}.tile.is-screen .tile__video{object-fit:contain}.tile__video.is-mirrored{transform:scaleX(-1)}.tile__face{color:#fff;background:radial-gradient(circle at 35% 30%, var(--tile-accent), color-mix(in srgb, var(--tile-accent) 40%, #141517));border-radius:50%;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid}.tile__label{border-radius:var(--radius-pill);background:#0a0c10b3;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;bottom:6px;left:6px}.tile__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile__muted{color:var(--color-dnd);flex:none}.tile__state{border-radius:var(--radius-pill);color:var(--color-text-muted);background:#0a0c10b3;padding:2px 7px;font-size:10px;position:absolute;top:6px;left:6px}.call__controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 10px;display:flex}.call__sharing{text-align:center;font-size:var(--text-xs);color:var(--color-available);margin:-4px 0 10px}.devices{border-top:1px solid var(--color-border);gap:8px;padding:10px 14px 14px;display:grid}.devices__field{font-size:var(--text-xs);color:var(--color-text-faint);gap:4px;display:grid}.devices__field select{border:1px solid var(--glass-border);height:34px;color:var(--color-text);font:inherit;font-size:var(--text-sm);background:#1d222b;border-radius:8px;padding:0 8px}.devices__hint{font-size:var(--text-xs);color:var(--color-text-faint);margin:0}.call-pill{top:calc(var(--hud-gap) + 56px);left:var(--hud-gap);z-index:3;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex;position:absolute}.call-pill .call-btn{width:36px;height:36px}.call-pill .call-btn--danger{width:44px}.call-pill__main{min-width:0;height:36px;font-size:var(--text-sm);border-radius:8px;align-items:center;gap:8px;padding:0 6px;font-weight:600;display:inline-flex}.call-pill__main:hover{background:var(--color-surface-hover)}.call-pill__name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.call-pill__time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.tag--call{color:var(--color-available);background:#3ef2a01f;place-items:center;padding:2px 5px;display:inline-grid}.inbox__section{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-faint);margin:6px 8px 2px;font-size:10px;font-weight:650}.inbox__call-icon{width:26px;height:26px;color:var(--color-dnd);background:#ff5d6c1f;border-radius:50%;flex:none;place-items:center;display:grid}@media (max-width:720px){.call{z-index:45;background:#161a21;width:auto;max-height:calc(100dvh - 16px);position:fixed;top:8px;left:8px;right:8px}.call-pill{z-index:45;position:fixed;top:8px;left:8px}.hud__topcenter{top:calc(var(--hud-gap) + 56px)}.incoming{z-index:46;width:auto;position:fixed;top:8px;left:8px;right:8px}}.chat__list,.toasts,.inbox__list{margin:0;padding:0;list-style:none}@media (max-width:720px){.inbox__label{display:none}.chat{z-index:40;background:#181c24;width:auto;height:min(520px,100dvh - 16px);position:fixed;bottom:8px;left:8px;right:8px}.chat-pill{z-index:40;position:fixed;bottom:8px;right:8px}}.screen-gate{justify-items:start}.screen-gate__icon{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-accent);background:var(--color-accent-soft);place-items:center;display:grid}.screen-gate__backdrop{z-index:40}.screen-gate .join__submit{justify-self:stretch}.screen-badge{align-items:center;gap:10px;max-width:100%;padding:8px 14px;display:flex}.screen-badge__dot{background:var(--color-dnd);width:8px;height:8px;box-shadow:0 0 10px var(--color-dnd);border-radius:50%;flex:none}.screen-badge__icon{color:var(--color-text-muted);flex:none}.screen-badge__text{min-width:0;line-height:1.25;display:grid}.screen-badge__title{font-size:var(--text-sm);font-weight:650}.screen-badge__who{font-size:var(--text-xs);color:var(--color-text-faint);align-items:center;gap:5px;display:inline-flex}.screen-badge.is-watched .screen-badge__who{color:var(--color-busy);font-weight:600}.screen-dock{left:var(--hud-gap);bottom:calc(var(--hud-gap) + 58px);z-index:3;max-width:calc(100% - 2 * var(--hud-gap) - 360px);flex-wrap:wrap-reverse;gap:8px;display:flex;position:absolute}.screen-preview{border-radius:var(--radius-md);width:232px;animation:pop-in var(--duration-base) var(--ease-out);display:grid;overflow:hidden}.screen-preview__frame{aspect-ratio:16/9;cursor:zoom-in;background:#0b0d12;width:100%;padding:0;display:block}.screen-preview__video,.screen-view__video{object-fit:contain;background:#0b0d12;width:100%;height:100%;display:block}.screen-video--waiting{font-size:var(--text-xs);color:var(--color-text-faint);align-content:center;place-items:center;gap:8px;display:grid}.screen-video--waiting .spinner{width:20px;height:20px}.screen-preview__bar{align-items:center;gap:4px;padding:6px 6px 6px 10px;display:flex}.screen-preview__name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;font-weight:650;display:inline-flex;overflow:hidden}.screen-preview__btn,.screen-view__btn{border-radius:var(--radius-sm);min-width:30px;height:30px;font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--glass-border);background:#ffffff14;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:650;display:inline-flex}.screen-preview__btn:hover,.screen-view__btn:hover{background:#ffffff24}.screen-preview__btn:disabled,.screen-view__btn:disabled{opacity:.4;cursor:default}.screen-view{top:calc(var(--hud-gap) + 64px);z-index:4;width:min(1100px, calc(100% - 2 * var(--hud-gap)));height:min(720px, calc(100% - 2 * var(--hud-gap) - 136px));-webkit-backdrop-filter:none;backdrop-filter:none;animation:pop-in var(--duration-base) var(--ease-out);background:#161a21f7;flex-direction:column;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.screen-view__head{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.screen-view__title{min-width:0;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;overflow:hidden}.screen-view__btn{height:34px;padding:0 12px}.screen-view__btn.is-close:hover{background:#ff5d6c2e}.screen-view__video{flex:1;min-height:0}@media (max-width:720px){.screen-dock{max-width:calc(100% - 2 * var(--hud-gap))}.screen-preview{width:168px}.screen-view{z-index:60;width:auto;height:auto;position:fixed;inset:8px;transform:none}}