.count-on-cloud-run{--hot:#ff7796;--deep:#c7446d;--sky:#6bd9f4;--ink:#35436f;background:linear-gradient(180deg,#69d8f6,#d8f8ff 67%,#8de8cf 0)}.count-on-cloud-run .prek-immersive-heading p{color:#2b789b}.count-on-cloud-run.is-immersive .prek-machine{background:#55cde9;box-shadow:0 10px 0 #248fba,0 22px 42px #23678552}.count-on-cloud-run.is-immersive .prek-prompt,.count-on-cloud-run.is-immersive .prek-status{background:#fffdf0ed;box-shadow:0 7px 20px #256b8740}.count-on-cloud-run.is-immersive .prek-stars svg{color:#6c9db1;fill:#d9eff4}.count-on-cloud-run.is-immersive .prek-stars svg.is-done{color:#d38816;fill:#ffe05c}.count-on-cloud-run.is-immersive .prek-stars svg.is-current{color:#ef5e87;fill:#ffabc0}.cocr-scene{position:absolute;z-index:0;inset:0;min-height:0;overflow:hidden;color:#2f4771;background:#93e1f7;isolation:isolate}.cocr-background{z-index:-5;object-fit:cover;object-position:center;user-select:none;transform:translateZ(0) scale(1.002)}.cocr-sky-wash{z-index:-2;background:radial-gradient(circle at 50% 45%,#ffffff18 0 18%,transparent 50%),linear-gradient(180deg,#40c9ed0a 0 55%,#2f8fbd18 100%)}.cocr-sky-wash,.cocr-speed-clouds{position:absolute;inset:0;pointer-events:none}.cocr-speed-clouds{z-index:1;overflow:hidden}.cocr-speed-clouds i{position:absolute;width:150px;height:34px;border-radius:999px;background:#ffffff8c;filter:blur(1px);animation:cocr-cloud-drift 9s linear infinite}.cocr-speed-clouds i:after,.cocr-speed-clouds i:before{position:absolute;bottom:2px;content:"";border-radius:50%;background:inherit}.cocr-speed-clouds i:before{left:24px;width:54px;height:54px}.cocr-speed-clouds i:after{right:23px;width:70px;height:70px}.cocr-speed-clouds i:first-child{top:30%;left:-180px;animation-delay:-2s}.cocr-speed-clouds i:nth-child(2){top:58%;left:-210px;scale:.64;opacity:.7;animation-delay:-6s}.cocr-speed-clouds i:nth-child(3){top:76%;left:-170px;scale:.82;opacity:.72;animation-delay:-4s}.cocr-route{position:absolute;z-index:16;top:104px;left:50%;display:flex;width:min(710px,calc(100% - 280px));align-items:center;justify-content:space-between;gap:7px;min-height:67px;transform:translateX(-50%)}.cocr-route-line{position:absolute;z-index:-1;right:25px;left:25px;height:10px;overflow:hidden;border:2px solid #fff;border-radius:999px;background:#87b9ccbb;box-shadow:0 4px 10px #275d7650}.cocr-route-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffc862,#ff7696);transition:width .48s ease}.cocr-route>span{position:relative;display:grid;width:clamp(50px,5.7vw,65px);height:clamp(50px,5.7vw,65px);flex:0 0 auto;place-items:center;border:4px solid #fff;border-radius:50%;color:#56748a;background:linear-gradient(#effcff,#c1eaf4);box-shadow:inset 0 -6px #8cc9d8,0 6px 12px #3379944a;font-size:clamp(21px,2.8vw,31px);font-weight:1000;line-height:1;transition:transform .25s ease,color .25s ease,background .25s ease}.cocr-route>span.is-passed{color:#245d5f;background:linear-gradient(#baffec,#5ed8bd);box-shadow:inset 0 -6px #34aa97,0 6px 12px #3379944a}.cocr-route>span.is-current{color:#6b3752;background:linear-gradient(#fff6aa,#ffc95f);box-shadow:inset 0 -6px #e69a35,0 0 0 6px #fff5a859,0 7px 14px #8e5b3059;transform:translateY(-4px) scale(1.09);animation:cocr-current-pulse 1.25s ease-in-out infinite}.cocr-route>span.is-goal small{position:absolute;top:-25px;right:-9px;font-size:27px;filter:drop-shadow(0 3px 2px #24506658)}.cocr-flight-lane{position:absolute;z-index:8;top:185px;right:8%;left:8%;height:170px;pointer-events:none}.cocr-flight-lane:after{position:absolute;right:5%;bottom:22px;left:5%;height:5px;content:"";border-radius:999px;background:repeating-linear-gradient(90deg,#ffffffc9 0 22px,transparent 22px 39px);filter:drop-shadow(0 3px 2px #3691ae5c)}.cocr-glider{--glider-left:8%;position:absolute;z-index:2;bottom:28px;left:var(--glider-left);width:clamp(170px,23vw,270px);aspect-ratio:3/2;filter:drop-shadow(0 13px 9px #2b6c8747);transform:translateX(-12%);transition:left .55s cubic-bezier(.2,.85,.28,1);animation:cocr-glider-idle 2.6s ease-in-out infinite}.cocr-glider img{object-fit:contain}.cocr-glider.is-flying{animation:cocr-glider-fly .56s ease}.cocr-glider.is-finished{animation:cocr-glider-cheer .8s cubic-bezier(.2,1.35,.4,1)}.cocr-finish-flag{position:absolute;right:4%;bottom:51px;font-size:clamp(43px,6vw,68px);filter:drop-shadow(0 6px 4px #2b6c8761)}.cocr-gates{position:absolute;z-index:20;top:385px;right:19%;left:19%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(18px,4vw,54px)}.cocr-gate{--gate-color:#45d2dc;position:relative;display:grid;width:clamp(102px,12vw,138px);height:clamp(116px,13.5vw,154px);place-items:center;padding:0;cursor:pointer;border:7px solid #fff;border-radius:58% 58% 44% 44%/54% 54% 40% 40%;color:#fff;background:radial-gradient(circle at 34% 25%,#ffffffd9 0 5%,transparent 6%),linear-gradient(155deg,color-mix(in srgb,var(--gate-color),white 25%),var(--gate-color));box-shadow:inset 0 7px #ffffff68,inset 0 -12px #295c7c29,0 10px 0 #2d799b91,0 16px 24px #225f7950;font:inherit;touch-action:manipulation;transition:transform .17s ease,filter .17s ease}.cocr-gate:nth-child(2){--gate-color:#9b83ef}.cocr-gate:nth-child(3){--gate-color:#ff829f}.cocr-gate:after,.cocr-gate:before{position:absolute;bottom:-15px;width:42%;height:27px;content:"";border:4px solid #fff;border-radius:50%;background:#fff7c4;box-shadow:inset 0 -5px #efd170}.cocr-gate:before{left:-9px}.cocr-gate:after{right:-9px}.cocr-gate span{display:grid;width:72%;aspect-ratio:1;place-items:center;border:4px solid #ffffffc7;border-radius:50%;background:#355a88b8;box-shadow:inset 0 5px #ffffff28,0 4px 9px #21456b4d;font-size:clamp(38px,5.5vw,60px);font-weight:1000;line-height:1;text-shadow:0 3px #253f6f80}.cocr-gate:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-8px) scale(1.04)}.cocr-gate:active:not(:disabled){transform:translateY(5px) scale(.96)}.cocr-gate:focus-visible{outline:7px solid #6b3cff;outline-offset:7px}.cocr-gate:disabled{cursor:default}.cocr-gate.is-correct{animation:cocr-gate-correct .56s cubic-bezier(.2,1.4,.4,1)}.cocr-gate.is-wrong{animation:cocr-gate-wrong .48s ease;filter:saturate(.76)}.cocr-cherry{position:absolute;z-index:18;bottom:0;left:clamp(-45px,-2.6vw,-24px);width:clamp(216px,26vw,286px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 12px 9px #29627a4f);animation:cocr-cherry-breathe 3.2s ease-in-out infinite}.cocr-cherry img{object-fit:contain;object-position:center bottom}.cocr-cherry.is-happy{animation:cocr-cherry-cheer .68s cubic-bezier(.2,1.4,.4,1)}.cocr-cherry.is-wrong{animation:cocr-cherry-wrong .5s ease}.cocr-feedback{position:absolute;z-index:19;right:13%;bottom:14px;left:13%;min-height:30px;margin:0;color:#fff;text-align:center;font-size:clamp(17px,2.1vw,23px);font-weight:1000;line-height:1.2;text-shadow:0 3px #285e7a,0 0 9px #24556f}@keyframes cocr-cloud-drift{to{transform:translateX(calc(100vw + 390px))}}@keyframes cocr-current-pulse{50%{transform:translateY(-7px) scale(1.13)}}@keyframes cocr-glider-idle{50%{transform:translate(-12%,-6px) rotate(1deg)}}@keyframes cocr-glider-fly{45%{transform:translate(-4%,-14px) rotate(-3deg) scale(1.05)}}@keyframes cocr-glider-cheer{45%{transform:translate(-4%,-18px) rotate(-5deg) scale(1.07)}}@keyframes cocr-gate-correct{45%{transform:translateY(-15px) scale(1.11);filter:brightness(1.2)}}@keyframes cocr-gate-wrong{25%{transform:translateX(-9px) rotate(-3deg)}65%{transform:translateX(8px) rotate(3deg)}}@keyframes cocr-cherry-breathe{50%{transform:translateY(-7px) scale(1.015)}}@keyframes cocr-cherry-cheer{48%{transform:translateY(-16px) rotate(4deg) scale(1.06)}}@keyframes cocr-cherry-wrong{30%{transform:translateX(-6px) rotate(-3deg)}70%{transform:translateX(5px) rotate(2deg)}}@media (max-width:1000px){.cocr-route{top:145px;width:min(690px,calc(100% - 40px))}.cocr-flight-lane{top:220px;right:4%;left:4%}.cocr-gates{top:445px;right:13%;left:13%}.cocr-cherry{left:-49px}}@media (max-width:700px){.cocr-route{top:144px;width:calc(100% - 22px)}.cocr-route>span{width:clamp(42px,10.7vw,55px);height:clamp(42px,10.7vw,55px);border-width:3px;font-size:clamp(18px,5.3vw,25px)}.cocr-flight-lane{top:207px;height:155px}.cocr-glider{width:clamp(150px,43vw,210px)}.cocr-finish-flag{right:1%;bottom:48px}.cocr-gates{top:415px;right:7%;left:7%;gap:clamp(11px,3vw,20px)}.cocr-gate{width:clamp(86px,25vw,112px);height:clamp(103px,29vw,128px);border-width:5px}.cocr-gate span{font-size:clamp(34px,11vw,48px)}.cocr-cherry{bottom:0;width:187px}.cocr-feedback{right:7%;bottom:9px;left:24%;font-size:16px}}@media (max-width:390px){.cocr-route{top:136px}.cocr-flight-lane{top:198px}.cocr-gates{top:430px;gap:8px}.cocr-gate{width:82px;height:99px}.cocr-gate:after,.cocr-gate:before{bottom:-11px;height:22px;border-width:3px}.cocr-cherry{width:163px}.cocr-feedback{left:28%;font-size:14px}}@media (max-height:760px) and (orientation:landscape){.cocr-route{top:112px}.cocr-flight-lane{top:170px;height:132px}.cocr-gates{top:350px}.cocr-gate{width:88px;height:103px}.cocr-cherry{width:177px}}@media (prefers-reduced-motion:reduce){.cocr-cherry,.cocr-gate.is-correct,.cocr-gate.is-wrong,.cocr-glider,.cocr-route>span.is-current,.cocr-speed-clouds i{animation:none}.cocr-glider,.cocr-route-line span{transition-duration:.01ms}}