@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Press+Start+2P&display=swap";:root{--bg-deep: #080b14;--bg: #0d1220;--surface: rgba(16, 23, 38, .94);--surface-raised: #171f31;--surface-soft: #202a3e;--border: rgba(153, 174, 205, .2);--border-strong: rgba(153, 174, 205, .34);--text: #f4f7fb;--text-soft: #a8b5c8;--muted: #718096;--primary: #22d3ee;--primary-deep: #0891b2;--secondary: #a78bfa;--accent: #f472b6;--success: #34d399;--danger: #fb7185;--warning: #fbbf24;--shadow-sm: 0 8px 24px rgba(0, 0, 0, .22);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .42);--font-ui: "Inter", "Segoe UI", sans-serif;--font-pixel: "Press Start 2P", "Courier New", monospace;--header-height: 64px;--rail-width: 72px;--panel-width: 284px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}html{color-scheme:dark}body{overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-ui);font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.46}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:2000;top:8px;left:8px;transform:translateY(-140%);padding:10px 14px;border-radius:6px;background:var(--primary);color:#06212a;font-weight:700;pointer-events:auto;transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.landing-shell{position:relative;min-height:100dvh;overflow:hidden auto;background:radial-gradient(circle at 18% 22%,rgba(34,211,238,.12),transparent 28%),radial-gradient(circle at 82% 72%,rgba(167,139,250,.14),transparent 30%),var(--bg-deep)}.landing-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.landing-header{position:relative;z-index:2;max-width:1240px;height:88px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.03em}.brand>span:last-child>span,.workspace-brand strong>span{color:var(--primary)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:#061a21;background:var(--primary);border:2px solid #7deafa;border-radius:9px;box-shadow:4px 4px #075269}.brand-mark.small{width:34px;height:34px;border-radius:7px;box-shadow:3px 3px #075269}.landing-status{display:flex;align-items:center;gap:9px;color:var(--text-soft);font-size:12px;font-weight:600}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #34d3991f}.landing-grid{position:relative;z-index:1;width:min(1184px,calc(100% - 56px));min-height:calc(100dvh - 146px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:clamp(48px,7vw,108px);align-items:center;padding:34px 0 58px}.landing-copy{min-width:0}.eyebrow{width:fit-content;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(34,211,238,.32);background:#22d3ee14;color:#8be9f6;border-radius:6px;font-family:var(--font-pixel);font-size:8px;line-height:1.4;letter-spacing:.02em}.landing-copy h1{margin-top:24px;max-width:700px;font-size:clamp(42px,5.2vw,72px);line-height:1.05;letter-spacing:-.055em}.landing-copy h1 span{color:var(--primary);text-shadow:3px 3px 0 rgba(8,145,178,.3)}.landing-copy>p{max-width:620px;margin-top:22px;color:var(--text-soft);font-size:clamp(16px,1.5vw,19px);line-height:1.65}.feature-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#c8d3e2;font-size:13px;font-weight:600}.feature-row span{display:inline-flex;align-items:center;gap:7px}.feature-row svg{color:var(--secondary)}.pixel-preview{position:relative;width:min(610px,100%);aspect-ratio:2.45;margin-top:36px;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px;background-color:#1d2938;background-image:linear-gradient(45deg,#26384a 25%,transparent 25%),linear-gradient(-45deg,#26384a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#26384a 75%),linear-gradient(-45deg,transparent 75%,#26384a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:var(--shadow-lg),inset 0 0 0 5px #0c1320;image-rendering:pixelated}.pixel-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 50px #0609118a}.pixel-room{position:absolute;border:5px solid #4a586a;background:#d5b98b;box-shadow:inset 0 0 0 3px #af9061}.room-one{inset:14px auto auto 14px;width:33%;height:56%}.room-two{right:14px;top:14px;width:30%;height:56%;background:#73917d;box-shadow:inset 0 0 0 3px #526c5b}.room-three{bottom:14px;left:27%;width:41%;height:39%;background:#96795e;box-shadow:inset 0 0 0 3px #705640}.pixel-path{position:absolute;background:#c8b78f;border:2px solid #8e8060}.path-horizontal{left:10%;right:10%;height:22px;top:52%}.path-vertical{top:12%;bottom:8%;width:22px;left:57%}.pixel-table{position:absolute;width:56px;height:32px;top:20px;left:34px;background:#6c4d36;border:4px solid #4b3425}.pixel-table:before,.pixel-table:after{content:"";position:absolute;width:13px;height:13px;top:5px;background:#2c3846;border:2px solid #111827}.pixel-table:before{left:-21px}.pixel-table:after{right:-21px}.pixel-sofa{position:absolute;width:72px;height:25px;right:18px;bottom:15px;background:#ca7083;border:4px solid #874653;box-shadow:inset 0 5px #e58b9d}.pixel-desk{position:absolute;width:60px;height:18px;top:22px;background:#4b3425;border-top:4px solid #76533a}.desk-a{left:22px}.desk-b{right:22px}.pixel-plant{position:absolute;width:15px;height:19px;background:#305e46;border:3px solid #193e2b}.pixel-plant:after{content:"";position:absolute;width:9px;height:8px;left:0;bottom:-8px;background:#a76440}.plant-a{bottom:18px;right:16px}.plant-b{top:22px;left:18px}.pixel-person{position:absolute;z-index:2;width:14px;height:19px;background:#f1c8a8;border:3px solid #1b2330;box-shadow:0 5px #6d5bd0}.pixel-person:before{content:"";position:absolute;left:-3px;right:-3px;top:-5px;height:5px;background:#30231e}.pixel-person i{position:absolute;width:4px;height:3px;top:3px;left:2px;background:#17202d}.person-a{left:48%;top:41%}.person-b{left:70%;top:28%;box-shadow:0 5px #d45e7a}.person-c{left:35%;bottom:21%;box-shadow:0 5px #1e9bb0}.pixel-label{position:absolute;z-index:3;padding:4px 5px;background:#080b14d1;color:#dce6f3;font:6px/1 var(--font-pixel)}.label-a{right:19%;top:22px}.label-b{left:31%;bottom:20px}.join-card{position:relative;width:100%;padding:34px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(145deg,#192234fa,#0d1320fa);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0a}.join-card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;border:1px solid rgba(255,255,255,.035);border-radius:9px}.join-card-kicker,.section-kicker{color:var(--primary);font:7px/1.5 var(--font-pixel);letter-spacing:.1em}.join-card h2{margin-top:8px;font-size:29px;letter-spacing:-.04em}.join-card>p:not(.form-error):not(.join-terms){margin-top:7px;color:var(--text-soft);font-size:14px;line-height:1.5}.avatar-preview{position:relative;width:82px;height:82px;margin:26px auto;border:1px solid rgba(34,211,238,.28);border-radius:12px;background:linear-gradient(135deg,#22d3ee1a,#a78bfa1f);box-shadow:inset 0 0 0 5px #080b1466;image-rendering:pixelated}.avatar-face{position:absolute;width:30px;height:27px;top:20px;left:26px;background:#efc39e;border:4px solid #17202d}.avatar-hair{position:absolute;z-index:2;width:34px;height:13px;top:16px;left:24px;background:#38271e;border:4px solid #17202d}.avatar-body{position:absolute;width:42px;height:25px;bottom:10px;left:20px;background:var(--secondary);border:4px solid #17202d}.join-card label{display:block;margin-bottom:8px;color:#dbe5f2;font-size:12px;font-weight:700}.input-wrap{height:50px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border-strong);border-radius:8px;background:#05081094;color:var(--muted);transition:border-color .18s ease,box-shadow .18s ease}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #22d3ee1f;color:var(--primary)}.input-wrap.has-error{border-color:var(--danger)}.input-wrap input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.input-wrap input::placeholder{color:#68758a}.form-error{margin:8px 0 -2px;color:#fda4af;font-size:12px}.primary-button{min-height:48px;width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #67e8f9;border-radius:8px;background:var(--primary);color:#06232b;font-size:14px;font-weight:800;box-shadow:4px 4px #08758d;transition:background .18s ease,box-shadow .18s ease,transform .12s ease}.primary-button:not(:disabled):hover{background:#67e8f9}.primary-button:not(:disabled):active{transform:translate(2px,2px);box-shadow:2px 2px #08758d}.primary-button.compact{width:auto;min-width:138px;min-height:44px;padding:0 20px;margin-left:auto}.keyboard-hint{margin-top:21px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7f8da1;font-size:10px}.keyboard-hint kbd{min-width:24px;padding:4px 5px;border:1px solid #425069;border-bottom-width:2px;border-radius:4px;background:#202a3d;color:#cfd9e8;font:8px var(--font-pixel);text-align:center}.keyboard-hint>span{width:2px;height:2px;border-radius:50%;background:#536078}.join-card .join-terms{margin-top:18px!important;color:#667489!important;font-size:10px!important;text-align:center}.landing-footer{position:relative;z-index:1;min-height:58px;max-width:1240px;margin:0 auto;padding:16px 28px;display:flex;justify-content:space-between;border-top:1px solid rgba(153,174,205,.09);color:#69778b;font-size:11px}.game-shell,.game-canvas-host{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#1b2532}.game-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}canvas.pixi-main{display:block;width:100%!important;height:100%!important;filter:saturate(.84) contrast(.96) brightness(.82)}.game-overlay{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,14,.38),transparent 18%,transparent 78%,rgba(5,8,14,.28))}.workspace-header{position:absolute;z-index:120;top:0;left:0;right:0;height:var(--header-height);padding:0 14px 0 17px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);background:#080c16f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000002e;pointer-events:auto}.workspace-brand{width:calc(var(--rail-width) - 4px);display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:-.03em}.workspace-brand strong{white-space:nowrap}.workspace-location{min-width:245px;height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:var(--text-soft)}.workspace-location:hover{border-color:var(--border);background:#ffffff08}.location-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#a78bfa1f;color:#c4b5fd}.workspace-location div{flex:1;display:flex;flex-direction:column;gap:2px}.workspace-location strong{color:var(--text);font-size:13px}.workspace-location span{font-size:10px}.workspace-meta{margin-left:auto;display:flex;align-items:center;gap:9px}.connection-pill{display:flex;align-items:center;gap:7px;padding:7px 9px;color:var(--text-soft);font-size:10px;font-weight:600}.connection-pill>span{width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px #fbbf241a}.connection-pill.is-connected>span{background:var(--success);box-shadow:0 0 0 3px #34d3991a}.header-people,.profile-chip{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:#ffffff09;transition:background .18s ease,border-color .18s ease}.header-people{min-width:54px;justify-content:center;padding:0 10px}.header-people:hover,.profile-chip:hover{background:#ffffff12;border-color:var(--border-strong)}.profile-chip{padding:4px 9px 4px 5px;color:var(--text-soft);font-size:11px}.profile-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#0ea5b7,#7c6bc9);color:#fff;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff26}.workspace-rail{position:absolute;z-index:110;top:var(--header-height);bottom:0;left:0;width:var(--rail-width);padding:13px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid var(--border);background:#080c16e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.rail-button{position:relative;width:54px;min-height:52px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7f8da3;transition:color .18s ease,background .18s ease,border-color .18s ease}.rail-button:hover{color:#dce5f2;background:#ffffff0b}.rail-button.is-active{color:var(--primary);border-color:#22d3ee33;background:#22d3ee1a;box-shadow:inset 3px 0 0 var(--primary)}.rail-label{font-size:9px;font-weight:600}.rail-badge{position:absolute;top:3px;right:4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #0b101c;border-radius:9px;background:var(--secondary);color:#fff;font-size:8px;font-weight:800}.rail-divider{width:32px;height:1px;margin:4px 0;background:var(--border)}.rail-spacer{flex:1}.people-panel{position:absolute;z-index:90;top:calc(var(--header-height) + 14px);right:14px;bottom:16px;width:var(--panel-width);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;animation:panel-in .22s ease-out}@keyframes panel-in{0%{opacity:0;transform:translate(10px)}}.people-heading{min-height:70px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.people-heading h2{margin-top:3px;font-size:17px}.people-heading h2 span{color:var(--muted);font-size:12px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-soft);transition:background .18s ease,color .18s ease}.icon-button:hover{background:#ffffff0f;color:var(--text)}.people-search{height:40px;margin:12px 12px 6px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:#05081057;color:var(--muted);font-size:11px}.people-list{flex:1;overflow:auto;padding:6px 8px;scrollbar-width:thin;scrollbar-color:#3b4658 transparent}.person-row{min-height:58px;padding:7px 8px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:8px;transition:background .18s ease,border-color .18s ease}.person-row:hover{border-color:var(--border);background:#ffffff09}.person-row.is-you{background:#22d3ee0e}.person-avatar{position:relative;flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#6958be;color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff1f}.person-avatar i{position:absolute;width:9px;height:9px;right:-2px;bottom:-2px;border:2px solid #141c2b;border-radius:50%;background:var(--success)}.avatar-cyan{background:linear-gradient(135deg,#0891b2,#4f46a5)}.avatar-0{background:#b05274}.avatar-1{background:#3e8068}.avatar-2{background:#8a693c}.person-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.person-copy strong{overflow:hidden;color:#e8edf5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.person-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.voice-state{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:#34d39914;color:var(--success)}.people-empty{padding:24px 16px;display:flex;flex-direction:column;gap:5px;color:var(--text-soft);font-size:11px;text-align:center}.people-empty small{color:var(--muted);line-height:1.5}.people-footer{min-height:48px;padding:0 14px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);color:var(--text-soft);font-size:10px}.people-footer .status-dot{width:6px;height:6px}.people-footer small{margin-left:auto;color:var(--muted)}.chat-panel{position:absolute;z-index:95;bottom:18px;left:calc(var(--rail-width) + 16px);width:248px;min-height:48px;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;transition:width .22s ease}.chat-panel.is-open{width:340px}.chat-heading{width:100%;min-height:52px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--text-soft);text-align:left}.chat-heading:hover{background:#ffffff09}.chat-heading-main{display:flex;align-items:center;gap:9px}.chat-heading-main>span:last-child{display:flex;flex-direction:column;gap:2px}.chat-heading strong{color:#e6edf6;font-size:11px}.chat-heading small{color:var(--muted);font-size:8px}.chat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#a78bfa1f;color:#c4b5fd}.chat-messages{height:232px;overflow-y:auto;padding:10px 12px;border-top:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#3b4658 transparent}.chat-empty{min-height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chat-empty>span{width:44px;height:44px;margin-bottom:10px;display:grid;place-items:center;border-radius:10px;background:#a78bfa1a;color:#c4b5fd}.chat-empty strong{font-size:12px}.chat-empty p{max-width:210px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.chat-message{display:flex;gap:9px;margin-bottom:13px}.message-avatar{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#4f46a5;font-size:9px;font-weight:800}.chat-message>div{min-width:0;flex:1}.chat-message strong{font-size:10px}.chat-message time{margin-left:6px;color:var(--muted);font-size:8px}.chat-message p{margin-top:3px;color:#c7d1df;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.chat-form{min-height:52px;padding:7px;display:flex;gap:7px;border-top:1px solid var(--border)}.chat-form input{min-width:0;flex:1;padding:0 10px;border:1px solid var(--border);border-radius:7px;outline:0;background:#05081073;color:var(--text);font-size:11px}.chat-form input:focus{border-color:var(--primary)}.chat-form button{width:42px;min-height:42px;display:grid;place-items:center;border:0;border-radius:7px;background:var(--primary);color:#06232b;transition:background .18s ease}.chat-form button:not(:disabled):hover{background:#67e8f9}.minimap-wrap{position:absolute;z-index:70;top:calc(var(--header-height) + 14px);right:calc(var(--panel-width) + 28px);pointer-events:auto}.minimap-card{width:166px;padding:9px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panel-in .22s ease-out}.minimap-heading{height:26px;display:flex;align-items:flex-start;justify-content:space-between;color:var(--text-soft);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.minimap-heading span{display:flex;align-items:center;gap:6px}.minimap-heading button{width:28px;height:28px;margin-top:-7px;margin-right:-6px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.minimap-card canvas{width:100%;height:auto;display:block;border:1px solid #445067;border-radius:5px;image-rendering:pixelated;opacity:.95}.minimap-legend{padding-top:7px;display:flex;gap:12px;color:var(--muted);font-size:8px}.minimap-legend span{display:flex;align-items:center;gap:5px}.minimap-legend i{width:6px;height:6px;display:inline-block}.legend-you{background:var(--primary)}.legend-team{background:var(--secondary)}.control-dock{position:absolute;z-index:105;bottom:18px;left:50%;transform:translate(-50%);min-height:58px;padding:7px;display:flex;align-items:center;gap:5px;border:1px solid var(--border-strong);border-radius:12px;background:#0a0f1af2;box-shadow:0 12px 34px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.dock-button{min-width:68px;height:44px;padding:4px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:8px;background:transparent;color:#ccd6e4;transition:background .18s ease,color .18s ease,border-color .18s ease}.dock-button span{font-size:8px;font-weight:600}.dock-button:hover{border-color:var(--border);background:#ffffff0f;color:#fff}.dock-button.is-danger{border-color:#fb71853d;background:#fb71851f;color:#fda4af}.dock-divider,.zoom-divider{width:1px;height:30px;margin:0 2px;background:var(--border)}.reaction-pop{position:absolute;z-index:100;left:50%;bottom:90px;transform:translate(-50%);padding:10px 14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(167,139,250,.4);border-radius:8px;background:#1b172ff0;color:#ddd6fe;font-size:11px;font-weight:700;box-shadow:var(--shadow-sm);animation:reaction-in .26s ease-out}@keyframes reaction-in{0%{opacity:0;transform:translate(-50%,12px)}}.zoom-controls{position:absolute;z-index:75;left:calc(var(--rail-width) + 17px);bottom:80px;height:42px;padding:4px;display:flex;align-items:center;gap:3px;border:1px solid var(--border);border-radius:9px;background:#0a0f1ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.zoom-controls button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-soft)}.zoom-controls button:hover{background:#ffffff0f;color:#fff}.zoom-controls input{width:76px;accent-color:var(--primary);cursor:pointer}.zoom-divider{height:22px}.interaction-prompt{position:absolute;z-index:80;left:50%;top:58%;transform:translate(-50%,-50%);padding:8px 12px 8px 8px;display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong);border-radius:8px;background:#070b13e6;box-shadow:var(--shadow-sm);pointer-events:none}.interaction-prompt kbd{width:34px;height:34px;display:grid;place-items:center;border:1px solid #87eaf7;border-bottom:3px solid #08758d;border-radius:6px;background:var(--primary);color:#08232a;font:10px var(--font-pixel)}.interaction-prompt span{display:flex;flex-direction:column;gap:2px;color:var(--text);font-size:11px;font-weight:700}.interaction-prompt small{color:var(--primary);font:6px var(--font-pixel);letter-spacing:.06em}.system-banner{position:absolute;z-index:300;top:calc(var(--header-height) + 12px);left:50%;transform:translate(-50%);min-height:40px;padding:8px 14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(251,191,36,.35);border-radius:8px;background:#42310af0;color:#fde68a;font-size:11px;font-weight:700;box-shadow:var(--shadow-sm);pointer-events:auto}.system-banner.is-error{border-color:#fb718566;background:#451420f2;color:#fecdd3}.media-warning{top:calc(var(--header-height) + 60px)}.video-stack{position:absolute;z-index:100;right:calc(var(--panel-width) + 28px);bottom:18px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.video-tile{position:relative;width:200px;aspect-ratio:4/3;overflow:hidden;border:2px solid var(--secondary);border-radius:10px;background:#05070c;box-shadow:var(--shadow-lg)}.video-tile.local-video{width:154px;margin-left:auto;border-color:var(--primary)}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile video.mirrored{transform:scaleX(-1)}.modal-scrim{position:absolute;z-index:500;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#02050ba8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.app-modal{width:min(440px,100%);padding:24px;border:1px solid var(--border-strong);border-radius:14px;background:#121a29;box-shadow:var(--shadow-lg);animation:modal-in .22s ease-out}.settings-modal{width:min(480px,100%)}.note-modal{width:min(430px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between}.modal-heading h2{margin-top:5px;font-size:20px;letter-spacing:-.03em}.modal-heading .icon-button{margin:-8px -8px 0 0}.modal-description{max-width:370px;margin-top:11px;color:var(--text-soft);font-size:12px;line-height:1.55}.setting-stack{margin-top:20px;display:grid;gap:9px}.setting-row{min-height:68px;padding:10px 12px;display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:9px;background:#ffffff06;text-align:left;transition:border-color .18s ease,background .18s ease}.setting-row:hover{border-color:var(--border-strong);background:#ffffff0b}.setting-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#34d3991a;color:var(--success)}.setting-icon.is-off{background:#fb71851a;color:var(--danger)}.setting-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.setting-row strong{font-size:12px}.setting-row small{color:var(--muted);font-size:10px}.toggle{position:relative;width:38px;height:22px;border-radius:11px;background:#3b4659;transition:background .18s ease}.toggle i{position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#bcc6d4;transition:transform .18s ease,background .18s ease}.toggle.is-on{background:var(--primary-deep)}.toggle.is-on i{transform:translate(16px);background:#fff}.settings-tip{margin-top:16px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(34,211,238,.16);border-radius:8px;background:#22d3ee0e;color:var(--primary)}.settings-tip>span{display:flex;flex-direction:column;gap:3px}.settings-tip strong{color:#b7f2f8;font-size:10px}.settings-tip small{color:#7c9dab;font-size:9px}.note-content{max-height:42vh;overflow:auto;margin:20px 0 8px;padding:15px;border-left:3px solid var(--secondary);background:#a78bfa0f;color:#cdd6e2;font-size:13px;line-height:1.7;white-space:pre-wrap}.avatar-modal{width:min(760px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto}.avatar-customizer-layout{margin-top:22px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.avatar-preview-column{position:sticky;top:0;display:grid;gap:10px}.avatar-preview-stage{position:relative;height:264px;overflow:hidden;border:1px solid rgba(34,211,238,.28);border-radius:11px;background:linear-gradient(180deg,#192a3a 0,#192a3a 64%,#263847 64%);box-shadow:inset 0 0 0 5px #05081040;image-rendering:pixelated}.avatar-preview-stage:before{content:"";position:absolute;left:18px;right:18px;top:20px;height:120px;border:4px solid #30475c;background:linear-gradient(180deg,#102133,#27445a);box-shadow:inset 0 0 0 4px #172536}.avatar-preview-stage:after{content:"";position:absolute;left:50%;bottom:28px;width:112px;height:34px;transform:translate(-50%);border-radius:50%;background:#05081052}.avatar-preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:16px 16px}.preview-label{position:absolute;z-index:4;left:12px;bottom:10px;color:#8be9f6;font:6px var(--font-pixel);letter-spacing:.08em}.custom-avatar{position:absolute;z-index:3;left:50%;bottom:45px;width:64px;height:100px;transform:translate(-50%) scale(1.45);transform-origin:bottom center}.custom-avatar-shadow{position:absolute;left:13px;bottom:0;width:40px;height:8px;border-radius:50%;background:#0000004d}.custom-avatar-leg{position:absolute;z-index:2;bottom:7px;width:12px;height:29px;border:3px solid #151b27;background:var(--avatar-pants);box-shadow:inset 3px 0 #ffffff1a}.custom-avatar-leg:after{content:"";position:absolute;left:-3px;bottom:-3px;width:14px;height:6px;background:#202633}.custom-avatar-leg.leg-left{left:18px}.custom-avatar-leg.leg-right{right:17px}.custom-avatar-body{position:absolute;z-index:3;left:13px;top:45px;width:40px;height:35px;border:3px solid #151b27;background:var(--avatar-shirt);box-shadow:inset 4px 4px #ffffff26,inset -4px -4px #0000001f}.custom-avatar-arm{position:absolute;z-index:2;top:50px;width:10px;height:27px;border:3px solid #151b27;background:var(--avatar-skin)}.custom-avatar-arm.arm-left{left:5px}.custom-avatar-arm.arm-right{right:4px}.custom-avatar-head{position:absolute;z-index:4;left:17px;top:18px;width:32px;height:34px;border:3px solid #151b27;border-radius:5px;background:var(--avatar-skin);box-shadow:inset 3px 3px #ffffff21}.custom-avatar-head i{position:absolute;display:block;background:#222837}.custom-avatar-head .eye-left{width:4px;height:4px;left:6px;top:15px}.custom-avatar-head .eye-right{width:4px;height:4px;right:6px;top:15px}.custom-avatar-head .mouth{width:8px;height:2px;left:9px;top:24px;background:#a95562}.custom-avatar-hair{position:absolute;z-index:6;left:14px;top:11px;width:38px;height:18px;border:3px solid #151b27;background:var(--avatar-hair)}.custom-avatar[data-hair="0"] .custom-avatar-hair{clip-path:polygon(0 38%,15% 38%,22% 0,38% 32%,52% 0,66% 32%,82% 0,100% 38%,100% 100%,0 100%)}.custom-avatar[data-hair="1"] .custom-avatar-hair{left:12px;width:41px;height:20px;transform:skew(-8deg)}.custom-avatar[data-hair="2"] .custom-avatar-hair{left:12px;width:42px;height:43px;border-radius:5px}.custom-avatar[data-hair="2"] .custom-avatar-head{z-index:7}.custom-avatar[data-hair="3"] .custom-avatar-hair{border-radius:7px 7px 2px 2px}.custom-avatar[data-hair="3"] .custom-avatar-hair:after{content:"";position:absolute;right:-11px;top:6px;width:10px;height:25px;border:3px solid #151b27;background:var(--avatar-hair)}.custom-avatar[data-hair="4"] .custom-avatar-hair{left:17px;top:14px;width:32px;height:12px;border-radius:50% 50% 0 0}.custom-avatar[data-hair="5"] .custom-avatar-hair{left:13px;top:8px;width:40px;height:20px;border-radius:8px;box-shadow:-4px -3px 0 var(--avatar-hair),4px -4px 0 var(--avatar-hair)}.custom-avatar-accessory{display:none;position:absolute;z-index:9}.custom-avatar[data-accessory="1"] .custom-avatar-accessory{display:block;left:15px;top:31px;width:36px;height:11px;border-top:3px solid #202633;border-bottom:3px solid #202633;background:linear-gradient(90deg,transparent 0 5px,rgba(34,211,238,.25) 5px 14px,transparent 14px 21px,rgba(34,211,238,.25) 21px 30px,transparent 30px)}.custom-avatar[data-accessory="2"] .custom-avatar-accessory{display:block;left:9px;top:17px;width:48px;height:30px;border:5px solid #303b50;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:-5px 10px 0 -1px #22d3ee,5px 10px 0 -1px #22d3ee}.custom-avatar[data-accessory="3"] .custom-avatar-accessory{display:block;left:11px;top:5px;width:44px;height:15px;border:3px solid #151b27;background:var(--avatar-shirt)}.custom-avatar[data-accessory="3"] .custom-avatar-accessory:after{content:"";position:absolute;right:-11px;bottom:-5px;width:16px;height:5px;background:var(--avatar-shirt);border:3px solid #151b27}.secondary-action{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);border-radius:8px;background:#ffffff09;color:#d5deea;font-size:11px;font-weight:700;transition:background .18s ease,border-color .18s ease}.secondary-action:hover{border-color:#22d3ee66;background:#22d3ee12}.avatar-randomize{width:100%}.avatar-options{display:grid;gap:17px}.avatar-fieldset{min-width:0;border:0}.avatar-fieldset legend{margin-bottom:8px;color:#d9e2ee;font-size:11px;font-weight:700}.avatar-swatches{display:flex;flex-wrap:wrap;gap:7px}.avatar-swatches button{width:42px;height:42px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;transition:border-color .18s ease,background .18s ease}.avatar-swatches button:hover{background:#ffffff0d}.avatar-swatches button.is-selected{border-color:var(--primary);background:#22d3ee14;box-shadow:inset 0 0 0 1px #22d3ee40}.avatar-swatches button span{width:26px;height:26px;border:2px solid rgba(255,255,255,.25);border-radius:6px;background:var(--swatch);box-shadow:inset 0 0 0 2px #0000001f}.avatar-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hair-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-segments button{min-height:40px;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:#ffffff06;color:var(--text-soft);font-size:10px;transition:border-color .18s ease,color .18s ease,background .18s ease}.avatar-segments button:hover{color:var(--text);background:#ffffff0d}.avatar-segments button.is-selected{border-color:#22d3ee8c;background:#22d3ee1a;color:#a5f3fc}.avatar-modal-actions{margin-top:24px;padding-top:18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border)}.avatar-modal-actions .primary-button{margin:0}.engine-state{position:absolute;z-index:999;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#182238 0,#080b14 65%);color:var(--text)}.engine-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.engine-state>*{position:relative}.engine-logo{width:58px;height:58px;margin-bottom:18px;display:grid;place-items:center;border:2px solid #71e9f7;background:var(--primary);color:#08232a;font:13px var(--font-pixel);box-shadow:5px 5px #08758d}.engine-state>strong{font-size:19px}.engine-state>p{max-width:420px;margin-top:9px;padding:0 18px;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.engine-state.is-error>p{color:#fda4af}.engine-state .primary-button{width:auto;margin:20px auto 0}.pixel-loader{height:15px;margin-top:21px;display:flex;gap:5px}.pixel-loader i{width:9px;height:9px;background:var(--primary);animation:pixel-pulse 1s infinite ease-in-out}.pixel-loader i:nth-child(2){animation-delay:.12s;background:#50c4e9}.pixel-loader i:nth-child(3){animation-delay:.24s;background:var(--secondary)}.pixel-loader i:nth-child(4){animation-delay:.36s;background:var(--accent)}@keyframes pixel-pulse{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-5px);opacity:1}}@media(max-width:1023px){:root{--panel-width: 264px}.workspace-brand strong{display:none}.workspace-location{min-width:210px}.connection-pill{display:none}.minimap-wrap{right:14px;top:calc(var(--header-height) + 14px)}.people-panel~.minimap-wrap{right:calc(var(--panel-width) + 28px)}.video-stack{right:16px;bottom:88px}}@media(max-width:767px){:root{--header-height: 58px;--rail-width: 0px}.landing-header{height:72px;padding:0 18px}.landing-status{display:none}.landing-grid{width:min(100% - 32px,560px);min-height:auto;grid-template-columns:1fr;gap:36px;padding:42px 0 48px}.landing-copy h1{font-size:clamp(38px,12vw,54px)}.landing-copy>p{font-size:16px}.feature-row{gap:12px 18px}.pixel-preview{aspect-ratio:2}.room-three{display:none}.join-card{padding:28px 22px}.landing-footer{padding:18px}.landing-footer span:last-child{display:none}.workspace-header{gap:8px;padding:0 8px}.workspace-brand{width:38px}.brand-mark.small{width:32px;height:32px;box-shadow:none}.workspace-location{min-width:0;flex:1;padding:0 5px}.workspace-location .location-icon,.workspace-location>svg,.workspace-location span{display:none}.workspace-location strong{font-size:12px}.workspace-meta{gap:5px}.header-people{min-width:44px;padding:0 7px}.profile-chip{width:42px;height:42px;padding:4px}.profile-chip>span:not(.profile-avatar),.profile-chip>svg{display:none}.workspace-rail{top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;width:auto;height:60px;padding:5px 8px;flex-direction:row;justify-content:space-around;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg)}.rail-button{width:52px;min-height:48px}.rail-button.is-active{box-shadow:inset 0 -3px 0 var(--primary)}.rail-divider{width:1px;height:28px;margin:0 2px}.rail-spacer{display:none}.workspace-rail .rail-button:nth-of-type(5){display:none}.people-panel{top:calc(var(--header-height) + 8px);right:8px;bottom:76px;width:min(304px,calc(100vw - 16px))}.chat-panel,.chat-panel.is-open{left:8px;bottom:76px;width:min(340px,calc(100vw - 16px))}.chat-panel:not(.is-open){width:210px}.control-dock{bottom:76px;left:auto;right:8px;transform:none}.dock-button{min-width:52px;padding-inline:7px}.dock-button span,.zoom-controls{display:none}.minimap-wrap{top:calc(var(--header-height) + 8px);right:8px}.minimap-card{width:144px}.interaction-prompt{top:62%}.video-stack{right:8px;bottom:142px}.video-tile{width:150px}.video-tile.local-video{width:120px}.system-banner{top:calc(var(--header-height) + 8px);max-width:calc(100vw - 20px);width:max-content}.media-warning{top:calc(var(--header-height) + 55px)}.avatar-modal{padding:20px}.avatar-customizer-layout{grid-template-columns:1fr}.avatar-preview-column{position:static;width:min(240px,100%);margin:0 auto}.avatar-preview-stage{height:230px}.avatar-options{gap:15px}.avatar-modal-actions{position:sticky;bottom:-20px;margin-inline:-20px;padding:14px 20px 20px;background:#121a29}.avatar-segments{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-segments{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.pixel-preview{display:none}.landing-copy{text-align:center}.eyebrow{margin-inline:auto}.feature-row{justify-content:center}.landing-grid{padding-top:30px;gap:30px}.join-card{text-align:left}.join-card h2,.join-card>p{text-align:center}.keyboard-hint{gap:5px;font-size:9px}.workspace-rail .rail-label{display:none}.workspace-rail .rail-button{width:46px}.people-panel,.chat-panel.is-open{width:calc(100vw - 16px)}.control-dock{bottom:75px}.reaction-pop{bottom:140px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}