/* The Field tab (web/js/field.mjs): keep/cut every field bot, with its Elo and average thinking time from a run. */
#screen-field{padding:16px 20px}
#screen-field.on{display:flex;flex-direction:column;gap:10px;min-height:0}
.fld-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.fld-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.fld-help{margin:0;max-width:90ch}
.fld-wrap{overflow:auto;min-height:0;flex:1;border:1px solid var(--line, rgba(128,128,128,.25));border-radius:8px}
.fld{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:13px}
.fld th{position:sticky;top:0;z-index:1;background:var(--panel, var(--bg));text-align:left;font-weight:700;padding:8px 10px;cursor:pointer;user-select:none;white-space:nowrap;border-bottom:1px solid var(--line, rgba(128,128,128,.25))}
.fld th.num,.fld td.num{text-align:right}
.fld td{padding:5px 10px;border-bottom:1px solid var(--line, rgba(128,128,128,.12));white-space:nowrap}
.fld td.nm{font-weight:600}
.fld td.nm .lbav{display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle}
.fld td.why{white-space:normal;min-width:18ch;max-width:42ch;color:var(--muted, inherit);opacity:.85}
.fld tr.cut td:not(:first-child){opacity:.45}
.fld tr.cut td.nm{text-decoration:line-through}
.fld tr:hover td{background:rgba(128,128,128,.08)}