.finish-kudos{--finish-accent:var(--pao-color,var(--pao,#00e5ff));display:flex;align-items:center;flex-wrap:wrap;gap:8px;position:relative;min-width:0;color:inherit}
.finish-kudos [hidden],.finish-dialog [hidden],.finish-carousel [hidden]{display:none!important}
.finish-kudos button,.finish-dialog button,.finish-carousel button{font:inherit;cursor:pointer;touch-action:manipulation}
.finish-kudos button:disabled,.finish-dialog button:disabled{cursor:wait;opacity:.6}
.finish-kudos button:focus-visible,.finish-dialog button:focus-visible,.finish-carousel button:focus-visible,.finish-carousel:focus-visible{outline:2px solid var(--finish-accent,var(--pao-color,var(--pao,#00e5ff)));outline-offset:3px}
.finish-reactions{display:flex;gap:5px}
.finish-reaction{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0;border:1px solid var(--border,rgba(255,255,255,.2));border-radius:7px;background:transparent;color:inherit;font-size:21px!important;line-height:1}
.finish-reaction[aria-pressed=true]{background:color-mix(in srgb,var(--finish-accent) 13%,transparent);border-color:var(--finish-accent)}
/* Compact only the closed trigger; the menu keeps its full-size controls. */
.finish-picker{display:flex;position:relative;flex:0 0 auto;box-sizing:border-box;width:47.2px;height:28.8px;border:1px solid var(--border,rgba(255,255,255,.22));border-radius:5.6px;background:transparent}
.has-reaction .finish-picker{border-color:var(--finish-accent);background:color-mix(in srgb,var(--finish-accent) 10%,transparent)}
.finish-primary{flex:34;border:0;border-radius:4.8px 0 0 4.8px;min-width:0;min-height:0;font-size:15.2px!important}
.finish-picker-toggle{display:flex;flex:23;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;border:0;border-left:1px solid var(--border,rgba(255,255,255,.2));border-radius:0 4.8px 4.8px 0;background:transparent;color:inherit}
.finish-picker-toggle img{width:11.2px;height:11.2px}
.finish-picker-toggle img,.finish-dialog-close img,.finish-photo-prev img,.finish-photo-next img{filter:brightness(0) invert(1)}
.finish-picker-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:5;display:flex;gap:6px;padding:8px;border:1px solid #536166;border-radius:8px;background:#20282b;color:#fff;box-shadow:0 6px 20px #0008;min-width:max-content}
.finish-picker-menu .finish-reaction{min-width:44px;min-height:44px;border-radius:8px;font-size:23px!important}
.finish-count{min-height:38px;padding:4px 0;border:0;background:transparent;color:var(--finish-accent);font-size:.88rem!important;font-weight:650!important;text-underline-offset:3px;white-space:nowrap}
.finish-count:hover{text-decoration:underline}
.finish-status{flex-basis:100%;font-size:.82rem;color:var(--muted,#bdd0d5)}
.finish-status:empty{display:none}
[data-finish-load-status]:empty{display:none}
.finish-photo{min-width:0}
.finish-carousel{position:relative;min-width:0;border:1px solid var(--border,rgba(255,255,255,.15));border-radius:8px;overflow:hidden;background:#0d1113;color:#fff;touch-action:pan-y}
.finish-photo-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in!important}
.finish-photo-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.finish-photo-prev,.finish-photo-next{position:absolute;top:calc(50% - 22px);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#111b;color:#fff}
.finish-photo-prev{left:8px}.finish-photo-next{right:8px}
.finish-photo-position{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:3px 9px;border-radius:999px;background:#111c;color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums;pointer-events:none;text-align:center}
.finish-dialog{position:fixed;width:min(480px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;padding:22px;border:1px solid #536166;border-radius:10px;background:#1d282b;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.finish-dialog::backdrop{background:#000c}.finish-dialog h2{margin:0 44px 20px 0;font-size:1.1rem}
.finish-dialog-close{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #657477;border-radius:50%;background:transparent;color:#fff}
.finish-people ul{list-style:none;padding:0;margin:0}.finish-people li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff26;overflow-wrap:anywhere}
.finish-people li>span:first-child{font-size:24px}.finish-people p:empty{display:none}
.finish-more,.finish-highlight{min-height:44px;margin-top:12px;padding:8px 12px;border:1px solid #00e5ff;border-radius:6px;background:transparent;color:#00e5ff}
.finish-photo-viewer{width:min(980px,calc(100vw - 24px))}.is-enlarged .finish-photo-image{max-height:65vh;max-height:65dvh;aspect-ratio:auto;object-fit:contain}
[data-finish-surface=cv] .result-item{align-items:start}
[data-finish-surface=cv] .finish-kudos{grid-column:1;align-self:end}
[data-finish-surface=cv] .finish-count{min-height:28.8px}
[data-finish-surface=cv] .result-side{grid-column:2;grid-row:1;justify-items:end}
[data-finish-surface=cv] .result-item.has-finish-photo{grid-template-columns:180px minmax(0,1fr) auto}
[data-finish-surface=cv] .has-finish-photo>.finish-photo{grid-column:1;grid-row:1 / span 2;align-self:center}
[data-finish-surface=cv] .has-finish-photo>div:first-child{grid-column:2;grid-row:1}
[data-finish-surface=cv] .has-finish-photo>.finish-kudos{grid-column:2;grid-row:2}
[data-finish-surface=cv] .has-finish-photo>.result-side{grid-column:3;grid-row:1 / span 2;align-self:center}
.has-finish-photo .finish-gallery-link{display:none}
.finish-result-link{display:inline-block;text-underline-offset:3px}
[data-finish-surface=result] .finish-kudos{margin-top:20px}
[data-finish-surface=result] [data-finish-result].has-finish-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
[data-finish-surface=result] .has-finish-photo>.finish-photo{grid-column:2;grid-row:4 / span 2;align-self:center}
[data-finish-surface=result] .has-finish-photo>.time-block{grid-column:1;grid-row:4}
[data-finish-surface=result] .has-finish-photo>.result-facts{grid-column:1;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-finish-surface=result] .has-finish-photo>.result-facts div{border:0;padding:4px 0}
[data-finish-surface=result] .has-finish-photo>.race-context,[data-finish-surface=result] .has-finish-photo>h1,[data-finish-surface=result] .has-finish-photo>.race-location,[data-finish-surface=result] .has-finish-photo>.finish-kudos{grid-column:1 / -1}
[data-finish-surface=result] .has-finish-photo>.share-open-button{grid-column:1 / -1;justify-self:start;order:2}
body[data-race-theme=sf] .finish-kudos{--finish-accent:var(--pao)}
body[data-race-theme=sf] .finish-picker-toggle img{filter:none}
@media(max-width:650px){
  [data-finish-surface=cv] .results-card{padding:12px 2px}
  [data-finish-surface=cv] .result-item,[data-finish-surface=cv] .result-item.has-finish-photo{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}
  [data-finish-surface=cv] .has-finish-photo>div:first-child{grid-column:1;grid-row:1}
  [data-finish-surface=cv] .has-finish-photo>.result-side{grid-column:2;grid-row:1;align-self:start}
  [data-finish-surface=cv] .has-finish-photo>.finish-photo{grid-column:1 / -1;grid-row:2}
  [data-finish-surface=cv] .has-finish-photo>.finish-kudos{grid-column:1 / -1;grid-row:3}
  [data-finish-surface=cv] .result-item .time{white-space:nowrap;font-size:1.25rem}
  [data-finish-surface=result] [data-finish-result].has-finish-photo{display:block}
  [data-finish-surface=result] .finish-photo{margin-top:20px}
  [data-finish-surface=result] .finish-kudos{gap:8px}
}
