.pc{--pc-accent:var(--primary);--pc-state:transparent;--pc-line:var(--border);--pc-avatar:30px;--pc-pad:.45rem .6rem;--tt-color:var(--pc-accent);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-bottom);color:var(--foreground);text-align:left;font:inherit;flex-direction:column;transition:border-color .18s,background .18s,box-shadow .18s,transform .12s;display:flex;overflow:clip}.pc--waiting{--pc-state:#f59e0b}.pc--success{--pc-state:#22c55e}.pc--error{--pc-state:#f87171}.pc--waiting,.pc--success,.pc--error{border-color:color-mix(in srgb, var(--pc-state) 45%, transparent);--pc-line:color-mix(in srgb, var(--pc-state) 28%, var(--border))}.pc--you{border-color:color-mix(in srgb, var(--pc-accent) 40%, transparent);--pc-line:color-mix(in srgb, var(--pc-accent) 25%, var(--border))}.pc--you.pc--waiting,.pc--you.pc--success,.pc--you.pc--error{border-color:color-mix(in srgb, var(--pc-state) 45%, transparent)}.pc--selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--pc-accent) 45%, transparent);border-color:color-mix(in srgb, var(--pc-accent) 55%, transparent)}.pc--offline{opacity:.55}.pc--eliminated{opacity:.45;border-style:dashed}.pc--eliminated .pc-name{color:var(--secondary);text-decoration:line-through}.pc--button{cursor:pointer;appearance:none}.pc--button:hover{border-color:color-mix(in srgb, var(--pc-accent) 55%, transparent);background:color-mix(in srgb, var(--foreground) 5%, var(--surface-bottom))}.pc--button:active{transform:translateY(1px)}.pc--button:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}.pc-main{padding:var(--pc-pad);align-items:center;gap:.55rem;min-width:0;display:flex}.pc-grip{color:var(--secondary);opacity:0;flex:none;align-items:center;transition:opacity .15s;display:inline-flex}.pc-grip svg{width:13px;height:13px}.pc--movable{cursor:grab}.pc--movable:hover .pc-grip,.pc--movable:focus-visible .pc-grip{opacity:1}.pc--movable:active{cursor:grabbing}.pc--sm .pc-grip svg{width:11px;height:11px}.pc-avatar{width:var(--pc-avatar);height:var(--pc-avatar);border-radius:var(--avatar-radius);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.pc-avatar .player-avatar{border-radius:var(--avatar-radius);overflow:clip}.pc-mark{background:var(--pc-state);color:#14161a;border:2px solid var(--surface-bottom);z-index:4;transform-origin:100% 100%;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;font-size:8px;transition:transform .15s;display:flex;position:absolute;bottom:-3px;right:-3px}.pc-avatar:hover .pc-mark{transform:scale(.66)}.pc-mark svg{stroke-width:3.5px;width:9px;height:9px}.pc-mark--offline{background:var(--secondary)}.pc--waiting .pc-mark{animation:1.8s ease-in-out infinite pc-tick}@keyframes pc-tick{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.pc--waiting .pc-mark{animation:none}}.pc-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.pc-name-row{align-items:baseline;gap:.35rem;min-width:0;display:flex}.pc-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:.82rem;font-weight:600;overflow:hidden}.pc-host{color:#fbbf24;flex:none;align-self:center;line-height:0;display:inline-flex}.pc-host svg{width:.78em;height:.78em}.pc-you{text-transform:uppercase;letter-spacing:.06em;color:var(--pc-accent);flex:none;font-size:.58rem;font-weight:700}.pc-caption{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.pc-points{color:var(--foreground);font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:.15rem;margin-left:.1rem;padding-left:.6rem;display:flex;position:relative}.pc-points:before{content:"";background:var(--pc-line);width:1px;height:1.5rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pc-points-value{font-size:.88rem;font-weight:800}.pc-points-suffix{color:var(--muted-foreground);font-size:.6rem;font-weight:600}.pc-action{flex:none;align-items:center;display:inline-flex}.pc-action>button{appearance:none;border-radius:var(--radius-md);border:1px solid var(--border);width:22px;height:22px;color:var(--secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.pc-action>button:hover{color:#f87171;background:#f871711f;border-color:#f8717173}.pc-action>button.pc-kick--armed{color:#f87171;background:#f8717133;border-color:#f87171}.pc-badges{border-top:1px solid var(--pc-line);background:color-mix(in srgb, var(--foreground) 3.5%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;padding:.28rem .6rem;display:flex}.pc-badges--revealed{animation:.2s ease-out pc-badges-in}@keyframes pc-badges-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pc-badges--revealed{animation:none}}.pc--accented,.pc--accented.pc--waiting,.pc--accented.pc--success,.pc--accented.pc--error,.pc--accented.pc--you{border-color:color-mix(in srgb, var(--pc-accent) 55%, transparent);--pc-line:color-mix(in srgb, var(--pc-accent) 30%, var(--border))}.pc-badge{--pc-badge:var(--pc-accent);--tt-color:var(--pc-badge);letter-spacing:.03em;background:color-mix(in srgb, var(--pc-badge) 16%, transparent);border:1px solid color-mix(in srgb, var(--pc-badge) 32%, transparent);color:var(--pc-badge);border-radius:999px;align-items:center;gap:.22rem;max-width:14ch;padding:.05rem .4rem;font-size:.6rem;font-weight:700;line-height:1.5;display:inline-flex}[data-theme=light] .pc-badge:not(.pc-badge--solid){background:color-mix(in srgb, var(--pc-badge) 22%, transparent);color:color-mix(in srgb, var(--pc-badge) 65%, #000)}.pc-badge--solid{background:var(--pc-badge);border-color:var(--pc-badge);color:#14161a}.pc-badge-icon{line-height:0;display:inline-flex}.pc-badge-icon svg{stroke-width:2.6px;width:9px;height:9px}.pc-badge-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pc--sm{--pc-avatar:24px;--pc-pad:.4rem .55rem;border-radius:var(--radius-md)}.pc--sm .pc-main{gap:.4rem}.pc--sm .pc-name{font-size:.74rem}.pc--sm .pc-caption{display:none}.pc--sm .pc-points{padding-left:.45rem}.pc--sm .pc-points:before{height:1.1rem}.pc--sm .pc-points-value{font-size:.76rem}.pc--sm .pc-badges{gap:.22rem;padding:.28rem .55rem}.pc--sm .pc-badge{padding:.05rem .28rem;font-size:.55rem}.pc--sm .pc-mark{border-width:1.5px;width:12px;height:12px}.pc--sm .pc-mark svg{width:7px;height:7px}.pc--lg{--pc-avatar:58px;--pc-pad:1rem .9rem .75rem;border-radius:var(--radius-2xl);min-width:10.5rem}.pc--lg .pc-main{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.pc--lg .pc-body{flex:none;align-items:center;width:100%}.pc--lg .pc-name-row{justify-content:center;max-width:100%}.pc--lg .pc-name{font-size:1rem;font-weight:700}.pc--lg .pc-mark{width:22px;height:22px;bottom:0;right:0}.pc--lg .pc-mark svg{width:13px;height:13px}.pc--lg .pc-points{justify-content:center;width:100%;margin:.1rem 0 0;padding:.55rem 0 0}.pc--lg .pc-points:before{width:auto;height:1px;top:0;left:0;right:0;transform:none}.pc--lg .pc-points-value{font-size:1.5rem;line-height:1.1}.pc--lg .pc-badges{padding:.4rem .6rem}.ph{--pc-accent:var(--primary);cursor:help;align-items:center;transition:opacity .15s,color .15s,box-shadow .15s;display:inline-flex}.ph:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}.ph--avatar{border-radius:var(--avatar-radius);width:30px;height:30px;overflow:clip}.ph--avatar.ph--you{box-shadow:0 0 0 2px color-mix(in srgb, var(--pc-accent) 60%, transparent)}.ph--avatar:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--pc-accent) 75%, transparent)}.ph--name{border-radius:var(--radius-sm);color:var(--foreground);-webkit-text-decoration:underline dotted color-mix(in srgb, var(--secondary) 55%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--secondary) 55%, transparent);text-underline-offset:3px;padding:.1rem .15rem;font-size:.78rem;font-weight:600}.ph--name:hover,.ph--name.ph--you{color:var(--pc-accent)}.ph--offline{opacity:.55}.ph--eliminated{opacity:.45}.ph--eliminated.ph--name{color:var(--secondary);text-decoration-line:line-through}.ph-pop{z-index:10000;pointer-events:none;filter:drop-shadow(0 8px 24px #00000080);animation:.12s ease-out ph-in;position:fixed}@keyframes ph-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ph-pop{animation:none}}.ph-pop .pc{min-width:11rem}.ph-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ph-names{flex-wrap:wrap;align-items:center;gap:.1rem .6rem;display:flex}.tc{--tc-color:var(--primary);--tc-line:var(--border);--pc-line:var(--tc-line);--tt-color:var(--tc-color);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-bottom);color:var(--foreground);text-align:left;font:inherit;flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .12s;display:flex;overflow:clip}.tc--waiting{--tc-line:color-mix(in srgb, #f59e0b 28%, var(--border));border-color:#f59e0b73}.tc--success{--tc-line:color-mix(in srgb, #22c55e 28%, var(--border));border-color:#22c55e73}.tc--error{--tc-line:color-mix(in srgb, #f87171 28%, var(--border));border-color:#f8717173}.tc--you{border-color:color-mix(in srgb, var(--tc-color) 40%, transparent);--tc-line:color-mix(in srgb, var(--tc-color) 25%, var(--border))}.tc--selected{border-color:color-mix(in srgb, var(--tc-color) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--tc-color) 40%, transparent)}.tc--button{cursor:pointer;appearance:none}.tc--button:hover{border-color:color-mix(in srgb, var(--tc-color) 55%, transparent)}.tc--button:active{transform:translateY(1px)}.tc--button:focus-visible{outline:2px solid var(--tc-color);outline-offset:2px}.tc-head{background:color-mix(in srgb, var(--tc-color) 7%, transparent);align-items:center;gap:.55rem;min-width:0;padding:.65rem .75rem;display:flex}.tc-swatch{background:var(--tc-color);border-radius:999px;flex:none;width:9px;height:9px}.tc-title{flex-direction:column;flex:1;justify-content:center;gap:.05rem;min-width:0;min-height:2.3rem;display:flex}.tc-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.tc-caption{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.tc-score{align-self:center}.tc-action{flex:none;align-items:center;display:inline-flex}.tc-lock{appearance:none;border-radius:var(--radius-md);width:22px;height:22px;color:var(--secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.tc-lock:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 8%, transparent)}.tc-lock:focus-visible{outline:2px solid var(--tc-color);outline-offset:2px}.tc-lock svg{width:14px;height:14px}.tc--locked .tc-lock{color:var(--tc-color)}.tc-lock--static{cursor:default}.tc-lock--static:hover{color:var(--tc-color);background:0 0}.tc--dropping{border-color:color-mix(in srgb, var(--tc-color) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--tc-color) 22%, transparent);border-style:dashed}.tc--dropping .tc-head{background:color-mix(in srgb, var(--tc-color) 16%, transparent)}.tc-toggle{appearance:none;border-radius:var(--radius-md);width:22px;height:22px;color:var(--secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.tc-toggle:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 8%, transparent)}.tc-toggle:focus-visible{outline:2px solid var(--tc-color);outline-offset:2px}.tc-toggle svg{width:15px;height:15px;transition:transform .18s}.tc--folded .tc-toggle svg{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.tc-toggle svg{transition:none}}.tc-stack{flex:none;align-items:center;display:flex}.tc-face{--avatar-radius:999px;--tc-ring:2px;border-radius:var(--avatar-radius);width:24px;height:24px;box-shadow:0 0 0 var(--tc-ring) color-mix(in srgb, var(--tc-color) 7%, var(--surface-bottom));overflow:clip}.tc-face+.tc-face{margin-left:-6px}.tc-face--more{background:var(--muted);color:var(--muted-foreground);justify-content:center;align-items:center;width:auto;min-width:24px;padding:0 .15rem;font-size:.55rem;font-weight:800;display:flex}.tc-body{border-top:1px solid var(--tc-line);flex-direction:column;gap:.4rem;padding:.55rem;display:flex}.tc-empty{text-align:center;color:var(--secondary);padding:.75rem .2rem;font-size:.7rem}.tc-footer{border-top:1px solid var(--tc-line);align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.tc-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;gap:.75rem;display:grid}.pc-grid{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.pc-grid--fill>.pc{flex:0 13rem}