.tr{--tr-pic:32px;--tr-h:132px;--tr-r:34px}.tr[hidden]{display:none}.tr-card{grid-template-columns:minmax(0,1fr)}.tr-top{justify-content:space-between;align-items:flex-end;gap:var(--ui-s4);display:flex}.tr-sum{flex:none;gap:2px;display:grid}.tr-read{font-variant-numeric:tabular-nums;flex:0 auto;min-width:0;max-width:100%;overflow:hidden}.tr-read img{border-radius:var(--r-xs);background:var(--face-bg);object-fit:cover;width:18px;height:18px;transition:opacity .18s var(--ease);flex:none}.tr-read img.is-loading{opacity:0}.tr-k{color:var(--muted);flex:none}.tr-name{min-width:0;color:var(--fg);text-overflow:ellipsis;font-weight:600;overflow:hidden}.tr-v{flex:none}.tr-plot{height:var(--tr-h);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.tr-field{inset:calc(var(--tr-pic) / 2) var(--tr-r) calc(var(--tr-pic) / 2) calc(var(--tr-pic) / 2);position:absolute}.tr-bar{left:calc(var(--tr-pic) / -2);right:calc(var(--tr-r) * -1);border-top:1px dashed var(--line);height:0;position:absolute}.tr-bar span{color:var(--muted);font:500 var(--ui-fs-meta) / 1 var(--font);font-variant-numeric:tabular-nums;position:absolute;bottom:3px;right:0}.tr-pt{background:color-mix(in srgb, var(--fg) 24%, transparent);width:6px;height:6px;transition:opacity .18s var(--ease), background-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:50%;outline:none;position:absolute;transform:translate(-50%,-50%)}.tr-pt:not(.is-pic){pointer-events:none}.tr-pt.is-pic{width:var(--tr-pic);height:var(--tr-pic);background:var(--tile-solid);box-shadow:0 0 0 1px var(--ring), 0 3px 10px #0000001f;border-radius:8px}.tr-pt img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:none}.tr-pt.is-pic img{display:block}.tr-field.scrubbing>.tr-pt:not(.is-at){opacity:.36}.tr-pt.is-at:not(.is-pic){background:var(--fg)}.tr-pt.is-at.is-pic,.tr-pt.is-pic:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--fg), 0 3px 10px #0000001f}.tr .scrub-at b{display:none}.tr-years{height:18px;margin:-8px var(--tr-r) 0 calc(var(--tr-pic) / 2);color:var(--muted);font:500 var(--ui-fs-meta) / 18px var(--font);font-variant-numeric:tabular-nums;position:relative}.tr-years span{white-space:nowrap;position:absolute;top:0}@media (width<=640px){.tr{--tr-pic:28px;--tr-h:120px;--tr-r:30px}.tr-top{align-items:flex-start;gap:var(--ui-s2);flex-direction:column}}.dash-tile-t{color:var(--muted);font:500 var(--ui-fs-body) / 1.3 var(--font);margin:0}.dash-tile-num{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.dash-tile-num b{font:600 var(--ui-fs-name) / 1.1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;gap:6px;display:inline-flex}.dash-pill{border-radius:var(--r-pill);background:color-mix(in srgb, var(--fg) 6%, transparent);height:26px;color:color-mix(in srgb, var(--fg) 78%, var(--bg));font:500 var(--ui-fs-meta) / 1 var(--font);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.dash-pill .chg{font-weight:600}.dash-pill.is-quiet{color:var(--muted)}.dash-pill.is-best{background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--gold);font-weight:600}.dash-tile-num .chg{font:600 var(--ui-fs-meta) / 1 var(--font)}.dash-pill.is-warn{background:color-mix(in srgb, var(--amber) 15%, transparent);color:var(--amber)}.dash-pill.is-warn .chg{color:inherit}