.clock-tower-game{--hot:#4ab6ca;--deep:#227c99;--ink:#4b3428;background:linear-gradient(180deg,#86dcfa 0 54%,#f8d8a1 100%)}.clock-tower-game .prek-sparkles,.clock-tower-game:before{display:none}.clock-tower-game .prek-immersive-heading p{color:#287b91}.clock-tower-game .prek-immersive-heading h1{text-shadow:0 3px 0 #46b9c9,0 6px 0 #247f9b,0 10px 18px #285d7c55;-webkit-text-stroke-color:#236d83}.clock-tower-game .prek-machine{border-color:#fff7dc;background:#e7a64d;box-shadow:0 10px 0 #a9612f,0 22px 42px #4e382d4a}.clock-tower-game .prek-screen{min-height:clamp(570px,calc(100svh - 168px),790px)}.clock-tower-game .prek-prompt{top:16px;left:16px;width:min(330px,32%);transform:none;background:#fff9eae8;box-shadow:0 8px 20px #65432938}.clock-tower-game .prek-prompt h2{font-size:clamp(21px,2.6vw,32px)}.clock-tower-game .prek-prompt button{background:linear-gradient(#5ed6df,#288da8);box-shadow:0 5px #17657d}.clock-tower-game .prek-status{top:18px;right:16px}.clock-scene{position:absolute;inset:0;overflow:hidden;background:#adddf1;container-type:size;isolation:isolate}.clock-scene:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff0 54%,#a9572418)}.clock-artboard{position:absolute;z-index:0;top:50%;left:50%;width:max(100cqw,177.68cqh);aspect-ratio:1672/941;transform:translate(-50%,-50%)}.clock-scene-background{z-index:0;object-fit:fill;user-select:none}.tower-clock{position:absolute;z-index:6;top:16.68%;left:49.94%;width:13.94%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;color:#59402f;container-type:size;filter:drop-shadow(0 3px 3px #5d381d20)}.tower-clock span{--angle:calc(var(--number)*30deg);--clock-number-radius:39cqw;position:absolute;z-index:3;left:45cqw;top:44.5cqw;width:10cqw;text-align:center;font-size:8.4cqw;font-weight:1000;line-height:11cqw;text-shadow:0 1px #fff;transform:rotate(var(--angle)) translateY(calc(var(--clock-number-radius)*-1)) rotate(calc(var(--angle)*-1))}.tower-clock i{position:absolute;z-index:4;left:50%;bottom:50%;display:block;transform-origin:50% 100%;border-radius:999px;filter:drop-shadow(2px 2px 1px #5739254d)}.tower-clock .minute-hand{width:clamp(4px,.5vw,7px);height:34%;background:linear-gradient(90deg,#31536c,#51778e,#29485c);transform:translateX(-50%)}.tower-clock .hour-hand{width:clamp(7px,.75vw,11px);height:25%;background:linear-gradient(90deg,#df5f43,#ff8d62,#c83e32);transform:translateX(-50%) rotate(var(--hour-angle))}.tower-clock>b{z-index:5;left:50%;top:50%;width:11%;aspect-ratio:1;border:3px solid #fff1c4;background:radial-gradient(circle at 35% 30%,#ffba69,#d74b35 70%);box-shadow:0 2px 4px #5e362c66;transform:translate(-50%,-50%)}.clock-shine,.tower-clock>b{position:absolute;border-radius:50%}.clock-shine{z-index:2;inset:8%;overflow:hidden}.clock-shine:after{content:"";position:absolute;top:7%;left:13%;width:48%;height:18%;border-radius:50%;background:linear-gradient(180deg,#fff9,#fff0);transform:rotate(-18deg)}.tower-clock.is-ringing{animation:clock-ring .62s cubic-bezier(.2,.8,.3,1)}.clock-tower-game.is-wrong .tower-clock{animation:clock-remind .48s ease-in-out}.clock-cherry{position:absolute;z-index:8;bottom:1.5%;left:1.5%;width:clamp(165px,21vw,250px);aspect-ratio:1;filter:drop-shadow(0 12px 8px #6d462c42);transform-origin:50% 90%;animation:cherry-breathe 2.8s ease-in-out infinite}.clock-cherry img{object-fit:contain;object-position:center bottom}.clock-cherry.is-correct{animation:cherry-celebrate .78s cubic-bezier(.2,.9,.3,1) both}.clock-cherry.is-wrong{animation:cherry-gentle-wiggle .56s ease-in-out both}.cuckoo-note{position:absolute;top:10%;right:2%;color:#fff8a8;font-size:clamp(32px,5vw,62px);font-weight:1000;text-shadow:0 4px 0 #cd793d;animation:note-float .75s ease-out both}.time-choices{position:absolute;z-index:10;right:8%;bottom:15%;left:25%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,2.8vw,32px);border:0!important;outline:0;background:none;box-shadow:none;backdrop-filter:none}.time-choices button{position:relative;display:grid;place-content:center;width:clamp(128px,15vw,168px);min-height:clamp(76px,8.5vw,94px);padding:9px 14px 11px;cursor:pointer;border:0!important;border-color:transparent!important;border-radius:24px;outline:0;color:#513327;background:linear-gradient(180deg,#fffdf2,#ffd989);box-shadow:none;filter:none!important;transform:translateY(0);transition:transform .16s ease,filter .16s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.time-choices button:hover:not(:disabled){transform:translateY(-5px) scale(1.025);filter:brightness(1.04)}.time-choices button:active:not(:disabled){transform:translateY(4px) scale(.98);box-shadow:none}.time-choices button:focus-visible{outline:5px solid #235da6;outline-offset:5px}.time-choices button:disabled{cursor:default}.time-choices span{position:relative;z-index:1;display:block;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:1000;line-height:.98;letter-spacing:-.055em;text-shadow:0 2px #fff}.time-choices small{position:relative;z-index:1;margin-top:5px;color:#9a5c39;font-size:clamp(.72rem,1.2vw,.92rem);font-weight:950;letter-spacing:.02em}.time-choices button.is-wrong{animation:choice-shake .46s ease-in-out;background:radial-gradient(ellipse at 43% 28%,#fff7f0,#ffd1c3 70%,#e79d7e)}.time-choices button.is-correct{background:linear-gradient(180deg,#f9ffdf,#aee783);box-shadow:none;animation:choice-pop .72s cubic-bezier(.18,.9,.25,1.35)}.clock-feedback{position:absolute;z-index:11;right:7%;bottom:8%;left:24%;min-height:30px;margin:0;text-align:center;color:#fff;font-size:clamp(1rem,2vw,1.35rem);font-weight:1000;line-height:1.15;text-shadow:0 2px 2px #63371c,0 0 9px #7a4b2b}@keyframes clock-ring{0%,to{transform:translateX(-50%) rotate(0)}20%{transform:translateX(-50%) rotate(-3deg) scale(1.03)}43%{transform:translateX(-50%) rotate(3deg) scale(1.04)}66%{transform:translateX(-50%) rotate(-1.5deg) scale(1.02)}}@keyframes clock-remind{25%{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) rotate(2deg)}75%{transform:translateX(-50%) rotate(-1deg)}}@keyframes cherry-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}@keyframes cherry-celebrate{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-22px) scale(1.08) rotate(-5deg)}72%{transform:translateY(-6px) scale(1.03) rotate(4deg)}to{transform:translateY(0) scale(1)}}@keyframes cherry-gentle-wiggle{20%{transform:rotate(-3deg)}45%{transform:rotate(3deg)}70%{transform:rotate(-2deg)}}@keyframes note-float{0%{opacity:0;transform:translateY(15px) scale(.4) rotate(-14deg)}55%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.1) rotate(8deg)}}@keyframes choice-shake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@keyframes choice-pop{0%{transform:scale(1)}42%{transform:translateY(-12px) scale(1.12)}72%{transform:translateY(-3px) scale(.98)}to{transform:scale(1)}}@media(max-width:1000px){.clock-tower-game .prek-prompt{left:14px;width:min(300px,42%)}.clock-tower-game .prek-status{top:18px;right:14px;left:auto;display:grid}.time-choices{right:4%;left:25%}}@media(max-width:700px){.clock-tower-game .prek-screen{min-height:calc(100svh - 126px)}.clock-tower-game .prek-prompt{top:8px;left:8px;width:calc(100% - 16px);min-height:58px;padding:5px 8px}.clock-tower-game .prek-prompt h2{font-size:clamp(19px,5.8vw,26px)}.clock-tower-game .prek-prompt button{width:44px;height:44px}.clock-tower-game .prek-status{top:auto;right:8px;bottom:28%;left:auto;display:flex;padding:5px 7px}.clock-tower-game .prek-status p{font-size:10px}.clock-tower-game .prek-stars svg{width:16px;height:16px}.clock-cherry{bottom:4%;left:-2%;width:36vw;min-width:124px}.cuckoo-note{right:-4%}.time-choices{right:3%;bottom:17%;left:3%;gap:7px}.time-choices button{width:31%;min-width:0;min-height:76px;padding:8px 4px 11px}.time-choices span{font-size:clamp(1.45rem,8vw,2rem)}.time-choices small{font-size:.68rem}.clock-feedback{right:3%;bottom:11%;left:30%;font-size:.94rem}}@media(max-width:700px) and (orientation:landscape){.clock-tower-game .prek-screen{min-height:500px}.clock-cherry{bottom:0;width:22vw}.clock-tower-game .prek-status{top:78px;right:8px;bottom:auto}.clock-feedback{bottom:7%;left:22%}.time-choices{bottom:14%;left:22%}}@media(prefers-reduced-motion:reduce){.clock-tower-game *{scroll-behavior:auto!important;transition:none!important}.clock-cherry,.cuckoo-note,.time-choices button,.tower-clock{animation-duration:.01ms!important;animation-iteration-count:1!important}}