*{box-sizing:border-box;margin:0}body{color:#111;background:#fff;padding:16px;font:13px/1.5 ui-monospace,SF Mono,Menlo,monospace}.bar{border:2px solid #111;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:12px;padding:8px 12px;display:flex}.pill{border:2px solid #111;padding:1px 10px;font-weight:700}.pill.connected{color:#fff;background:#111}.stat b{font-variant-numeric:tabular-nums}.dim{color:#666}#grid{width:min(92vw,640px);image-rendering:pixelated;touch-action:manipulation;border:2px solid #111;display:block}#log{color:#444;border:1px solid #999;height:130px;margin-top:12px;padding:8px 12px;font-size:12px;overflow-y:auto}#log .t{color:#999}.who{color:#444;margin-top:10px;font-size:12px}