.clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);border:1px solid var(--line);background:#f4f1ea0a;border-radius:6px;padding:4px 10px;font-size:15px;transition:color .3s,background .3s,border-color .3s}.clock.is-active{color:var(--text);background:var(--accent-soft);border-color:var(--accent-line)}.pbar{align-items:center;gap:10px;min-height:40px;font-size:14px;display:flex}.pbar__chip{border-radius:5px;flex:none;width:22px;height:22px;position:relative}.pbar__chip--w{background:var(--text)}.pbar__chip--b{box-shadow:inset 0 0 0 1px var(--line-2);background:#0b0c0e}.pbar__name{letter-spacing:-.01em;font-weight:550}.pbar__side{color:var(--dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-right:auto;font-size:11px}.pbar.is-active .pbar__chip:after{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.movelist{font-family:var(--font-mono);gap:2px;font-size:13px;display:grid}.movelist li{color:var(--muted);border-radius:4px;grid-template-columns:28px 1fr 1fr;align-items:center;padding:3px 6px;display:grid}.movelist__n{color:var(--dim)}.movelist__m{border-radius:4px;margin-left:-6px;padding:1px 6px}.movelist__m.is-last{background:var(--accent-soft);color:var(--accent)}.livebadge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ok);background:#8fb99612;border:1px solid #8fb99647;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 9px;font-size:11px;display:inline-flex}