*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:0 0;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.post{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:padding-bottom .3s;display:flex}.post--has-ticker{padding-bottom:44px}.post__card{background:#11182733;border:1px solid #06b6d499;flex-direction:column;gap:1.5rem;max-width:80%;max-height:80%;padding:2rem;animation:.6s ease-out forwards post-enter;display:flex;overflow:hidden}.post__title{font-size:2rem;font-weight:700}.post__message{font-size:1.5rem;line-height:1.4}.post__status{color:#ffffff80;border-top:1px solid #ffffff1a;gap:1.5rem;padding-top:1rem;font-size:.9rem;display:flex}.post__status-item--active{color:#f59e0b}.post--loading{color:#ffffff80;font-size:1.25rem}.post__spinner{animation:1s ease-in-out infinite post-pulse}@keyframes post-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes post-enter{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.race{flex-direction:column;width:100%;height:100%;padding:24px 32px;transition:padding-bottom .3s;animation:.4s ease-out forwards race-fade-in;display:flex;overflow:hidden}.race--has-ticker{padding-bottom:44px}.race__header{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;animation:.6s ease-out forwards race-header-enter;display:flex}.race__title{text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 2px 8px #0006;font-size:2rem;font-weight:800}.race__flag-icon{width:28px;height:28px}.race__track{flex-direction:column;flex:1;gap:4px;display:flex;position:relative}.race__target{z-index:10;pointer-events:none;animation:.8s ease-out .3s both race-target-enter;position:absolute;top:0;bottom:0}.race__target-line{opacity:.9;background:repeating-linear-gradient(#fff 0 8px,#0000 8px 16px);width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #fff6}.race__target-label{color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:1px;background:#ffffff26;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.race__lane{opacity:0;height:52px;animation:.4s ease-out forwards race-lane-enter;animation-delay:inherit;align-items:center;gap:8px;display:flex}.race__lane:nth-child(2){animation-delay:50ms}.race__lane:nth-child(3){animation-delay:.1s}.race__lane:nth-child(4){animation-delay:.15s}.race__lane:nth-child(5){animation-delay:.2s}.race__lane:nth-child(6){animation-delay:.25s}.race__lane:nth-child(7){animation-delay:.3s}.race__lane:nth-child(8){animation-delay:.35s}.race__lane:nth-child(9){animation-delay:.4s}.race__lane:nth-child(10){animation-delay:.45s}.race__lane:nth-child(11){animation-delay:.5s}.race__player-info{flex-shrink:0;align-items:center;gap:8px;width:160px;display:flex}.race__rank{color:gold;text-shadow:0 1px 4px #00000080;min-width:28px;font-size:.85rem;font-weight:800}.race__lane:nth-child(3) .race__rank{color:silver}.race__lane:nth-child(4) .race__rank{color:#cd7f32}.race__lane:nth-child(n+5) .race__rank{color:#fff9}.race__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #0006;font-size:.85rem;font-weight:600;overflow:hidden}.race__bar-track{background:#ffffff0d;border-radius:4px;flex:1;height:36px;position:relative;overflow:visible}.race__lane-marking{background:repeating-linear-gradient(90deg,#ffffff1a 0 12px,#0000 12px 24px);height:1px;position:absolute;top:50%;left:0;right:0}.race__bar{width:var(--bar-width);background:linear-gradient(90deg, var(--bar-color) 0%, color-mix(in srgb, var(--bar-color), white 20%) 100%);animation:race-bar-drive 1.2s cubic-bezier(.22, .61, .36, 1) var(--race-delay) both;border-radius:3px 0 0 3px;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 2px 8px #0000004d}.race__bar--met-target{box-shadow:0 2px 12px #ffd7004d}.race__car-icon{filter:drop-shadow(2px 2px 3px #0006);flex-shrink:0;width:40px;height:20px;margin-right:-20px}.race--playing .race__car-icon{animation:.3s ease-in-out infinite alternate race-car-bounce}.race__exhaust{background:radial-gradient(#c8c8c84d,#0000);border-radius:50%;width:16px;height:8px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.race--playing .race__exhaust{animation:.4s ease-in-out infinite alternate race-exhaust-puff}.race__value{color:#fff;text-shadow:0 1px 3px #0009;white-space:nowrap;opacity:0;animation:race-value-pop .3s ease-out var(--race-delay) forwards;top:50%;left:calc(var(--bar-width) + 24px);font-size:.75rem;font-weight:700;position:absolute;transform:translateY(-50%)}.race--paused .race__car-icon,.race--paused .race__exhaust{animation-play-state:paused}@keyframes race-fade-in{0%{opacity:0}to{opacity:1}}@keyframes race-header-enter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes race-lane-enter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes race-bar-drive{0%{width:0}to{width:var(--bar-width)}}@keyframes race-car-bounce{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}@keyframes race-exhaust-puff{0%{opacity:.2;width:10px}to{opacity:.5;width:20px}}@keyframes race-value-pop{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes race-target-enter{0%{opacity:0}to{opacity:1}}