.number-skywriter{--hot:#8e7bda;--deep:#5e4ca9;--ink:#514674;--sky:#b9e9ff;background:linear-gradient(180deg,#c8eeff,#eee7ff 64%,#c7dcff)}.number-skywriter .prek-immersive-heading p{color:#6856a3}.number-skywriter.is-immersive .prek-machine{background:#8d7bd4;box-shadow:0 10px 0 #5e4ca9,0 22px 42px #4f477142}.number-skywriter.is-immersive .prek-prompt,.number-skywriter.is-immersive .prek-status{background:#fffdf0e8;box-shadow:0 7px 20px #514b7330}.number-skywriter.is-immersive .prek-stars svg{color:#9a94b2;fill:#e4e5f0}.number-skywriter.is-immersive .prek-stars svg.is-done{color:#d18d19;fill:#ffda57}.number-skywriter.is-immersive .prek-stars svg.is-current{color:#7058b8;fill:#c9b6ff}.ns-scene{position:absolute;z-index:0;inset:0;min-height:0;overflow:hidden;background:#78cef6;isolation:isolate}.ns-background{z-index:-4;object-fit:cover;object-position:center;image-rendering:auto;transform:translateZ(0) scale(1.002);backface-visibility:hidden}.ns-sky-light{position:absolute;z-index:-3;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff16,transparent 57%,#7165a212)}.ns-playfield{position:absolute;z-index:10;inset:94px 0 0}.ns-dot-label,.ns-round-label{position:absolute;top:3%;color:#554878;font-size:clamp(14px,1.45vw,20px);font-weight:1000;text-shadow:0 2px 0 #fff,0 5px 10px #4d527244}.ns-round-label{left:3.5%}.ns-dot-label{right:3.5%}.ns-trace{position:absolute;top:50%;left:55%;width:clamp(265px,35vw,455px);height:min(61vh,525px);max-height:calc(100% - 28px);translate:-50% -50%;touch-action:none;filter:drop-shadow(0 10px 18px #5969a24d)}.ns-trace svg{display:block;width:100%;height:100%;overflow:visible}.ns-trace-complete,.ns-trace-guide,.ns-trace-shadow{stroke-linecap:round;stroke-linejoin:round}.ns-trace-shadow{stroke:#594a8878;stroke-width:29}.ns-trace-guide{stroke:#ffffffe8;stroke-width:23;stroke-dasharray:1 8}.ns-trace-complete{stroke:#5147a8;stroke-width:21;filter:drop-shadow(0 2px 2px #362e7566);pointer-events:none}.ns-trace.is-complete .ns-trace-guide{stroke:#fff8c4}.ns-trace g{cursor:pointer;outline:none}.ns-dot-glow{fill:#ffffff7a}.ns-dot{fill:#f8f5ff;stroke:#6554ad;stroke-width:2}.ns-trace g.is-passed .ns-dot{fill:#7165bd;stroke:#4a3d91}.ns-trace g.is-next .ns-dot-glow{animation:ns-dot-pulse 1.25s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ns-trace g.is-next .ns-dot{fill:#fff;stroke:#6d57bd;stroke-width:2.6}.ns-trace g:focus-visible .ns-dot-glow{fill:#fff26f}.ns-trace text{fill:#59468f;font-size:7.5px;font-weight:1000;pointer-events:none;user-select:none}.ns-help{position:absolute;right:3.5%;bottom:7%;margin:0;color:#fff;font-size:clamp(14px,1.55vw,21px);font-weight:1000;text-shadow:0 3px 0 #62558b,0 7px 12px #49537555}.ns-cherry{position:absolute;z-index:14;bottom:-2.8%;left:1%;width:clamp(190px,23vw,315px);aspect-ratio:1;pointer-events:none;animation:ns-breathe 3.2s ease-in-out infinite;transform-origin:50% 100%}.ns-cherry img{z-index:2;object-fit:contain;object-position:center bottom;opacity:0;filter:drop-shadow(0 13px 10px #56608b45);transition:opacity .12s ease}.ns-cherry.is-happy .ns-cherry-happy,.ns-cherry.is-idle .ns-cherry-idle{opacity:1}.ns-cherry.is-happy{animation:ns-cheer .72s ease-in-out}.ns-cherry-shadow{position:absolute;z-index:1;right:19%;bottom:2%;left:19%;height:10%;border-radius:50%;background:#6673a32b;filter:blur(6px)}@keyframes ns-dot-pulse{50%{opacity:.48;transform:scale(1.35)}}@keyframes ns-breathe{50%{transform:translateY(-5px) scale(1.012)}}@keyframes ns-cheer{42%{transform:translateY(-20px) rotate(-5deg) scale(1.05)}72%{transform:translateY(-6px) rotate(3deg)}}@media (max-width:1000px){.ns-playfield{inset:148px 0 0}.ns-trace{left:58%;width:clamp(250px,43vw,390px)}.ns-cherry{left:-2%;width:clamp(180px,29vw,260px)}.ns-help{right:2.5%}}@media (max-width:560px){.ns-background{object-position:52% center}.ns-playfield{inset:139px 0 0}.ns-dot-label,.ns-round-label{top:0;font-size:13px}.ns-round-label{left:3%}.ns-dot-label{right:3%}.ns-trace{top:43%;left:57%;width:min(70vw,300px);height:min(51vh,410px)}.ns-help{right:4%;bottom:14%;width:48%;font-size:13px;text-align:center}.ns-cherry{bottom:-1%;left:-11%;width:min(49vw,215px)}}@media (max-height:700px) and (min-width:561px){.ns-playfield{inset:136px 0 0}.ns-trace{height:min(57vh,390px)}.ns-cherry{width:min(22vw,225px)}}@media (prefers-reduced-motion:reduce){.ns-cherry img{transition:none}.ns-cherry,.ns-cherry.is-happy,.ns-trace g.is-next .ns-dot-glow{animation:none!important}}