/* Horse race name picker */
.hr textarea { width: 100%; box-sizing: border-box; min-height: 150px; font: 15px var(--font, sans-serif); padding: 10px; border-radius: 10px; border: 1px solid var(--c-line); background: var(--bg, #0e1014); color: inherit; }
.hr-track { position: relative; border-radius: 12px; background: repeating-linear-gradient(0deg, #1f5f2f 0 28px, #236b35 28px 56px); padding: 6px 54px 6px 8px; overflow: hidden; }
.hr-track::after { content: ''; position: absolute; top: 0; bottom: 0; right: 44px; width: 6px; background: repeating-linear-gradient(0deg, #fff 0 8px, #111 8px 16px); }
.hr-lane { position: relative; height: 28px; display: flex; align-items: center; }
.hr-horse { position: absolute; left: 0; display: flex; align-items: center; gap: 6px; white-space: nowrap; will-change: transform; transition: none; }
.hr-horse svg { width: 30px; height: 22px; flex: none; }
.hr-no { min-width: 20px; height: 18px; border-radius: 4px; font: 800 11px var(--mono, monospace); display: inline-flex; align-items: center; justify-content: center; color: #111; padding: 0 3px; }
.hr-nm { font: 700 12px var(--font, sans-serif); color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.7); max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.hr-call { min-height: 3em; font-weight: 700; font-size: 16px; }
.hr-res { margin: 0 0 8px; padding-left: 1.6em; line-height: 1.8; columns: 2; column-gap: 24px; }
.hr-res li:first-child { color: var(--c-accent); font-weight: 800; }
@media (max-width: 520px) { .hr-nm { max-width: 90px; } .hr-res { columns: 1; } }
.ccc .cc-field.cc-ta { display: block; }
.ccc .cc-field.cc-ta .cc-field__body { margin-bottom: 6px; }
.hr-call2 { min-height: 1.4em; margin: 0 0 8px; font-weight: 700; color: var(--c-accent); }