#detail { padding: 8px; align-content: start; }
  #detail[hidden] { display: none !important; }
  .racecols { display: grid; grid-template-columns: repeat(3, max-content); gap: 8px; align-content: start; }
  .selpage { display: none; flex: 0 0 460px; width: 460px; margin-left: 0; position: sticky; top: 0; align-self: flex-start; max-height: none; overflow: visible; background: #fff; border-left: 1px solid #bdbdbd; }
  .chat { display: none; flex: 1 1 240px; width: auto; min-width: 240px; align-self: flex-start; position: sticky; top: 0; height: auto; max-height: none; overflow: hidden; background: #fff; border-left: 1px solid #bdbdbd; flex-direction: column; z-index: 2; }
  .workspace.show-selection .chat { display: flex; }
  .chathead { padding: 6px 8px; background: #eceff1; color: #333; font-size: 13px; font-weight: 700; border-bottom: 1px solid #bdbdbd; }
  .people { flex: 1; min-height: 0; overflow: auto; }
  .peoples { display: grid; grid-template-columns: 1fr 1fr; min-height: 100%; }
  .peoplcol { padding: 4px 6px; min-width: 0; }
  .peoplcol + .peoplcol { border-left: 1px solid #e0e0e0; }
  .peoplcol b.head { display: block; margin-bottom: 4px; font-size: 12px; }
  .scoreline { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 8px; align-items: baseline; font-size: 12px; line-height: 1.4; }
  .scoreline .who { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .scoreline .rec { color: #555; font-variant-numeric: tabular-nums; text-align: center; }
  .scoreline b { text-align: right; }
  .selhead { padding: 6px 8px; background: #eceff1; color: #333; font-size: 13px; font-weight: 700; border-bottom: 1px solid #bdbdbd; }
  .selemp { margin: 8px; color: #777; font-size: 12px; }
  .selrace { display: flex; gap: 4px; border-bottom: 1px solid #000; padding: 2px 4px 4px; cursor: pointer; }
  .sellabel { width: 68px; flex: 0 0 68px; display: grid; grid-template-rows: auto auto auto 1fr; align-items: center; justify-items: center; line-height: 1.15; }
  .selnum { font-size: 20px; font-weight: 700; }
  .seldist { font-size: 13px; color: green; font-weight: 700; }
  .sellabel.awt .seldist { color: #8b4513; }
  .selclass { font-size: 12px; color: #555; text-align: center; }
  .selclass.group { color: orange; }
  .selpay { font-size: 13px; color: #9e9e9e; font-weight: 600; }
  .selpay.hit { color: red; }
  .selbody { min-width: 0; flex: 1; }
  .selhorses { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .selhorse { display: grid; grid-template-columns: 26px minmax(0, 1fr); grid-template-rows: 22px 14px 14px 16px; width: auto; min-width: 0; font-size: 11px; }
  .selno { grid-row: 1; grid-column: 1; text-align: center; font-weight: 700; font-size: 16px; line-height: 22px; }
  .selstar { grid-row: 2 / span 2; grid-column: 1; width: 18px; height: 18px; align-self: center; justify-self: center; display: block; padding: 0; margin: 0; }
  .seltools { display: flex; gap: 8px; align-items: flex-start; padding: 6px; border-top: 1px solid #bdbdbd; background: #fafafa; }
  .selcalc { background: #1e88e5; color: #fff; border: 0; border-radius: 3px; padding: 4px 10px; font-size: 13px; cursor: pointer; }
  .sellines { display: flex; flex-direction: column; gap: 1px; font-size: 12px; line-height: 1.3; }
  .sellines .single { color: orange; }
  .sellines .single.mid { text-decoration: underline; }
  .sellines .acc { color: green; }
  .selstar polygon { fill: #43a047; stroke: #2e7d32; stroke-width: 1; }
  .selstar.kind-banker polygon { fill: #fb8c00; stroke: #ef6c00; }
  .selstar.kind-qp polygon { fill: #e53935; stroke: #c62828; }
  .selplace { grid-row: 4; grid-column: 1; color: red; text-align: center; font-size: 11px; }
  .selname { grid-row: 1; grid-column: 2; text-align: center; white-space: nowrap; overflow: hidden; font-size: 15px; font-weight: 700; line-height: 22px; }
  .selwho { grid-column: 2; text-align: center; color: #444; font-size: 10px; white-space: nowrap; overflow: hidden; }
  .selodds { grid-row: 4; grid-column: 2; text-align: center; }
  .selq { color: darkgreen; font-size: 12px; line-height: 1.3; padding: 1px 0 2px; }
  .detail-head { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #1e88e5; color: #fff; padding: 8px 10px; font-size: 15px; }
  .detail-head .clear-race { margin-left: auto; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.75); border-radius: 4px; padding: 2px 8px; font-size: 13px; cursor: pointer; }
  .detail-head .clear-race:disabled { opacity: 0.6; cursor: default; }
  .gcol { background: #fff; }
  .ghead { margin: 0; padding: 4px 8px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
  .ghead .plan { font-size: 12px; font-weight: 600; }
  .ghead.h { background: #ffb6c1; }
  .ghead.s { background: #98fb98; }
  .ghead.c { background: #87cefa; }
  .horse { display: grid; grid-template-columns: 6px max-content; background: #fff; border-bottom: 1px solid #bbb; min-height: 118px; cursor: pointer; user-select: none; -webkit-user-select: none; }
  .horse.empty { background: transparent; border-bottom: 0; cursor: default; }
  .bar { grid-row: 1 / span 2; }
  .bar-orange { background: orange; }
  .bar-green { background: lightgreen; }
  .bar-blue { background: lightblue; }
  .card { display: grid; grid-template-columns: 156px 27px 222px; grid-template-areas: "hist rate right" "qin qin qin"; column-gap: 6px; row-gap: 2px; padding: 2px 2px 2px 0; align-items: start; }
  .histcol { grid-area: hist; margin-right: 4px; padding-right: 3px; }
  .side { grid-area: rate; margin-left: 2px; }
  .right { grid-area: right; width: 222px; }
  .right::before { content: ""; display: block; height: 2px; background: lightgray; }
  .stats { display: grid; grid-template-columns: 54px 58px 58px 40px; column-gap: 4px; align-items: start; }
  .lines { margin-top: 4px; border-top: 2px solid lightgray; padding-top: 2px; width: 100%; font-size: 11px; line-height: 1.35; }
  .lines > div { display: flex; width: 100%; justify-content: space-between; align-items: baseline; flex-wrap: nowrap; gap: 4px; }
  .lines .factor { justify-content: space-between; gap: 0; align-items: center; }
  .fact { display: grid; height: 12px; margin: 2px 0 0 0; align-items: center; flex: none; }
  .fact.tc { grid-template-columns: 20px 18px; }
  .fact.rank { grid-template-columns: 25px 13px; }
  .fact .flab { grid-column: 1 / -1; grid-row: 1; color: gray; font-size: 10px; line-height: 12px; font-weight: 400; }
  .fact .fval { grid-column: 2; grid-row: 1; justify-self: center; display: flex; align-items: center; justify-content: center; height: 10px; font-size: 10px; line-height: 10px; font-weight: 400; }
  .fact.tc .fval { width: 18px; }
  .fact.rank .fval { width: 13px; }
  .fact.st { grid-template-columns: 6px 16px; height: 14px; margin-top: 0; }
  .fact.st .flab { font-size: 12px; line-height: 14px; }
  .fact.st .fval { width: 12px; height: 14px; font-size: 12px; line-height: 14px; }
  .lines .speedrow { align-items: center; }
  .speedgrp { display: flex; align-items: center; flex: none; font-size: 12px; line-height: 14px; }
  .speedgrp .paren { margin-left: 2px; color: gray; }
  .speedgrp .stnum { margin-left: 2px; color: black; }
  .speedgrp .stcount, .speedgrp .stscore, .speedgrp .stref { margin-left: 2px; }
  .speedgrp .stref { color: black; }
  .lines .sectrow { align-items: center; }
  .sectime { flex: 1 1 0; height: 18px; min-width: 0; font-size: 14px; line-height: 18px; white-space: nowrap; }
  .sectrend { flex: none; height: 18px; margin-left: 2px; color: red; font-size: 14px; line-height: 18px; }
  .lines .sumrow { justify-content: flex-start; gap: 4px; align-items: center; font-size: 12px; line-height: 14px; }
  .sumrow span { white-space: nowrap; }
  .lines .keys { display: flex; flex-wrap: wrap; gap: 0 2px; min-width: 0; font-size: 12px; }
  .lines .pub { display: flex; align-items: baseline; flex: none; gap: 2px; margin-left: auto; font-size: 14px; }
  .lines .pub .pct { width: 40px; color: gray; font-size: 14px; }
  .mark { color: gray; }
  .mark b { color: darkgreen; font-weight: 700; }
  .idline { display: flex; align-items: center; gap: 2px; min-height: 22px; }
  .cloth { width: 24px; height: 22px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; flex: none; }
  .tone-red { background: red; color: #fff; }
  .tone-pink { background: pink; color: #000; }
  .tone-orange { background: orange; color: #000; }
  .tone-green { background: lightgreen; color: #000; }
  .tone-blue { background: lightblue; color: #000; }
  .hname { font-weight: 700; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .age { color: #333; font-size: 12px; margin-left: 3px; font-weight: 500; }
  .hist { display: grid; grid-template-columns: 22px repeat(6, 18px); column-gap: 4px; align-items: center; }
  .hist > * { justify-self: center; min-width: 0; }
  .hist i, .hist b, .hist em { display: flex; align-items: center; justify-content: center; width: 14px; margin-left: auto; margin-right: auto; font-style: normal; font-weight: 700; text-align: center; }
  .hist .tiny { width: 18px; }
  .fig { height: 20px; width: 18px; display: flex; justify-content: center; text-align: center; font-weight: 700; line-height: 9px; font-size: 8px; }
  .fig.up { align-items: flex-start; }
  .fig.mid { align-items: center; }
  .fig.same { font-size: 10px; }
  .fig.down { align-items: flex-end; }
  .hist .tick { height: 4px; width: 12px; margin: 1px auto; }
  .hist .daygap { height: 3px; width: 22px; margin: 0; display: block; justify-self: center; }
  .hist .trend { height: 2px; width: 22px; margin: 0; display: block; justify-self: center; }
  .hist .lbwslot { height: 14px; width: 12px; display: flex; align-items: flex-start; justify-content: center; justify-self: center; }
  .hist .lbwslot i { width: 6px; height: 1px; margin: 2px 0 0; display: block; }
  .hist .runexpect { grid-row: span 2; align-self: center; justify-self: center; width: 22px; margin: 0; font-size: 10px; font-weight: 500; color: midnightblue; line-height: 12px; text-align: center; }
  .hist .runslot { height: 10px; width: 12px; display: block; justify-self: center; margin-left: auto; margin-right: auto; }
  .hist .runslot i { display: block; height: 2px; width: 12px; margin-left: auto; margin-right: auto; }
  .hist .orank { height: 14px; width: 14px; border-radius: 4px; font-size: 8px; margin: 1px auto; }
  .hist .ratingnow { width: 22px; font-size: 10px; font-weight: 700; color: darkgray; line-height: 12px; justify-self: center; text-align: center; }
  .hist .drawnow { width: 14px; height: 12px; font-size: 12px; font-weight: 700; border-radius: 2px; justify-self: center; }
  .hist .drawnum { width: 18px; font-size: 10px; font-weight: 700; line-height: 12px; justify-self: center; text-align: center; }
  .hist .spick, .hist .savg { width: 22px; margin: 0; font-size: 10px; font-weight: 700; line-height: 11px; justify-self: center; display: flex; justify-content: center; text-align: center; }
  .hist .spick { color: darkgray; align-self: center; }
  .hist .savg { align-self: end; }
  .hist .cslot { height: 10px; width: 12px; display: block; align-self: start; margin-left: auto; margin-right: auto; justify-self: center; }
  .hist .cslot i { display: block; height: 2px; width: 12px; margin-left: auto; margin-right: auto; }
  .hist .pos { height: 22px; width: 14px; margin: 3px auto; font-size: 14px; }
  .hist .posnow { height: 22px; width: 18px; margin: 3px auto; font-size: 14px; color: red; background: transparent; }
  .tiny { height: 12px; font-size: 9px; color: #444; }
  .hist .jwtnow { width: 22px; font-size: 10px; font-weight: 700; color: darkgreen; line-height: 12px; justify-self: center; text-align: center; }
  .hist .jwtfig { width: 18px; font-size: 10px; font-weight: 700; color: gray; line-height: 12px; justify-self: center; text-align: center; }
  .hist .hwtnow { width: 22px; font-size: 9px; font-weight: 700; color: brown; line-height: 11px; justify-self: center; text-align: center; }
  .hist .hwtfig { width: 18px; font-size: 10px; font-weight: 700; color: gray; line-height: 12px; justify-self: center; text-align: center; }
  .hist .ratefig { width: 18px; height: auto; font-size: 13px; line-height: 14px; font-weight: 700; justify-self: center; text-align: center; }
  .jrank { height: 12px; width: 14px; font-size: 8px; color: #fff; }
  .side { width: 25px; box-sizing: content-box; border-left: 1px solid lightgray; border-right: 1px solid lightgray; font-size: 10px; text-align: center; color: #000; }
  .side .cap { display: block; height: 12px; width: 23px; margin: 0 auto; background: transparent; color: #000; font-size: 8px; line-height: 12px; font-weight: 400; }
  .side .cap.on { background: lightgray; }
  .side .val { display: block; height: 12px; width: 23px; margin: 1px auto; line-height: 12px; font-size: 10px; font-weight: 400; overflow: hidden; }
  .side .val.r4 { border-radius: 4px; }
  .side .val.r2 { border-radius: 2px; }
  .block { font-size: 8px; color: gray; line-height: 1.15; min-width: 0; overflow: hidden; }
  .pct { display: block; margin-top: 2px; text-align: center; font-size: 10px; font-weight: 700; line-height: 14px; }
  .block .lab { color: gray; }
  .block .nm { color: midnightblue; font-size: 10px; font-weight: 700; white-space: nowrap; overflow: hidden; }
  .block .nm.swap { background: purple; color: #fff; border-radius: 4px; padding: 0 2px; }
  .block .nm.same { background: orange; border-radius: 4px; padding: 0 2px; }
  .rk { color: darkgreen; font-weight: 700; }
  .cells { display: grid; grid-template-columns: 18px 18px 18px; }
  .cells span { height: 14px; display: flex; align-items: center; justify-content: center; font-size: 10px; }
  .rose { background: mistyrose; }
  .pgreen { background: palegreen; }
  .pturq { background: paleturquoise; }
  .graycell { background: lightgray; color: #fff; }
  .ability { width: 54px; }
  .ability .lab { display: flex; justify-content: space-between; height: 12px; line-height: 12px; margin-bottom: 2px; }
  .ability .cells { margin-bottom: 2px; }
  .ability .besthead { margin-bottom: 2px; }
  .ability .bestrow { margin-bottom: 2px; }
  .ability .rk { color: darkgreen; font-size: 8px; font-weight: 400; }
  .besthead { display: flex; justify-content: space-between; align-items: center; width: 54px; height: 12px; line-height: 12px; font-size: 8px; }
  .besthead .rk { color: inherit; font-size: 8px; }
  .bestrow { display: grid; grid-template-columns: 18px 18px 18px; height: 16px; align-items: center; font-size: 10px; }
  .bestrow .spd { font-weight: 700; color: gray; }
  .bestrow .bpos { width: 12px; height: 14px; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: 700; }
  .bestrow .bjwt { color: green; text-align: right; }
  .method { color: midnightblue; font-size: 10px; text-align: left; padding-left: 24px; }
  .jock { width: 58px; }
  .jock .jhead, .jock .jlab { display: flex; justify-content: space-between; align-items: center; height: 12px; color: gray; font-size: 8px; }
  .jock .rdot { width: 8px; height: 8px; border-radius: 4px; display: block; }
  .jock .jname { display: flex; justify-content: space-between; align-items: center; height: 16px; }
  .jock .nm { font-size: 10px; font-weight: 400; line-height: 16px; border-radius: 5px; }
  .jock .jlet { color: darkgreen; font-size: 10px; width: 22px; text-align: center; }
  .jock .jstat { display: flex; align-items: center; height: 16px; }
  .jock .jpct { width: 34px; height: 16px; margin: 0 1px; display: flex; align-items: center; justify-content: center; font-size: 10px; }
  .jock .jnow { width: 20px; height: 16px; margin-left: 1px; display: flex; align-items: center; justify-content: center; font-size: 10px; }
  .jock .jdraw { width: 22px; text-align: center; color: midnightblue; font-size: 12px; font-weight: 700; }
  .jock .jmethod { display: flex; align-items: center; gap: 3px; height: 12px; }
  .jock .jmethod i { width: 8px; height: 8px; box-sizing: border-box; border: 1.5px solid midnightblue; border-radius: 50%; display: block; }
  .jock .jmethod i.on { background: midnightblue; }
  .twork { height: 14px; line-height: 14px; color: midnightblue; font-size: 10px; }
  .tpair { display: grid; grid-template-columns: 25px 33px; height: 15px; align-items: center; }
  .tpair .gallop { font-size: 9px; }
  .tpair .barrier { width: 22px; height: 16px; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-size: 10px; }
  .gearline { height: 15px; line-height: 15px; color: red; font-size: 10px; }
  .oddsbox { width: 40px; }
  .oddsbox .orow { display: grid; grid-template-columns: 25px 15px; align-items: center; height: 12px; }
  .oddsbox .winrow { height: 22px; }
  .oddsbox .placerow { height: 16px; }
  .oddsbox .olab { grid-column: 1; grid-row: 1; color: gray; font-size: 8px; line-height: 12px; }
  .oddsbox .win1, .oddsbox .place1 { grid-column: 1 / -1; grid-row: 1; justify-self: end; font-size: 9px; font-weight: 700; line-height: 12px; }
  .oddsbox .win1 { color: darkgreen; }
  .oddsbox .place1 { color: midnightblue; }
  .oddsbox .win3 { grid-column: 1; grid-row: 1; width: 25px; height: 22px; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: midnightblue; font-size: 14px; font-weight: 700; line-height: 22px; border-radius: 3px; }
  .oddsbox .win3.big { font-size: 12px; }
  .oddsbox .win3.st0 { background: transparent; }
  .oddsbox .win3.st1 { background: red; color: #fff; }
  .oddsbox .win3.st2 { background: green; color: #fff; }
  .oddsbox .win3.st3 { background: brown; color: #fff; }
  .oddsbox .trend { grid-column: 2; grid-row: 1; justify-self: center; align-self: center; width: 8px; height: 8px; border-radius: 4px; display: block; }
  .oddsbox .place3 { grid-column: 1; grid-row: 1; text-align: center; color: midnightblue; font-size: 12px; line-height: 16px; }
  .oddsbox .star { display: flex; flex-direction: column; align-items: center; width: 38px; height: 46px; margin: 2px auto 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .oddsbox .star svg { width: 32px; height: 32px; display: block; }
  .oddsbox .star polygon { fill: none; stroke: #bdbdbd; stroke-width: 1.4; stroke-linejoin: round; }
  .oddsbox .star.leg polygon { fill: #43a047; stroke: #2e7d32; }
  .oddsbox .star.banker polygon { fill: #fb8c00; stroke: #ef6c00; }
  .oddsbox .star.qp polygon { fill: #e53935; stroke: #c62828; }
  .oddsbox .star span { height: 10px; font-size: 8px; line-height: 10px; color: #757575; }
  .oddsbox .star.leg span { color: #2e7d32; }
  .oddsbox .star.banker span { color: #ef6c00; }
  .oddsbox .star.qp span { color: #c62828; }
  .sum { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; font-weight: 700; }
  .qin-toggle { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: #fff; cursor: pointer; white-space: nowrap; }
  .qin-toggle input { margin: 0; }
  .hname .alias, .selname .alias, .pacehorse .alias { display: none; }
  body.show-alias .hname .real, body.show-alias .selname .real, body.show-alias .pacehorse .real { display: none; }
  body.show-alias .hname .alias, body.show-alias .selname .alias, body.show-alias .pacehorse .alias { display: inline; }
  #pacemap { position: relative; z-index: 1; margin: 8px 8px 16px; background: #fff; border-right: 3px solid #1565c0; overflow: hidden; user-select: none; -webkit-user-select: none; }
  .pacehead { position: absolute; top: 0; left: 0; right: 0; z-index: 6; height: 28px; box-sizing: border-box; display: flex; align-items: center; padding: 0 8px; background: #eceff1; color: #333; font-size: 13px; font-weight: 700; border-bottom: 3px solid #c62828; }
  #pacemap .railcap { position: absolute; top: 30px; left: 6px; color: #c62828; font-size: 11px; font-weight: 700; }
  #pacemap .gateno { position: absolute; right: 4px; width: 22px; text-align: center; color: #1565c0; font-size: 12px; font-weight: 700; }
  #pacemap .pacezone { position: absolute; top: 42px; bottom: 0; border-left: 2px solid #2e7d32; }
  #pacemap .zonelab { position: absolute; top: 30px; z-index: 5; padding: 0 5px; background: #fff; color: #2e7d32; font-size: 12px; font-weight: 700; line-height: 16px; }
  .pacehorse { position: absolute; width: max-content; height: 30px; box-sizing: border-box; display: grid; grid-template-columns: max-content; grid-template-rows: 14px 14px; align-items: center; column-gap: 0; border: 1px solid #222; font-size: 11px; line-height: 14px; padding: 0 2px; overflow: hidden; }
  .pacehorse.pick-leg { border: 2px solid #43a047; }
  .pacehorse.pick-banker { border: 2px solid #fb8c00; }
  .pacehorse.pick-qp { border: 2px solid #e53935; }
  .pacehorse:is(.pick-leg, .pick-banker, .pick-qp) { grid-template-columns: 22px max-content; padding-left: 0; }
  .pacemark { grid-row: 1 / span 2; grid-column: 1; align-self: stretch; display: flex; align-items: center; justify-content: center; background: #fff; z-index: 1; }
  .pacemark .pacestar { width: 16px; height: 16px; min-width: 16px; min-height: 16px; max-width: 16px; max-height: 16px; flex: 0 0 16px; display: block; }
  .pacestar polygon { stroke-width: 1; stroke-linejoin: round; }
  .pacestar.kind-leg polygon { fill: #43a047; stroke: #2e7d32; }
  .pacestar.kind-banker polygon { fill: #fb8c00; stroke: #ef6c00; }
  .pacestar.kind-qp polygon { fill: #e53935; stroke: #c62828; }
  .pacetop { grid-row: 1; display: flex; align-items: center; gap: 1px; white-space: nowrap; }
  .pacehorse:is(.pick-leg, .pick-banker, .pick-qp) .pacetop { grid-column: 2; }
  .pacehorse .pacename { overflow: visible; white-space: nowrap; }
  .pacehorse .pacej { margin-left: 4px; }
  .pacehorse .pacel { margin-left: 3px; font-size: 10px; font-weight: 700; }
  .pacehorse .pacediff { font-size: 10px; font-weight: 700; }
  .pacehorse .pacespd { grid-row: 2; grid-column: 1; margin: 0; padding: 0; background: #fff; color: #000; font-size: 10px; line-height: 14px; white-space: nowrap; overflow: hidden; }
  .pacehorse:is(.pick-leg, .pick-banker, .pick-qp) .pacespd { grid-column: 2; }
  .pacehorse .pacespd .sectime { height: auto; font-size: 10px; line-height: 14px; margin-right: 2px; }
  .qinrow { display: none; grid-area: qin; justify-self: start; width: max-content; margin: 2px 0 2px; }
  body.show-qin .qinrow { display: grid; row-gap: 1px; }
  .qinrow .qline { display: flex; gap: 1px; }
  .qcell { position: relative; width: 26px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; line-height: 18px; color: blue; }
.horse.on { outline: 3px solid #f9a825; outline-offset: -3px; }