/* One entrance per board load; slow highlights keep the podium alive. */
.brand .brand-domain{letter-spacing:1px;text-transform:none}
.robux-icon{display:inline-block;width:var(--robux-size,28px);height:var(--robux-size,28px);flex:0 0 var(--robux-size,28px);background:url('/assets/robux-symbols.svg') 0 50%/200% 300% no-repeat;vertical-align:middle}
.board-pool-value,.board-prize-value{display:inline-flex;align-items:center;justify-content:center;gap:6px;vertical-align:middle;white-space:nowrap}
.board-pool-value{gap:9px}.board-pool-value small{font-size:.68em}
.board-prize-value .robux-icon{--robux-size:18px}.board-prize-value small{font-size:.68em;color:inherit;letter-spacing:0}
.race-board .unclaimed .prize-ribbon strong{color:#e9cc77}
.podium-prize-share{display:block;color:#9daabc;font-size:10px;line-height:1.6;margin-top:11px}
.race-award{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
.race-award>small{font-size:9px;color:#93a3b7;white-space:nowrap}.race-award .race-prize{color:#e7c877}
.race-row.empty-slot .race-member>b{color:#8e9caf;font-weight:600}.race-row.empty-slot>b{color:#7e8fa5}
.empty-person{display:inline-block;position:relative;width:15px;height:17px;opacity:.45}
.empty-person::before{content:'';position:absolute;top:0;left:5px;width:6px;height:6px;background:currentColor;border-radius:50%}
.empty-person::after{content:'';position:absolute;bottom:0;left:1px;width:14px;height:8px;background:currentColor;border-radius:7px 7px 2px 2px}
.hex-avatar .empty-person{display:block;width:15px;height:17px;clip-path:none;background:none;transform:scale(2.3)}
.race-feed-state{flex-wrap:wrap;line-height:1.7;text-align:center}
.podium-initial-space{display:grid;place-items:center}
.podium-initial{position:relative;overflow:hidden}
.podium-initial{display:grid;place-items:center;width:82%;aspect-ratio:1;border-radius:50%;border:2px solid var(--metal,#9cacbe);background:radial-gradient(circle at 35% 25%,#394552,#19212c 72%);color:var(--metal,#9cacbe);font-size:clamp(26px,4vw,46px);font-weight:800;line-height:1;box-shadow:inset 0 2px 9px #ffffff12,0 7px 20px #0006,0 0 16px color-mix(in srgb,var(--metal) 15%,transparent)}
@media(max-width:600px){.podium-initial{font-size:28px}}
@media(max-width:850px){.race-board .prize-ribbon{flex-direction:column;gap:4px;min-width:0;max-width:calc(100% - 20px)}.race-board .prize-ribbon strong{font-size:13px}.board-pool-value .robux-icon{--robux-size:24px}}
@media(max-width:600px){.board-prize-value .robux-icon{--robux-size:16px}.race-board .prize-ribbon strong{font-size:11px}.podium-prize-share{font-size:8px;max-width:84px;margin:9px auto 0}.race-board .race-row,.race-board .race-table-head{grid-template-columns:25px minmax(0,1fr) 66px 82px;gap:5px}.race-award>small{font-size:8px}.race-award .race-prize{font-size:11px}.board-pool-value .robux-icon{--robux-size:23px}.race-row .board-prize-value{gap:4px}.hex-avatar .empty-person{transform:scale(1.65)}}
.watchtime-board .race-prize{white-space:nowrap}
@media(max-width:600px){.race-board .race-ribbon{font-size:clamp(13px,4.1vw,19px)}}
.race-hero{animation:race-hero-arrive .65s cubic-bezier(.2,.8,.2,1) backwards}
.race-podium-card{animation:race-podium-arrive .8s cubic-bezier(.16,.8,.24,1) backwards;transition:transform .3s ease,box-shadow .3s ease}
.race-podium-card.rank-2{animation-delay:.08s}.race-podium-card.rank-1{animation-delay:.2s}.race-podium-card.rank-3{animation-delay:.32s}
.race-podium-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#ffffff08 44%,#fff5 49%,#fff1 53%,transparent 61%) 160% 0/300% 100% no-repeat;animation:race-metal-shine 9s ease-in-out infinite;opacity:.5}
.race-podium-card.rank-2::after{animation-delay:2.5s}.race-podium-card.rank-3::after{animation-delay:5s}
.race-podium-card.rank-1{box-shadow:0 13px 28px #0005,0 0 28px #e8bb3f1f,inset 0 1px #fff4}
.race-podium-card .hex-avatar{transition:filter .3s ease}.race-podium-card .podium-art{animation-duration:5.8s}.rank-2 .podium-art{animation-delay:-1.7s}.rank-3 .podium-art{animation-delay:-3.4s}
.champion-crown{animation:race-crown-float 4.6s ease-in-out infinite;transform-origin:50% 80%}
.race-ribbon{background-size:9px 9px,200% 100%;animation:race-ribbon-lustre 10s ease-in-out infinite alternate}
.race-row{animation:race-row-arrive .55s cubic-bezier(.16,.8,.24,1) backwards;animation-delay:calc(180ms + var(--row-delay,0ms));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.race-empty{animation:race-row-arrive .7s .25s both}.clock-digit{display:inline-block;min-width:2ch;font-variant-numeric:tabular-nums}.race-countdown b{perspective:250px}
@keyframes race-hero-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes race-podium-arrive{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes race-row-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes race-metal-shine{0%,25%{background-position:160% 0}65%,100%{background-position:-60% 0}}
@keyframes race-crown-float{0%,100%{transform:translateY(0) rotate(-22deg)}50%{transform:translateY(-5px) rotate(-14deg)}}
@keyframes race-ribbon-lustre{from{background-position:0 0,0 50%}to{background-position:0 0,100% 50%}}
@media(hover:hover) and (pointer:fine){.race-podium-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #0007,0 0 24px color-mix(in srgb,var(--metal) 20%,transparent)}.race-podium-card:hover .hex-avatar{filter:brightness(1.12) drop-shadow(0 6px 3px #0005)}.race-row:hover{transform:translateX(3px);border-color:#d8b65e55;box-shadow:inset 3px 0 #d8b65e,0 6px 15px #0003}}
@media(prefers-reduced-motion:reduce){.race-hero,.race-podium-card,.race-podium-card::after,.champion-crown,.race-ribbon,.race-row,.race-empty,.podium-art{animation:none!important}.race-podium-card,.race-podium-card .hex-avatar,.race-row{transition:none}.race-podium-card:hover,.race-row:hover{transform:none}}

/* Upstream images fit the existing avatar and currency slots. */
.hex-avatar>span,.race-member>i{position:relative}
.board-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#19212c}
.board-currency-icon{width:1.25em;height:1.25em;object-fit:contain;flex-shrink:0}