:root{--ink: #1f2a1d;--panel: rgba(255, 255, 255, .88);--line: #cfdac9;--accent: #3e5f3a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}html,body{margin:0;height:100%;overflow:hidden;background:#e9f1e4}#world{position:fixed;inset:0;display:block}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:360px}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px;width:260px;max-height:calc(100vh - 24px);display:flex;flex-direction:column;box-sizing:border-box}.top-right>.body{overflow-y:auto;min-height:0;margin-right:-6px;padding-right:6px}.bottom-right{bottom:12px;right:12px;width:340px}.center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:24px 32px}.center h1{margin:0 0 8px}.center form{display:flex;gap:6px;justify-content:center}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}.label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667;margin-top:8px}.muted{color:#667}.small{font-size:12px}.error{color:#b3261e;font-size:12px}button,.button,input,select{font:inherit;border:1px solid var(--line);border-radius:6px;padding:5px 9px;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}.avatars{gap:4px}.avatar{padding:0;border:2px solid transparent;border-radius:8px;background:#f3f6f1;line-height:0}.avatar.on{border-color:var(--accent);background:#e3eedc}.rack{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:2px}.wear{width:40px;height:32px;padding:0;border:2px solid transparent;border-radius:6px;background:#f3f6f1;color:#888;font-size:13px;line-height:0}.wear.on{border-color:var(--accent);background:#e3eedc}.wear>i{display:inline-block;width:30px;height:20px;border-radius:4px}.trail-sparkle{background:radial-gradient(circle at 30% 50%,#f3d27a 0 2px,transparent 3px),radial-gradient(circle at 60% 30%,#f7e3a6 0 1.5px,transparent 2.5px),radial-gradient(circle at 80% 65%,#f3d27a 0 1.5px,transparent 2.5px)}.trail-dust{background:radial-gradient(circle at 25% 50%,#d8d3c8 0 5px,transparent 6px),radial-gradient(circle at 60% 45%,#e2ddd3 0 4px,transparent 5px),radial-gradient(circle at 85% 55%,#ece8df 0 3px,transparent 4px)}.trail-rainbow{background:linear-gradient(to bottom,#e57373,#f0a868,#f2d777,#8ccf8a,#7fb2e5,#b48ad4)}.trail-leaves{background:radial-gradient(ellipse 5px 3px at 25% 50%,#8fb35e 0 100%,transparent 101%),radial-gradient(ellipse 5px 3px at 55% 35%,#6f9a4a 0 100%,transparent 101%),radial-gradient(ellipse 5px 3px at 80% 60%,#c9a24a 0 100%,transparent 101%)}.sprite-box{position:relative;display:inline-block;width:64px;height:56px;overflow:hidden}.sprite-box.small{width:36px;height:30px}.roster{margin-top:6px;max-height:260px;overflow-y:auto}.roster-row{display:flex;align-items:center;gap:8px;padding:2px 0}.roster-row .who{flex:1;min-width:0}.roster-row .who .small{display:block}.chat{display:flex;flex-direction:column;gap:6px}.chat-log{max-height:220px;overflow-y:auto;font-size:13px}.chat-log .line{margin:2px 0}#chat-input{width:100%;box-sizing:border-box}#media{position:fixed;left:-4px;top:-4px;width:2px;height:2px;overflow:hidden;opacity:.01;pointer-events:none}.share-source{width:2px;height:2px}.share-label{position:absolute;left:6px;bottom:6px;padding:2px 6px;background:#0009;color:#fff;font-size:12px;border-radius:4px}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9aa;flex:none}.status-dot.available{background:#3fa35b}.status-dot.busy{background:#d9534f}.status-dot.away{background:#e0a63a}.status-dot.focus{background:#8b5cf6}.wave{background:#fff4c8;border-radius:6px;padding:4px 6px}button.small{padding:2px 7px;font-size:12px}.customize{margin-top:4px;border-top:1px solid var(--line);padding-top:6px}.customize .role{gap:8px;margin:3px 0;font-size:13px;cursor:pointer}.customize input[type=color]{width:30px;height:22px;padding:0;border-radius:4px}button.offer{background:#fff1b8;border-color:#e0b530;animation:offer-pulse .9s ease-in-out infinite}@keyframes offer-pulse{50%{transform:scale(1.12)}}.emotes button{padding:2px 6px;font-size:16px;line-height:1.2}.call-canvas{display:block;width:100%;height:96px;border:1px solid var(--line);border-radius:6px;cursor:crosshair;touch-action:none;margin:4px 0}.banner{position:fixed;top:0;left:0;right:0;text-align:center;padding:6px;background:#e0a63a;color:#2b2b2b;font-weight:600;z-index:20}#world.offline{filter:grayscale(.8) brightness(.8)}.share-big{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,1400px);aspect-ratio:16 / 9;z-index:15;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000080;cursor:zoom-out}.share-big video{width:100%;height:100%;object-fit:contain}.audio-settings select{max-width:220px}.onboarding{position:fixed;inset:0;background:#141e148c;display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:auto}.ob-card{position:static;max-width:520px;padding:22px 26px}.ob-card h2{margin:0 0 6px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:8px 18px;font-weight:600}.narrow-only{display:none}@media(max-width:1100px){.narrow-only{display:inline-block}.top-right{display:none}.top-right.open{display:block;top:12px;left:12px;right:12px;width:auto;max-width:none;z-index:10}.top-left{max-width:calc(100vw - 24px)}.bottom-right{width:min(340px,calc(100vw - 24px))}}button.collapse{padding:0 6px;font-size:12px;line-height:20px;border-color:transparent;background:transparent;color:#667}button.collapse:hover{border-color:var(--line);background:#fff}.panel.collapsed .body{display:none}.panel.collapsed{opacity:.92}