.toy-timer-challenge{--ttc-ink:#34266a;--ttc-purple:#785ee9;--ttc-aqua:#45d9d0;--ttc-coral:#ff739f;--ttc-gold:#ffd85c;background:#bdeff4}.toy-timer-challenge .prek-machine{width:min(1180px,calc(100vw - 24px));max-height:790px}.toy-timer-challenge .prek-screen{min-height:min(790px,calc(100dvh - 24px));overflow:hidden;background:#93e1e4}.toy-timer-challenge .prek-prompt{position:absolute;z-index:15;top:8px;left:50%;width:min(620px,calc(100% - 230px));min-height:58px;transform:translateX(-50%);border:3px solid rgb(255 255 255/.9);border-radius:999px;background:rgb(255 255 255/.9);box-shadow:0 8px 0 rgb(83 61 151/.18),0 12px 24px rgb(52 38 106/.2);color:var(--ttc-ink);backdrop-filter:blur(8px)}.toy-timer-challenge .prek-prompt h2{font-size:clamp(1.14rem,2.1vw,1.72rem)}.toy-timer-challenge .prek-prompt button{color:white;background:linear-gradient(#8d77f2,#6d52df)}.ttc-scene{position:relative;display:flex;min-height:min(790px,calc(100dvh - 24px));flex-direction:column;justify-content:center;padding:138px 32px 24px;background-position:50%;background-size:cover;isolation:isolate}.ttc-scene:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgb(114 224 233/.08),rgb(72 56 142/.12));pointer-events:none}.ttc-machine{position:absolute;z-index:4;top:134px;left:50%;display:grid;width:118px;height:88px;transform:translateX(-50%);place-items:center;border:5px solid white;border-radius:28px;background:linear-gradient(155deg,#9e8eff,#6754d8);box-shadow:0 9px 0 #4c399f,0 14px 24px rgb(40 31 98/.35),inset 0 3px 6px rgb(255 255 255/.45)}.ttc-clock{position:relative;display:grid;width:62px;height:62px;place-items:center;border:5px solid var(--ttc-gold);border-radius:50%;background:#fffef6;color:var(--ttc-ink);box-shadow:inset 0 0 0 3px #d8d0ff}.ttc-clock strong{position:relative;z-index:2;font-size:.73rem;font-weight:1000}.ttc-clock-hand{position:absolute;bottom:50%;width:4px;height:21px;transform-origin:bottom;border-radius:5px;background:var(--ttc-coral)}.ttc-clock.is-running .ttc-clock-hand{animation:ttc-clock-spin .68s linear infinite}.ttc-lights{position:absolute;right:9px;display:grid;gap:5px}.ttc-lights i{width:7px;height:7px;border-radius:50%;background:#d7ccff;box-shadow:inset 0 1px 1px white}.ttc-clock.is-running+.ttc-lights i{background:#7df6bf;box-shadow:0 0 8px #7df6bf;animation:ttc-light 1s ease-in-out infinite alternate}.ttc-clock.is-running+.ttc-lights i:nth-child(2){animation-delay:.2s}.ttc-clock.is-running+.ttc-lights i:nth-child(3){animation-delay:.4s}.ttc-lanes{display:grid;width:min(900px,100%);margin:66px auto 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ttc-lane{position:relative;min-height:332px;padding:18px 18px 14px;overflow:hidden;border:solid rgb(255 255 255/.95);border-width:5px 5px 10px;border-radius:36px;background:linear-gradient(180deg,rgb(255 255 255/.83),rgb(242 249 255/.76));box-shadow:0 12px 26px rgb(51 42 105/.25),inset 0 2px 0 white;color:var(--ttc-ink);cursor:pointer;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.ttc-lane:disabled{opacity:1;cursor:default}.ttc-lane:not(:disabled):hover{transform:translateY(-5px) scale(1.015);filter:brightness(1.04)}.ttc-lane:not(:disabled):focus-visible{outline:6px solid #fff06e;outline-offset:4px}.ttc-lane.is-correct{border-color:#fff276;background:linear-gradient(180deg,#e9fff2,#fff9b8);animation:ttc-correct .62s ease both}.ttc-lane.is-wrong{border-color:#ff9cbc;animation:ttc-wrong .42s ease both}.ttc-lane-number{position:absolute;top:12px;left:14px;display:grid;width:40px;height:40px;place-items:center;border:3px solid white;border-radius:50%;background:var(--ttc-purple);color:white;font-size:1.18rem;font-weight:1000;box-shadow:0 4px 0 #5140a8}.ttc-toy-track{position:relative;display:block;height:214px;margin:0 6px 5px;border-bottom:8px solid #8b75df}.ttc-toy-track:after{position:absolute;right:34px;bottom:-8px;left:22px;height:8px;content:"";background:repeating-linear-gradient(90deg,#fff 0 18px,transparent 18px 34px);opacity:.82}.ttc-toy{position:absolute;z-index:2;bottom:8px;left:3%;width:clamp(130px,17vw,205px);height:clamp(130px,17vw,205px);transform-origin:50% 85%}.ttc-toy img{object-fit:contain;filter:drop-shadow(0 12px 8px rgb(54 42 107/.24))}.ttc-lane.has-run .ttc-toy{animation-duration:var(--run-ms);animation-timing-function:linear;animation-fill-mode:both}.ttc-lane.has-run .ttc-toy.is-drive,.ttc-lane.has-run .ttc-toy.is-pedal{animation-name:ttc-drive}.ttc-lane.has-run .ttc-toy.is-fly{animation-name:ttc-fly}.ttc-lane.has-run .ttc-toy.is-bounce{animation-name:ttc-bounce}.ttc-lane.has-run .ttc-toy.is-dance{animation-name:ttc-dance}.ttc-finish-flag{position:absolute;right:2px;bottom:12px;font-size:2rem;filter:drop-shadow(0 3px 2px rgb(52 38 106/.25))}.ttc-lane>strong{display:block;font-size:clamp(1.18rem,2.2vw,1.58rem);font-weight:1000}.ttc-toy-status{display:block;min-height:24px;margin-top:2px;color:#6955ba;font-size:.96rem;font-weight:900}.ttc-lane.is-correct .ttc-toy-status{color:#168151}.ttc-lane.is-wrong .ttc-toy-status{color:#b33c69}.ttc-console{position:relative;z-index:5;display:grid;width:min(900px,100%);min-height:124px;margin:10px auto 0;grid-template-columns:150px 1fr auto;align-items:center;gap:12px}.ttc-cherry{position:absolute;bottom:-42px;left:-42px;width:205px;height:250px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 8px rgb(49 37 102/.22))}.ttc-message{grid-column:2;display:flex;min-height:80px;align-items:center;gap:12px;padding:14px 22px;border:4px solid white;border-radius:28px;background:rgb(255 255 255/.91);box-shadow:0 8px 0 rgb(78 60 153/.2),0 12px 20px rgb(49 37 102/.16);color:var(--ttc-ink)}.ttc-message span{font-size:2rem}.ttc-message p{margin:0;font-size:clamp(.96rem,1.65vw,1.18rem);font-weight:900;line-height:1.3}.ttc-message.is-correct{background:#effff2;color:#146940}.ttc-message.is-wrong{background:#fff2f7;color:#9c345d}.ttc-start{grid-column:3;display:flex;min-width:178px;min-height:72px;align-items:center;justify-content:center;gap:9px;border:4px solid white;border-bottom:9px solid #bd416e;border-radius:26px;background:linear-gradient(#ff98ba,#ff6092);box-shadow:0 9px 20px rgb(82 45 108/.25);color:white;font-size:1.08rem;font-weight:1000;text-shadow:0 2px 1px rgb(117 38 83/.28);cursor:pointer}.ttc-start:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.ttc-start:active:not(:disabled){transform:translateY(4px);border-bottom-width:5px}.ttc-start:focus-visible{outline:6px solid #fff06e;outline-offset:3px}.ttc-start:disabled{cursor:default;filter:saturate(.72)}.ttc-start span{font-size:1.5rem}@keyframes ttc-clock-spin{to{transform:rotate(1turn)}}@keyframes ttc-light{to{transform:scale(1.3)}}@keyframes ttc-drive{0%{left:3%;transform:translateY(0) rotate(-1deg)}18%{transform:translateY(-5px) rotate(1deg)}36%{transform:translateY(0) rotate(-1deg)}54%{transform:translateY(-5px) rotate(1deg)}72%{transform:translateY(0) rotate(-1deg)}to{left:calc(100% - clamp(155px, 19vw, 225px));transform:translateY(0) rotate(0)}}@keyframes ttc-fly{0%{left:3%;transform:translateY(18px) rotate(-4deg)}25%{transform:translateY(-18px) rotate(3deg)}50%{transform:translateY(6px) rotate(-2deg)}75%{transform:translateY(-12px) rotate(2deg)}to{left:calc(100% - clamp(155px, 19vw, 225px));transform:translateY(0) rotate(0)}}@keyframes ttc-bounce{0%{left:3%;transform:translateY(0) scaleY(1)}20%{transform:translateY(-34px) rotate(8deg)}40%{transform:translateY(0) scaleY(.92)}60%{transform:translateY(-28px) rotate(-8deg)}80%{transform:translateY(0) scaleY(.94)}to{left:calc(100% - clamp(155px, 19vw, 225px));transform:translateY(0)}}@keyframes ttc-dance{0%{left:3%;transform:rotate(0) translateY(0)}18%{transform:rotate(-8deg) translateY(-15px)}36%{transform:rotate(8deg) translateY(0)}54%{transform:rotate(-8deg) translateY(-15px)}72%{transform:rotate(8deg) translateY(0)}to{left:calc(100% - clamp(155px, 19vw, 225px));transform:rotate(0) translateY(0)}}@keyframes ttc-correct{50%{transform:translateY(-7px) scale(1.03)}}@keyframes ttc-wrong{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@media (max-width:1000px){.toy-timer-challenge .prek-status{top:78px}}@media (max-width:760px){.toy-timer-challenge .prek-screen,.ttc-scene{min-height:min(790px,calc(100svh - 126px))}.toy-timer-challenge .prek-prompt{top:12px;width:calc(100% - 32px)}.toy-timer-challenge .prek-status{top:82px}.ttc-scene{padding:132px 14px 18px}.ttc-machine{top:126px;width:96px;height:72px;transform:translate(-50%,-4px) scale(.82)}.ttc-lanes{margin-top:54px;gap:10px}.ttc-lane{min-height:255px;padding:10px 7px 9px;border-width:4px 4px 8px;border-radius:26px}.ttc-lane-number{top:7px;left:8px;width:34px;height:34px;font-size:1rem}.ttc-toy-track{height:158px;margin:0 1px 4px}.ttc-toy{width:clamp(104px,31vw,145px);height:clamp(104px,31vw,145px)}.ttc-toy-track:after{left:8px;right:24px}.ttc-finish-flag{right:-3px;font-size:1.55rem}.ttc-lane>strong{font-size:clamp(.98rem,4.2vw,1.24rem)}.ttc-toy-status{font-size:.78rem}.ttc-console{min-height:142px;margin-top:4px;grid-template-columns:92px 1fr;gap:7px}.ttc-cherry{bottom:-30px;left:-16px;width:126px;height:175px}.ttc-message{grid-column:2;min-height:62px;padding:9px 12px;border-width:3px;border-radius:20px}.ttc-message span{display:none}.ttc-message p{font-size:.82rem}.ttc-start{grid-column:2;min-width:0;min-height:58px;border-width:3px 3px 7px;border-radius:20px;font-size:.9rem}@keyframes ttc-drive{to{left:calc(100% - clamp(120px, 34vw, 158px))}}@keyframes ttc-fly{0%{left:3%;transform:translateY(12px)}50%{transform:translateY(-13px)}to{left:calc(100% - clamp(120px, 34vw, 158px));transform:translateY(0)}}@keyframes ttc-bounce{0%{left:3%}45%{transform:translateY(-24px) rotate(7deg)}to{left:calc(100% - clamp(120px, 34vw, 158px));transform:translateY(0)}}@keyframes ttc-dance{0%{left:3%}35%{transform:rotate(-8deg) translateY(-10px)}70%{transform:rotate(8deg)}to{left:calc(100% - clamp(120px, 34vw, 158px));transform:rotate(0)}}}@media (max-height:720px) and (min-width:761px){.ttc-scene{padding-top:124px}.ttc-machine{top:116px;transform:translateX(-50%) scale(.78)}.ttc-lanes{margin-top:42px}.ttc-lane{min-height:282px}.ttc-toy-track{height:172px}.ttc-console{min-height:98px}.ttc-cherry{width:175px;height:220px}}@media (prefers-reduced-motion:reduce){.ttc-clock.is-running .ttc-clock-hand,.ttc-clock.is-running+.ttc-lights i,.ttc-lane,.ttc-lane.is-correct,.ttc-lane.is-wrong{animation:none;transition:none}.ttc-lane.has-run .ttc-toy{animation-timing-function:steps(4)}}