.ten-frame-galaxy{--hot:#7b70db;--deep:#49459b;--sky:#7774cc;--ink:#3d356c}.ten-frame-galaxy .prek-immersive-heading p{color:#6961aa}.ten-frame-galaxy.is-immersive .prek-machine{width:min(1320px,100%);background:#6f68c4;box-shadow:0 10px 0 #484493,0 22px 42px #2926535c}.ten-frame-galaxy.is-immersive .prek-prompt,.ten-frame-galaxy.is-immersive .prek-status{background:#fffdf1e8;box-shadow:0 7px 20px #29265345}.ten-frame-galaxy .prek-stars svg{color:#a7a0bf;fill:#ebe7ef}.ten-frame-galaxy .prek-stars svg.is-done{color:#d69012;fill:#ffe05b}.ten-frame-galaxy .prek-stars svg.is-current{color:#795cca;fill:#be9cff}.galaxy-scene{position:absolute;inset:0;overflow:hidden;border-radius:0!important;background:#28275f;box-shadow:none!important;isolation:isolate}.galaxy-background{z-index:0;object-fit:cover;object-position:center;image-rendering:auto;transform:translateZ(0) scale(1.002);backface-visibility:hidden}.galaxy-light{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,#d9d1ff24 0 18%,transparent 54%),linear-gradient(180deg,#211d4c0f 0 65%,#17143538 100%)}.galaxy-board{position:absolute;z-index:4;top:112px;left:50%;display:flex;width:min(720px,61%);flex-direction:column;align-items:center;translate:-50% 0}.galaxy-count{margin:0 0 7px;color:#fffdf2;font-size:clamp(16px,2vw,22px);font-weight:1000;line-height:1.1;text-align:center;text-shadow:0 3px 0 #554e9b,0 7px 13px #17143f99}.galaxy-count strong{color:#ffe25c;font-size:1.25em}.ten-frame{display:grid;width:100%;aspect-ratio:5/2;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(4px,.8vw,8px);padding:clamp(5px,.8vw,9px);border:0;border-radius:clamp(16px,2vw,24px);background:#393478c7;box-shadow:0 13px 24px #15123973,inset 0 2px 0 #ffffff42;backdrop-filter:blur(4px)}.ten-cell{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:visible;border:0;border-radius:clamp(10px,1.4vw,17px);background:linear-gradient(145deg,#fffef6ef,#ded9f4e8);box-shadow:inset 0 3px 5px #ffffff70,0 3px 5px #17143c4a}.frame-star{position:relative;display:block;width:min(78%,86px);aspect-ratio:5/4;filter:drop-shadow(0 7px 4px #2b24584d)}.frame-star img{object-fit:contain}.added-star{opacity:0;animation:galaxy-star-arrive .48s var(--star-delay) cubic-bezier(.2,1.65,.4,1) forwards}.ten-frame.is-shaking{animation:galaxy-frame-shake .42s ease-in-out}.galaxy-equation{min-height:42px;margin:6px 0 0;color:#ffffffad;font-size:clamp(25px,3.5vw,36px);font-weight:1000;letter-spacing:.03em;line-height:1;text-shadow:0 3px 0 #514a94,0 6px 11px #17143f80}.galaxy-equation.is-visible{color:#fff;animation:galaxy-equation-pop .45s .45s both}.galaxy-equation span:first-child{color:#ffe16b}.galaxy-equation span:nth-child(2){color:#ff9ddd}.galaxy-equation strong{color:#aef4ff}.galaxy-answers{position:absolute;z-index:5;right:5%;bottom:6%;left:29%;display:grid;height:22%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(16px,4vw,58px)}.galaxy-answers button{position:relative;display:block;width:min(100%,158px);height:100%;cursor:pointer;appearance:none;padding:0;border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;filter:none!important;touch-action:manipulation;transform-origin:50% 70%;-webkit-tap-highlight-color:transparent}.galaxy-answers button:hover:not(:disabled){transform:translateY(-7px) scale(1.035)}.galaxy-answers button:active:not(:disabled){transform:translateY(2px) scale(.96,.92)}.galaxy-answers button:focus-visible{outline:5px solid #fff;outline-offset:3px;filter:drop-shadow(0 0 9px #ffe765)!important}.galaxy-answers button:disabled{cursor:default}.answer-star{position:absolute;top:50%;left:50%;display:block;width:clamp(106px,11vw,148px);aspect-ratio:5/4;translate:-50% -50%;filter:drop-shadow(0 10px 7px #17143e70)}.answer-star img{object-fit:contain}.answer-star strong{position:absolute;z-index:2;top:49%;left:50%;min-width:1.2em;color:#fff;font-size:clamp(38px,4.2vw,56px);font-weight:1000;line-height:1;translate:-50% -50%;text-align:center;-webkit-text-stroke:2px #493675;paint-order:stroke fill;text-shadow:0 4px 0 #493675,0 8px 12px #17143f8f}.galaxy-helper{position:absolute;z-index:5;bottom:3.5%;left:1.5%;width:clamp(180px,18vw,240px);aspect-ratio:1145/1374;pointer-events:none;transform-origin:50% 92%;filter:drop-shadow(0 14px 8px #17143e66)}.galaxy-helper img{object-fit:contain;object-position:center bottom;opacity:0;transition:opacity .12s linear}.galaxy-helper.is-happy .robot-happy,.galaxy-helper.is-idle .robot-idle,.galaxy-helper.is-surprised .robot-surprised{opacity:1}.galaxy-helper.is-happy{animation:galaxy-robot-cheer .72s cubic-bezier(.2,1.35,.4,1)}.galaxy-helper.is-surprised{animation:galaxy-robot-wiggle .45s ease-in-out}.galaxy-answers button.is-correct .answer-star{animation:galaxy-answer-pop .62s cubic-bezier(.2,1.45,.4,1)}.galaxy-answers button.is-wrong .answer-star{animation:galaxy-answer-wiggle .45s ease-in-out}.galaxy-feedback{position:absolute;z-index:7;right:10%;bottom:1.2%;left:29%;margin:0;color:#fffdf3;font-size:clamp(16px,2vw,22px);font-weight:1000;line-height:1.1;text-align:center;text-shadow:0 3px 0 #514a94,0 7px 13px #17143f99}@keyframes galaxy-star-arrive{0%{opacity:0;transform:translateY(-45px) scale(.15) rotate(-55deg)}to{opacity:1;transform:none}}@keyframes galaxy-frame-shake{20%,60%{transform:translateX(-10px) rotate(-.6deg)}40%,80%{transform:translateX(10px) rotate(.6deg)}}@keyframes galaxy-equation-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes galaxy-robot-cheer{42%{transform:translateY(-22px) rotate(4deg) scale(1.08)}}@keyframes galaxy-robot-wiggle{25%{transform:translateX(-8px) rotate(-2deg)}65%{transform:translateX(7px) rotate(2deg)}}@keyframes galaxy-answer-pop{48%{transform:translateY(-12px) scale(1.16) rotate(4deg)}}@keyframes galaxy-answer-wiggle{25%{transform:translateX(-8px) rotate(-5deg)}65%{transform:translateX(7px) rotate(4deg)}}@media (min-width:651px){.ten-frame-galaxy.is-immersive .prek-screen{min-height:0;aspect-ratio:16/9}}@media (max-width:1000px){.galaxy-board{top:130px;width:min(650px,74%)}.galaxy-answers{right:3%;bottom:6%;left:28%;height:22%}.galaxy-helper{width:clamp(150px,19vw,190px)}.answer-star{width:clamp(92px,12vw,120px)}}@media (max-width:650px){.galaxy-board{top:123px;width:94%}.galaxy-count{margin-bottom:5px;font-size:15px}.ten-frame{gap:3px;padding:4px;border-radius:14px}.ten-cell{border-radius:8px}.galaxy-equation{min-height:33px;margin-top:4px;font-size:24px}.galaxy-answers{right:1%;bottom:6%;left:25%;height:20%;gap:4px}.galaxy-answers button{width:min(100%,96px)}.answer-star{width:clamp(68px,22vw,94px)}.answer-star strong{font-size:clamp(28px,9vw,40px);-webkit-text-stroke-width:1.5px}.galaxy-helper{bottom:5%;left:-2%;width:128px}.galaxy-feedback{right:4%;bottom:1%;left:24%;font-size:14px}}@media (max-height:700px) and (min-width:651px){.galaxy-board{top:96px;width:min(620px,64%)}.galaxy-count{font-size:15px}.galaxy-equation{min-height:32px;font-size:25px}.galaxy-answers{height:22%}.galaxy-helper{width:170px}.answer-star{width:104px}}@media (prefers-reduced-motion:reduce){.added-star,.galaxy-answers button.is-correct .answer-star,.galaxy-answers button.is-wrong .answer-star,.galaxy-equation.is-visible,.galaxy-helper.is-happy,.galaxy-helper.is-surprised,.ten-frame.is-shaking{animation:none!important}.added-star{opacity:1}.galaxy-helper img{transition:none}}