.hn-race-auth{grid-template-columns:minmax(0,1fr);max-width:74rem;margin-block:1.5rem 3rem;margin-inline:auto;padding-inline:1rem;display:grid}@media (min-width:1024px){.hn-race-auth{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);padding-inline:1.5rem}}.hn-race-auth>*{min-width:0}.hn-race-scene{isolation:isolate;background:linear-gradient(#050a20 0%,#13235a 38%,#0e3b2b 38%,#06221a 100%);border-radius:1.5rem 1.5rem 0 0;min-height:300px;position:relative;overflow:hidden}@media (min-width:1024px){.hn-race-scene{border-start-start-radius:1.5rem;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:1.5rem;min-height:660px}}.hn-race-copy{inset-inline:1.25rem;z-index:2;color:#f3f6ff;pointer-events:none;gap:.5rem;display:grid;position:absolute;top:1.25rem}@media (min-width:1024px){.hn-race-copy{inset-inline:2rem;top:auto;bottom:2rem}}.hn-race-kicker{letter-spacing:.14em;text-transform:uppercase;color:#97c1f7;color:lab(76.4625% -4.38166 -31.8564);font-size:.75rem;font-weight:600}.hn-race-headline{letter-spacing:-.015em;text-wrap:balance;max-width:15ch;font-size:clamp(1.5rem,3vw,2.125rem);font-weight:700;line-height:1.12}.hn-race-body{color:#c4d2e5;color:lab(83.6872% -2.20338 -10.887);max-width:38ch;font-size:.875rem;display:none}@media (min-width:1024px){.hn-race-body{display:block}}:lang(ar) .hn-race-headline{letter-spacing:0;line-height:1.35}.hn-race-flash{z-index:3;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.hn-race-scene[data-finished] .hn-race-flash{animation:.9s ease-out hn-race-flash}.hn-race-panel{border:1px solid var(--border);background:var(--background);box-shadow:var(--prototype-shadow);border-top:0;border-radius:0 0 1.5rem 1.5rem;position:relative;overflow:hidden}@media (min-width:1024px){.hn-race-panel{border-top:1px solid var(--border);border-inline-start:0;border-start-start-radius:0;border-start-end-radius:1.5rem;border-end-end-radius:1.5rem;border-end-start-radius:0;align-items:center;display:flex}}.hn-race-form{width:100%;max-width:30rem;margin-inline:auto;padding:2rem 1.25rem 2.5rem}@media (min-width:1024px){.hn-race-form{padding:2.75rem 3rem}}.hn-race-gate{z-index:5;perspective:1400px;pointer-events:none;display:flex;position:absolute;inset:0}.hn-race-gate>span{color:#fff;text-shadow:0 2px 12px #0006;text-shadow:0 2px 12px lab(0% 0 0/.4);transform-origin:0;background:repeating-linear-gradient(135deg,#0b2964 0 26px,#113375 26px 52px);background:repeating-linear-gradient(135deg,lab(17.5934% 9.11753 -38.5893) 0 26px,lab(22.1642% 9.32747 -42.1204) 26px 52px);border:3px solid #c1cfe2;border:3px solid lab(82.527% -2.19962 -10.8852);flex:1;place-items:center;font-size:4rem;font-weight:800;animation:1.1s cubic-bezier(.2,.8,.2,1) .45s forwards hn-race-gate-left;display:grid}.hn-race-gate>span+span{transform-origin:100%;animation-name:hn-race-gate-right}.hn-race-rail{border-top-color:#0000;position:relative}.hn-race-rail:before{content:"";top:-1px;background:var(--border);transform-origin:0;height:1px;animation:1s cubic-bezier(.2,.8,.2,1) .9s both hn-race-draw;position:absolute;inset-inline:0}.hn-race-rail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{transform-origin:100%}.hn-race-button{position:relative;overflow:hidden}.hn-race-button:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff47 48%,#0000 66%);background:linear-gradient(110deg,#0000 30%,lab(100% 0 0/.28) 48%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}.hn-race-button:hover:after{transition:transform .9s cubic-bezier(.2,.8,.2,1);transform:translate(120%)}.hn-race-track{--leg:6%}.hn-race-track[data-leg="1"]{--leg:50%}.hn-race-track[data-leg="2"]{--leg:100%}.hn-race-track-bar{height:2.125rem;position:relative}.hn-race-lane,.hn-race-run{inset-inline-start:0;border-radius:6px;height:6px;position:absolute;bottom:6px}.hn-race-lane{background:repeating-linear-gradient(90deg, var(--border) 0 18px, transparent 18px 24px);inset-inline-end:0}.hn-race-run{width:var(--leg);background:var(--hn-accent);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.hn-race-post{background:var(--muted-foreground);opacity:.5;width:2px;height:22px;position:absolute;bottom:0}.hn-race-post:nth-of-type(3){inset-inline-start:33%}.hn-race-post:nth-of-type(4){inset-inline-start:66%}.hn-race-post-finish{opacity:1;border:1px solid var(--foreground);background:repeating-linear-gradient(180deg, var(--foreground) 0 4px, var(--background) 4px 8px);width:4px;height:30px;inset-inline-end:0}.hn-race-runner{bottom:10px;background:url(/logo.png) 50%/cover;border-radius:7px;width:26px;height:26px;transition:inset-inline-start 1.2s cubic-bezier(.2,.8,.2,1);animation:.42s ease-in-out infinite alternate hn-race-canter;position:absolute;inset-inline-start:clamp(0px, calc(var(--leg) - 26px), calc(100% - 26px));box-shadow:0 4px 10px #0b29644d;box-shadow:0 4px 10px lab(17.5934% 9.11753 -38.5893/.3)}.hn-race-runner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.hn-race-legs{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);justify-content:space-between;font-size:.6875rem;font-weight:600;display:flex}.hn-race-legs [aria-current]{color:var(--foreground)}.hn-race-stalls input{padding-top:.75rem}.hn-race-stalls [data-slot=otp-cell]:before{content:attr(data-position);z-index:1;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 3px 3px;background:var(--cloth);height:16px;color:var(--cloth-ink);text-align:center;pointer-events:none;font-size:10px;font-weight:700;line-height:16px;position:absolute;inset:1px 1px auto}.hn-race-stalls [data-position="1"]{--cloth:#c8324a;--cloth-ink:#fff}.hn-race-stalls [data-position="2"]{--cloth:#fff;--cloth-ink:#111827;box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius)}.hn-race-stalls [data-position="3"]{--cloth:#2f6bd6;--cloth-ink:#fff}.hn-race-stalls [data-position="4"]{--cloth:#f2c230;--cloth-ink:#111827}.hn-race-stalls [data-position="5"]{--cloth:#1f8a4c;--cloth-ink:#fff}.hn-race-stalls [data-position="6"]{--cloth:#111827;--cloth-ink:#f2c230}.hn-race-stalls input[data-filled]{animation:.45s cubic-bezier(.34,1.56,.64,1) hn-race-load}.hn-race-stopwatch-hand{transform-origin:8px 9px;animation:4s steps(4,end) infinite hn-race-tick}.hn-race-finish{text-align:center;gap:.75rem;display:grid;position:relative}.hn-race-flag{justify-self:center;margin-block:1rem 2.75rem;position:relative}.hn-race-flag-pole{inset-inline-start:-10px;background:var(--muted-foreground);border-radius:3px;width:5px;height:130px;position:absolute;top:-6px}.hn-race-flag-cloth{grid-template-columns:repeat(8,16px);grid-auto-rows:16px;display:grid;transform:rotate(-6deg)}.hn-race-flag-cloth>span{background:var(--foreground);animation:1.2s ease-in-out infinite hn-race-wave}.hn-race-flag-cloth>span[data-white]{background:var(--card)}.hn-race-first{inset-inline-end:-40px;background:var(--hn-accent);width:64px;height:64px;color:var(--hn-accent-foreground);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) .5s both hn-race-pop;display:grid;position:absolute;bottom:-40px;box-shadow:0 8px 20px #0278e759;box-shadow:0 8px 20px lab(49.7612% 5.49871 -65.1314/.35)}.hn-race-confetti{pointer-events:none;position:absolute;inset:-12rem -2rem -2rem;overflow:hidden}.hn-race-confetti>span{width:9px;height:14px;animation:hn-race-fall var(--d) cubic-bezier(.2, .6, .4, 1) both;border-radius:2px;position:absolute;top:-20px}.hn-race-confetti>span:nth-child(3n){border-radius:50%}@keyframes hn-race-flash{0%{opacity:0}8%{opacity:.9}to{opacity:0}}@keyframes hn-race-gate-left{to{opacity:0;visibility:hidden;transform:rotateY(-100deg)}}@keyframes hn-race-gate-right{to{opacity:0;visibility:hidden;transform:rotateY(100deg)}}@keyframes hn-race-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hn-race-canter{0%{translate:0}to{translate:0 -4px}}@keyframes hn-race-load{0%{transform:translateY(-10px)}60%{transform:translateY(2px)}to{transform:none}}@keyframes hn-race-tick{to{transform:rotate(360deg)}}@keyframes hn-race-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hn-race-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes hn-race-fall{0%{transform:none}to{transform:translate3d(var(--x), 640px, 0) rotate(var(--r));opacity:.2}}@media (prefers-reduced-motion:reduce){.hn-race-gate{display:none}.hn-race-scene[data-finished] .hn-race-flash,.hn-race-rail:before,.hn-race-runner,.hn-race-stalls input[data-filled],.hn-race-stopwatch-hand,.hn-race-flag-cloth>span,.hn-race-first{animation:none}.hn-race-run,.hn-race-runner,.hn-race-button:hover:after{transition:none}.hn-race-confetti{display:none}}