.gcc{--gc:var(--ch-b);grid-template-rows:auto minmax(0,1fr) auto auto;gap:0}@media (prefers-color-scheme:dark){.gcc:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){--gc:var(--ch-na)}}.gcc:where(:root[data-theme=dark],:root[data-theme=dark] *){--gc:var(--ch-na)}.gcc-top{justify-content:space-between;align-items:flex-start;gap:var(--ui-s2);min-width:0;display:flex}.gcc-top>.pagemark{border-radius:23%;width:28px;height:28px}.gcc-top>.race-badge{margin:0}.gcc-spark{margin:var(--ui-s2) 0 var(--ui-s1);position:relative}.gcc-spark>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gcc .gc-line{stroke-width:2px}.gcc .gc-end{width:7px;height:7px;box-shadow:none;margin:-3.5px 0 0 -3.5px}.gcc-field{background-image:radial-gradient(circle, color-mix(in srgb, var(--gc) 75%, transparent) 1.1px, transparent 1.5px);-webkit-mask-image:radial-gradient(110px 34px at 100% var(--y), #000, transparent);-webkit-mask-image:radial-gradient(110px 34px at 100% var(--y), #000, transparent);mask-image:radial-gradient(110px 34px at 100% var(--y), #000, transparent);background-position:right -1px center;background-size:8px 8px;position:absolute;inset:-6px 0}.gcc-first>.gc-end{left:100%;top:var(--y);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gc) 22%, transparent);margin:-4.5px 0 0 -4.5px}.gcc-place{font:600 var(--ui-fs-name) / 1 var(--font);letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:baseline;display:flex}.gcc-place>number-flow{margin-block:calc(-1 * var(--number-flow-mask-height,.25em))}.gcc-place .pf-laurel{width:9.5px;height:22px;color:inherit;align-self:center}.gcc-place .pf-laurel.l{margin-right:2px}.gcc-place .pf-laurel.r{margin-left:2px}.gcc-place[data-medal=gold]{color:var(--medal-1)}.gcc-place[data-medal=silver]{color:var(--medal-2)}.gcc-place[data-medal=bronze]{color:var(--medal-3)}.gcc-name{color:var(--muted);font:500 var(--ui-fs-meta) / 1.3 var(--font);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.gcc .enter{animation-delay:calc(var(--i) * 70ms)}.gcc-shelf:not([data-play]) .enter{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){.gcc .gc-end{animation:pop-in .32s var(--spring) backwards;animation-delay:calc(.9s + var(--i) * 70ms)}.gcc-shelf:not([data-play]) .gc-end{animation-play-state:paused}.gcc-field{animation:fade-in .7s var(--ease) backwards;animation-delay:calc(var(--i) * 70ms)}.gcc-first>.gc-end{animation-delay:calc(.25s + var(--i) * 70ms)}.gcc-first>.gc-end:after{content:"";animation:gcc-ping 1.3s var(--ease) 2;animation-delay:calc(.45s + var(--i) * 70ms);border-radius:50%;position:absolute;inset:0}.gcc-shelf:not([data-play]) .gcc-field,.gcc-shelf:not([data-play]) .gc-end:after{animation-play-state:paused}}@keyframes gcc-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gc) 60%, transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb, var(--gc) 0%, transparent)}}.gcc-where{margin-top:0}.gcc-flag{margin-right:auto;margin-left:var(--ui-s2);font:var(--ui-fs-title) / 28px var(--font)}.gcc[data-win]{animation:gcc-win 2.4s var(--ease) .7s both}@keyframes gcc-win{0%{box-shadow:var(--glass-quiet-edge), 0 0 0 0 transparent, 0 0 0 0 transparent}22%{box-shadow:var(--glass-quiet-edge), 0 0 0 2px color-mix(in srgb, var(--gc) 75%, transparent), 0 0 28px 6px color-mix(in srgb, var(--gc) 38%, transparent)}to{box-shadow:var(--glass-quiet-edge), 0 0 0 0 transparent, 0 0 0 0 transparent}}
