:root{--bug-x: 56px;--bug-y: 56px;--ink: #ffffff;--panel: rgba(12, 12, 14, .92);--panel-ours: #b4122a;--mid: #08080a;--band: #1a1a1f;--rule: rgba(255, 255, 255, .14);--dim: #9aa0a6;--flag: #f5c518;--flag-ink: #0b0b0d;--ball: #8b4a22}html,body{margin:0;height:100%;background:transparent;overflow:hidden;-webkit-font-smoothing:antialiased}.bug{position:fixed;left:var(--bug-x);bottom:var(--bug-y);display:flex;align-items:stretch;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);border-radius:6px;overflow:hidden;box-shadow:0 10px 34px #0000008c}.bug-side{position:relative;display:flex;align-items:center;gap:14px;width:260px;height:74px;box-sizing:border-box;background:var(--panel)}.bug-side.is-us{background:var(--panel-ours);padding:0 18px 0 16px}.bug-side.is-them{padding:0 16px 0 18px}.bug-crest{width:42px;height:42px;flex:none;object-fit:contain;display:block}.bug-abbr{flex:1;font-size:30px;font-weight:700;letter-spacing:1px}.bug-side.is-them .bug-abbr{text-align:right}.bug-score{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:36px;font-weight:700;min-width:44px;font-variant-numeric:tabular-nums}.bug-side.is-us .bug-score{text-align:right}.bug-side.is-them .bug-score{text-align:left}.bug-ball{position:relative;flex:none;width:20px;height:12px;border-radius:50%;background:var(--ball);box-shadow:0 0 0 1.5px #fff;transform:rotate(-25deg);opacity:0;transition:opacity .25s}.bug-side.is-them .bug-ball{transform:rotate(25deg)}.bug-lace{position:absolute;left:5px;right:5px;top:5.25px;height:1.5px;background:#fff}.bug-ball.is-on{opacity:1}.bug-underline{position:absolute;left:0;right:0;bottom:0;height:4px;background:#fff;opacity:0;transition:opacity .25s}.bug-side.is-them .bug-underline{background:var(--panel-ours)}.bug-side.has-ball .bug-underline{opacity:1}.bug-mid{display:flex;flex-direction:column;width:236px;height:74px;background:var(--mid);border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.bug-band{height:30px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--band);color:var(--ink);border-bottom:1px solid var(--rule);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px;font-weight:700;letter-spacing:1.5px;white-space:nowrap;transition:background .2s,color .2s}.bug-band.is-flag{background:var(--flag);color:var(--flag-ink)}.bug-band.is-timeout{background:var(--ink);color:var(--flag-ink)}.bug-spot{color:var(--dim);margin-left:10px}.bug-time{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-family:IBM Plex Mono,ui-monospace,monospace}.bug-period{font-size:14px;font-weight:600;letter-spacing:2px;color:var(--dim)}.bug-clock{font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.bug-clock.is-stopped{color:var(--dim)}.bug-final{font-size:22px;font-weight:700;letter-spacing:4px}