:root{--pub-voice-tone: #a6e22e}.pub-counter-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:12px;padding-top:12px;border-top:var(--hairline) solid var(--line-soft);font-size:.85rem}.pub-counter-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;flex:1 1 auto;min-width:0}.pub-counter-group-label{flex:none;font-family:var(--font-display);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.pub-counter-divider{flex:none;align-self:stretch;width:var(--hairline);background:var(--line-soft);min-height:1.4em}@media(max-width:640px){.pub-counter-divider{display:none}.pub-counter-group{flex-basis:100%}}.pub-counter-item{flex:none;color:var(--ink-muted);white-space:nowrap}.pub-counter-value{color:var(--accent-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-right:4px}.pub-offline-note{margin:8px 0 0;color:var(--pub-error-tone)}.pub-info-line{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px;color:var(--ink-muted);font-family:var(--font-mono);font-size:.9rem}.pub-connect-row{display:flex;align-items:center;gap:10px;margin-top:14px}.pub-connect-address{font-family:var(--font-mono);color:var(--accent-soft);background:var(--surface-2);border:var(--hairline) solid var(--line-soft);border-radius:var(--radius);padding:4px 10px;font-size:.9rem}.pub-copy-button{background:transparent;border:var(--hairline) solid var(--line);border-radius:var(--radius);color:var(--accent-soft);padding:4px 12px;font-size:.85rem;cursor:pointer}.pub-copy-button:hover{background:var(--surface-2)}.pub-teams-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.pub-teams-row{grid-template-columns:1fr}}.pub-team{padding:16px 18px;border-top:3px solid var(--pub-team-color)}.pub-team-heading{margin:0 0 10px;font-family:var(--font-display);font-weight:400;font-size:1.05rem;color:var(--pub-team-color, var(--ink))}.pub-spectators .pub-team-heading{color:var(--team-spectator)}.pub-empty-note{color:var(--ink-faint);margin:0;font-size:.9rem}.pub-roster{width:100%;border-collapse:collapse;font-size:.9rem}.pub-roster th{text-align:left;color:var(--ink-faint);font-weight:400;font-size:.8rem;padding:4px 6px;border-bottom:var(--hairline) solid var(--line-soft)}.pub-roster td{padding:5px 6px;border-bottom:var(--hairline) solid var(--line-soft)}.pub-roster tr:last-child td{border-bottom:none}.pub-roster-num{font-family:var(--font-mono);text-align:right;color:var(--ink-muted);white-space:nowrap}.pub-roster-name{display:flex;align-items:center;gap:6px}.pub-flag{flex:none;border-radius:2px}.pub-bot-badge{font-size:.62rem;font-family:var(--font-mono);letter-spacing:.03em;background:var(--surface-2);border:var(--hairline) solid var(--line-soft);border-radius:3px;color:var(--ink-faint);padding:1px 5px;flex-shrink:0}.pub-roster-skill{color:var(--accent-soft);text-align:center}.pub-roster-skill .class-icon{width:15px;height:15px;display:block;margin:0 auto}.pub-spectators{padding:16px 18px}.pub-spectator-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.9rem;color:var(--ink-muted)}.pub-chat{padding:16px 18px}.pub-chat-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.pub-chat-row{display:flex;gap:8px;font-size:.88rem;line-height:1.5;flex-wrap:wrap}.pub-chat-time{flex:none;font-family:var(--font-mono);color:var(--ink-faint);font-size:.78rem}.pub-chat-name{flex:none;font-weight:600}.pub-chat-name:after{content:":";color:var(--ink-faint)}.pub-chat-message{color:var(--ink-muted);word-break:break-word}.pub-chat-broadcast,.pub-chat-broadcast .pub-chat-name{color:var(--warn)}.pub-chat-voice,.pub-chat-voice .pub-chat-name{color:var(--pub-voice-tone)}.pub-chat-kill-icon{flex:none;color:var(--danger)}.pub-stats{padding:16px 18px}.pub-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:640px){.pub-stats-grid{grid-template-columns:repeat(2,1fr)}}.pub-stat-tile{text-align:center;padding:10px 6px;background:var(--surface-2);border:var(--hairline) solid var(--line-soft);border-radius:var(--radius)}.pub-stat-value{font-family:var(--font-mono);font-size:1.3rem;color:var(--accent-soft)}.pub-stat-label{margin-top:2px;font-size:.75rem;color:var(--ink-faint)}