players-panel{position:absolute;top:74px;left:16px;z-index:14;width:min(280px,calc(100vw - 32px));max-height:min(60vh,460px);overflow-y:auto;padding:18px;border-radius:var(--shape-l);background:var(--surface-container);box-shadow:0 18px 44px #00000080;transition:opacity var(--motion-fast),transform var(--motion-spring)}players-panel[state=hidden]{opacity:0;transform:translateY(-12px) scale(.94);pointer-events:none}players-body{display:flex;flex-direction:column;gap:14px}players-head{display:flex;align-items:center;justify-content:space-between;gap:12px}players-title{font-size:18px;font-weight:600}players-close{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--shape-full);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer}players-list{display:flex;flex-direction:column;gap:4px}players-zone{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;font-weight:600;color:var(--on-surface-variant)}players-zone:first-child{margin-top:0}players-zone[state=here]{color:var(--secondary)}players-count{font-variant-numeric:tabular-nums;font-weight:500}players-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--shape-m);background:var(--surface-container-high)}players-row[state=me]{background:var(--primary-container)}players-dot{width:14px;height:14px;border-radius:var(--shape-full);background:var(--dot);flex:none}players-name{flex:1;font-weight:500;word-break:break-word}players-you{font-size:12px;color:var(--on-surface-variant)}players-empty{font-size:14px;color:var(--on-surface-variant)}players-actions{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--surface-container-high)}players-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--shape-m);background:var(--surface-container-high);font-size:14px;font-weight:500;cursor:pointer;transition:transform var(--motion-spring),background var(--motion-fast)}players-action:hover{background:var(--primary-container)}players-action:active{transform:scale(.97)}players-action[state=hidden]{display:none}players-action m-symbol{font-size:20px;color:var(--on-surface-variant)}
