.fast-slow-racetrack{--hot:#37b6d1;--deep:#17799d;--sky:#81e7ec}.fast-slow-racetrack .prek-machine{background:linear-gradient(145deg,#58d5da,#278db7);box-shadow:inset 0 -10px #17799d,inset 0 5px #bdf8eb,0 12px #135c82,0 25px 45px #193d6852}.fast-slow-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit;outline:none;isolation:isolate}.fast-slow-stage:focus-visible{box-shadow:inset 0 0 0 6px #fff173}.fast-slow-backdrop,.fast-slow-backdrop img,.fast-slow-water-wash{position:absolute!important;inset:0}.fast-slow-backdrop{z-index:-4;background:#36bfd5}.fast-slow-backdrop img{object-fit:cover;object-position:center}.fast-slow-water-wash{z-index:-3;background:linear-gradient(180deg,#047c9c18,transparent 42%,#00688820);pointer-events:none}.fast-slow-bubbles{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.fast-slow-bubbles span{position:absolute;bottom:-30px;width:18px;height:18px;border:2px solid #fff9;border-radius:50%;box-shadow:inset 3px 3px 5px #fff7;animation:fast-slow-bubble 7s linear infinite}.fast-slow-bubbles span:first-child{left:18%;animation-delay:-1s}.fast-slow-bubbles span:nth-child(2){left:39%;width:11px;height:11px;animation-delay:-4s}.fast-slow-bubbles span:nth-child(3){left:59%;width:23px;height:23px;animation-delay:-2s}.fast-slow-bubbles span:nth-child(4){left:76%;width:13px;height:13px;animation-delay:-6s}.fast-slow-bubbles span:nth-child(5){left:89%;width:9px;height:9px;animation-delay:-3s}.fast-slow-track{position:absolute;z-index:4;top:118px;right:clamp(24px,4vw,58px);bottom:100px;left:clamp(112px,13vw,154px);display:grid;grid-template-rows:repeat(2,minmax(126px,1fr));gap:clamp(10px,2vh,20px)}.fast-slow-lane{position:relative;min-height:0;border-top:3px solid #e9fdffb8;border-bottom:3px solid #55b8c58c;border-radius:46px;background:linear-gradient(180deg,#e9ffff54,#53c8d02b 65%,#1c92aa2e);box-shadow:inset 0 8px 18px #fff4,inset 0 -8px 18px #087b8d18;container-type:inline-size}.fast-slow-lane-line{position:absolute;top:50%;right:32px;left:32px;height:4px;border-radius:99px;background:repeating-linear-gradient(90deg,#fff9 0 24px,transparent 24px 43px);transform:translateY(-50%)}.fast-slow-finish-line,.fast-slow-start-line{position:absolute;z-index:5;top:4px;bottom:4px;width:30px;pointer-events:none}.fast-slow-start-line{left:18px;border-radius:8px;background:repeating-conic-gradient(#fff 0 25%,#3b6c86 0 50%) 0 /16px 16px;box-shadow:0 0 0 3px #fff9,0 6px 14px #1b62736b}.fast-slow-finish-line span,.fast-slow-start-line span{position:absolute;left:50%;padding:3px 8px;border:2px solid #fff;border-radius:999px;color:#fff;background:#256c8de8;box-shadow:0 3px #174e68;font-size:10px;font-weight:1000;letter-spacing:.08em;transform:translateX(-50%)}.fast-slow-start-line span{top:-28px}.fast-slow-finish-line{right:18px;border-radius:8px;background:repeating-conic-gradient(#fff 0 25%,#34475d 0 50%) 0 /16px 16px;box-shadow:0 0 0 3px #fff9,0 6px 14px #1b62736b}.fast-slow-finish-line svg{position:absolute;top:-37px;left:50%;width:34px;height:34px;color:#ff6d75;fill:#fff;filter:drop-shadow(0 3px #175b72);transform:translateX(-50%)}.fast-slow-finish-line span{bottom:-28px}.fast-slow-racer{--racer-size:clamp(116px,15vw,166px);position:absolute;z-index:6;top:50%;left:49px;display:block;width:var(--racer-size);height:min(88%,158px);padding:0;cursor:pointer;border:0;border-radius:32px;background:transparent;transform:translateY(-50%);transition:filter .16s ease;touch-action:manipulation}.fast-slow-racer:disabled{cursor:default}.fast-slow-racer.is-moving{animation:fast-slow-race var(--race-duration) cubic-bezier(.18,.42,.2,1) forwards}.fast-slow-racer.is-finished{transform:translate3d(calc(100cqw - var(--racer-size) - 96px),-50%,0)}.fast-slow-racer:not(:disabled):hover .fast-slow-racer-image{filter:brightness(1.06) drop-shadow(0 7px 7px #08768a55) drop-shadow(0 0 4px #b9f7ff9c);transform:scale(1.06)}.fast-slow-racer:not(:disabled):active .fast-slow-racer-image{transform:scale(.96)}.fast-slow-racer:focus-visible{outline:6px solid #fff170;outline-offset:6px}.fast-slow-racer-image{position:absolute;inset:0 0 18px;filter:drop-shadow(0 6px 7px #08768a48) drop-shadow(0 0 3px #b9f7ff8c);transition:transform .16s ease,filter .16s ease}.fast-slow-racer-image img{object-fit:contain}.fast-slow-racer-name{position:absolute;z-index:3;right:7px;bottom:0;left:7px;overflow:hidden;padding:5px 7px;border:3px solid #fff;border-radius:999px;color:#fff;box-shadow:0 4px #225675,0 7px 10px #17485c4f;font-size:clamp(12px,1.5vw,16px);font-weight:1000;line-height:1;text-align:center;text-shadow:0 2px #24425b80;white-space:nowrap}.fast-slow-key{position:absolute;z-index:9;top:0;left:-4px;display:grid;width:31px;height:31px;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#326f91;box-shadow:0 3px #164c69;font-size:14px;font-weight:1000}.fast-slow-speed-trail{position:absolute;top:39%;right:72%;width:62px;height:34px;opacity:0;border-top:5px solid #fffbd1;border-bottom:5px solid #e9ffff;border-radius:50%;filter:drop-shadow(0 2px #2c97af70)}.fast-slow-racer.is-moving .fast-slow-speed-trail{opacity:.85;animation:fast-slow-trail .3s ease-in-out infinite alternate}.fast-slow-rank{position:absolute;z-index:8;top:-11px;right:-4px;padding:5px 10px;border:3px solid #fff;border-radius:999px;color:#73530b;background:#ffeb64;box-shadow:0 4px #cf9a20;font-size:15px;font-weight:1000;animation:fast-slow-pop .28s ease-out}.fast-slow-check{position:absolute;z-index:10;top:24px;right:-5px;display:grid;width:45px;height:45px;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;background:#4dcc6f;box-shadow:0 5px #218d4b;animation:fast-slow-pop .35s cubic-bezier(.2,1.4,.3,1)}.fast-slow-check svg{width:27px;height:27px;stroke-width:4}.fast-slow-racer.is-wrong .fast-slow-racer-image{animation:fast-slow-wrong .4s ease-in-out}.fast-slow-character{position:absolute;z-index:8;bottom:-5px;left:3px;width:clamp(140px,19vw,222px);aspect-ratio:1;filter:drop-shadow(0 12px 8px #17546d57);animation:fast-slow-breathe 2.9s ease-in-out infinite;pointer-events:none}.fast-slow-character img{object-fit:contain;object-position:bottom}.fast-slow-replay{position:absolute;z-index:12;right:19px;bottom:19px;display:flex;min-height:52px;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;border:3px solid #fff;border-radius:18px;color:#fff;background:linear-gradient(#7065d7,#5146b4);box-shadow:0 6px #39328f,0 10px 16px #17485c48;font-size:15px;font-weight:1000}.fast-slow-replay:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #39328f}.fast-slow-replay:focus-visible{outline:5px solid #fff170;outline-offset:3px}.fast-slow-replay:disabled{cursor:default;opacity:.58}.fast-slow-replay svg{width:23px;height:23px;stroke-width:3}.fast-slow-feedback{position:absolute;z-index:12;bottom:21px;left:50%;min-width:190px;margin:0;padding:8px 17px;border:3px solid #fff;border-radius:999px;color:#fff;background:#176c89e8;box-shadow:0 5px #104a65,0 10px 18px #153e5542;font-size:clamp(14px,1.8vw,18px);font-weight:1000;text-align:center;text-shadow:0 2px #104a65;transform:translateX(-50%)}@keyframes fast-slow-race{0%{transform:translate3d(0,-50%,0) rotate(-1deg)}22%{transform:translate3d(calc(22cqw - 22px),calc(-50% - 4px),0) rotate(2deg)}52%{transform:translate3d(calc(52cqw - 50px),calc(-50% + 3px),0) rotate(-1deg)}76%{transform:translate3d(calc(76cqw - 73px),calc(-50% - 2px),0) rotate(1deg)}to{transform:translate3d(calc(100cqw - var(--racer-size) - 96px),-50%,0)}}@keyframes fast-slow-trail{to{transform:scaleX(.72);opacity:.45}}@keyframes fast-slow-wrong{20%,60%{transform:translateX(-7px) rotate(-3deg)}40%,80%{transform:translateX(7px) rotate(3deg)}}@keyframes fast-slow-pop{0%{opacity:0;transform:scale(.45) rotate(-7deg)}}@keyframes fast-slow-breathe{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes fast-slow-bubble{to{transform:translateY(-760px) scale(1.25);opacity:0}}@media (max-width:1000px){.fast-slow-track{top:148px;right:19px;bottom:98px;left:95px}.fast-slow-racer{--racer-size:clamp(108px,17vw,145px)}}@media (max-width:560px){.fast-slow-backdrop img{object-position:center}.fast-slow-track{top:139px;right:5px;bottom:112px;left:5px;grid-template-rows:repeat(2,minmax(116px,1fr));gap:10px}.fast-slow-lane{border-width:2px;border-radius:34px}.fast-slow-racer{--racer-size:min(28vw,112px);left:33px;height:min(92%,126px)}.fast-slow-racer.is-finished{transform:translate3d(calc(100cqw - var(--racer-size) - 69px),-50%,0)}.fast-slow-finish-line,.fast-slow-start-line{width:21px}.fast-slow-start-line{left:7px}.fast-slow-finish-line{right:7px}.fast-slow-finish-line span,.fast-slow-start-line span{display:none}.fast-slow-finish-line svg{top:-27px;width:27px;height:27px}.fast-slow-lane-line{right:21px;left:21px}.fast-slow-racer-name{right:2px;left:2px;padding:4px 3px;border-width:2px;font-size:10px}.fast-slow-key{top:4px;left:-2px;width:27px;height:27px}.fast-slow-key,.fast-slow-rank{border-width:2px;font-size:12px}.fast-slow-rank{top:-4px;right:-1px;padding:3px 7px}.fast-slow-check{top:27px;right:-2px;width:36px;height:36px;border-width:3px}.fast-slow-character{bottom:-7px;left:-19px;width:128px}.fast-slow-feedback{bottom:78px;min-width:156px;padding:6px 12px;border-width:2px;font-size:13px}.fast-slow-replay{right:9px;bottom:13px;min-height:50px;padding:7px 12px;border-width:2px;font-size:13px}@keyframes fast-slow-race{0%{transform:translate3d(0,-50%,0)}52%{transform:translate3d(calc(52cqw - 36px),calc(-50% - 2px),0)}to{transform:translate3d(calc(100cqw - var(--racer-size) - 69px),-50%,0)}}}@media (max-height:700px) and (min-width:561px){.fast-slow-track{top:105px;bottom:82px}.fast-slow-character{width:150px}}@media (prefers-reduced-motion:reduce){.fast-slow-bubbles span,.fast-slow-character,.fast-slow-check,.fast-slow-racer.is-wrong .fast-slow-racer-image,.fast-slow-rank,.fast-slow-speed-trail{animation:none}.fast-slow-racer.is-moving{animation-duration:.55s!important;animation-timing-function:linear}.fast-slow-racer-image{transition:none}}