.salon-dock{z-index:7000;flex-direction:column;align-items:flex-end;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}body.has-tabbar .salon-dock{bottom:calc(var(--tabbar-h,0px) + 12px)}body.in-game .salon-dock{display:none}@media (min-width:900px){body.has-tabbar .salon-dock{bottom:16px}}.dock-pill{border:var(--stroke) solid var(--ink);background:var(--mustard);max-width:280px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;transition:transform .15s cubic-bezier(.3,1.8,.5,1);animation:.4s both bounceIn;display:flex;position:relative}.dock-pill:hover{transform:rotate(-2deg)translateY(-2px)}.salon-dock.playing .dock-pill{background:var(--tomato);color:#fff7e2;animation:.4s both bounceIn,2.2s ease-in-out 1s infinite dockNudge}@keyframes dockNudge{0%,80%,to{transform:none}85%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}95%{transform:rotate(-2deg)}}.dock-icon{background:var(--paper-2);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.dock-pill-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.dock-pill-text b{font-family:var(--font-display);font-size:1rem;font-weight:400}.dock-pill-text small{opacity:.85;font-size:.72rem}.dock-badge{background:var(--tomato);color:#fff7e2;border:2px solid var(--ink);border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.75rem;font-weight:700;animation:1s ease-in-out infinite pulse;display:grid;position:absolute;top:-8px;right:-6px}.dock-card{border:var(--stroke-lg) solid var(--ink);background:var(--paper-2);width:min(360px,100vw - 32px);box-shadow:var(--shadow-lg);transform-origin:100% 100%;border-radius:20px;overflow:hidden}.dock-head{background:var(--mustard);border-bottom:3px dashed var(--ink);align-items:center;gap:10px;padding:10px 12px;display:flex}.salon-dock.playing .dock-head{background:var(--tomato);color:#fff7e2}.dock-x{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;flex:none;width:32px;height:32px;font-size:1rem}.dock-faces{gap:0;padding:8px 12px 0;display:flex}.dock-faces>span{margin-right:-6px}.dock-faces>span.away{opacity:.4}.dock-chat{flex-direction:column;gap:3px;height:180px;padding:8px 12px;font-size:.9rem;display:flex;overflow-y:auto}.dock-form{align-items:center;gap:4px;padding:0 10px 8px;display:flex}.dock-form .input{flex:1;min-width:0;padding:6px 10px}.dock-react{cursor:pointer;background:0 0;border:none;padding:2px;font-size:1.1rem;transition:transform .12s}.dock-react:hover{transform:scale(1.3)rotate(-10deg)}.dock-actions{border-top:2px solid #1a120b1f;gap:6px;padding:8px 10px 10px;display:flex}