/* The Bestiário's tracker (web/js/tracker.js): a small box on the field, as the party's bar (map-box), one row per
   creature: its miniature and X/Y; the client's green tick when complete. Only the project's pieces and colours. */
#tracker{display:grid;gap:2px;padding:2px;touch-action:none;user-select:none;-webkit-user-select:none}
#viewport>#tracker{width:max-content}
#tracker.is-move{cursor:move}
#tracker .trk-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:4px;justify-content:start;align-items:center;padding:1px 2px;cursor:pointer}
#tracker .trk-row canvas{width:26px;height:26px;background:#1c1c1c;border:1px solid #000;image-rendering:pixelated}
#tracker .trk-row b{font-weight:normal;font-size:10px;line-height:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
#tracker .trk-row.is-done b{color:#5fc85f}
#tracker .trk-row img{image-rendering:pixelated}
.cy-track{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:#c0c0c0;cursor:pointer}
.cy-track input{width:16px;height:16px;min-height:16px;margin:0}