.star-shuffle{--hot:#7e67d8;--deep:#453590;--sky:#8ce5ff}.star-shuffle .prek-machine{background:linear-gradient(145deg,#8b7ae4,#4e65c2);box-shadow:inset 0 -10px #384599,inset 0 5px #ded8ff,0 12px 0 #2d3479,0 25px 45px #241b614d}.star-shuffle .prek-status{box-shadow:0 5px #373b8a}.star-shuffle-stage{position:absolute;inset:0;display:flex;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:108px 28px 26px;overflow:hidden;border:0;border-radius:inherit;align-items:center;justify-content:center;background:#171d58;box-shadow:none;isolation:isolate}.star-shuffle-stage:before{z-index:-2;background:url(/brand/game-assets/backgrounds/space/space-crane-scene-hd.webp) 50%/cover no-repeat;filter:brightness(.76) saturate(.82) contrast(.96)}.star-shuffle-stage:after,.star-shuffle-stage:before{position:absolute;inset:0;content:"";pointer-events:none}.star-shuffle-stage:after{z-index:-1;background:radial-gradient(circle at 50% 42%,#506bd11a,transparent 48%),linear-gradient(#11194a24,#080a354f)}.star-gameplay{position:relative;z-index:2;display:flex;width:min(880px,calc(100% - 190px));flex-direction:column;align-items:center;justify-content:center}.star-observatory{position:relative;width:100%;margin:0 auto}.star-phase{width:max-content;min-width:180px;margin:0 auto -12px;padding:7px 20px;border:3px solid #fff;border-radius:999px;color:#fff;background:#4c4aa8ed;box-shadow:0 5px #2b286e,0 10px 18px #08092e52;font-size:19px;font-weight:1000;text-align:center;text-shadow:0 2px #2d286e}.star-phase.phase-moving{background:#9860bded;box-shadow:0 5px #673681}.star-phase.phase-answer{background:#237ca9ed;box-shadow:0 5px #16577b}.star-sky{position:relative;width:100%;height:clamp(320px,42vh,380px);overflow:hidden;border:7px solid #d9eeff;border-radius:48% 48% 28% 28%/38% 38% 24% 24%;background:radial-gradient(circle at 24% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 28%,#fff 0 1px,transparent 2px),radial-gradient(circle at 61% 75%,#9eeaff 0 1px,transparent 2px),radial-gradient(circle at 35% 64%,#fff 0 1px,transparent 2px),linear-gradient(155deg,#17206be8,#342477eb 52%,#14215ee8);background-size:70px 70px,95px 95px,82px 82px,110px 110px,auto;box-shadow:0 9px #677abb,0 18px 30px #08082d73,inset 0 0 34px #75d9ff33}.star-orbit{position:absolute;inset:13% 11%;border:2px dashed #a4ddff4f;border-radius:50%;transform:rotate(-8deg)}.shuffle-star{position:absolute;left:var(--start-left);top:var(--start-top);display:grid;width:clamp(54px,8vw,82px);aspect-ratio:1;place-items:center;color:#ffe36b;opacity:var(--start-opacity);filter:drop-shadow(0 7px 0 #b46e25) drop-shadow(0 0 12px #fff7a9);transform:translate(-50%,-50%) scale(var(--start-opacity));transition:left .95s cubic-bezier(.25,.8,.3,1) var(--star-delay),top .95s cubic-bezier(.25,.8,.3,1) var(--star-delay),opacity .42s ease var(--star-delay),transform .95s cubic-bezier(.25,.8,.3,1) var(--star-delay);will-change:left,top,transform,opacity}.shuffle-star svg{width:100%;height:100%}.star-sky.has-shuffled .shuffle-star{left:var(--end-left);top:var(--end-top);opacity:var(--end-opacity);transform:translate(-50%,-50%) scale(var(--end-opacity)) rotate(var(--star-turn))}.star-answer-zone{position:relative;z-index:4;display:flex;justify-content:center;gap:clamp(18px,4vw,40px);margin:22px auto 18px}.star-answer-zone button{display:flex;width:clamp(150px,24vw,205px);min-height:72px;cursor:pointer;align-items:center;justify-content:center;gap:10px;border:5px solid #fff;border-radius:24px;color:#fff;background:linear-gradient(#63d59c,#339a70);box-shadow:0 7px #20674e,0 14px 20px #090a304b;font-size:clamp(20px,3vw,29px);font-weight:1000;text-shadow:0 3px #1b5d47;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;touch-action:manipulation}.star-answer-zone button:nth-child(2){background:linear-gradient(#f39aaf,#d75a82);box-shadow:0 7px #913958,0 14px 20px #090a304b;text-shadow:0 3px #84344f}.star-answer-zone button svg{width:34px;height:34px;stroke-width:3}.star-answer-zone button:not(:disabled):hover{transform:translateY(-5px);filter:brightness(1.08)}.star-answer-zone button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #20674e}.star-answer-zone button:focus-visible{outline:6px solid #ffec69;outline-offset:4px}.star-answer-zone button:disabled{cursor:default;filter:saturate(.65)}.star-answer-zone button.is-wrong{animation:star-shuffle-shake .46s ease}.star-answer-zone button.is-correct{background:linear-gradient(#d7ff9a,#73cf65);box-shadow:0 7px #438e3e,0 0 0 7px #ffec69;animation:star-answer-correct .65s ease-in-out infinite alternate}.star-shuffle-character{--cherry-size:233px;position:absolute;z-index:3;left:18px;bottom:8px;width:var(--cherry-size);aspect-ratio:1;filter:drop-shadow(0 11px 8px #07082780);animation:star-character-float 3s ease-in-out infinite;pointer-events:none}.star-shuffle-character img{object-fit:contain}@keyframes star-shuffle-shake{30%{transform:translateX(-9px) rotate(-3deg)}65%{transform:translateX(9px) rotate(3deg)}}@keyframes star-answer-correct{to{transform:translateY(-7px) scale(1.04)}}@keyframes star-character-float{50%{transform:translateY(-7px) rotate(1deg)}}@media (max-width:1000px){.star-shuffle-stage{padding:132px 22px 24px}.star-gameplay{width:min(760px,calc(100% - 170px))}.star-sky{height:clamp(290px,38vh,340px)}}@media (max-width:720px){.star-shuffle-stage{padding-inline:18px}.star-gameplay{width:calc(100% - 94px);margin-left:74px}.star-sky{height:290px}.star-shuffle-character{--cherry-size:162px;left:-7px}}@media (max-width:520px){.star-shuffle-stage{padding-top:128px}.star-gameplay{width:100%;margin:0}.star-phase{min-width:158px;padding:6px 14px;font-size:16px}.star-sky{height:270px;border-width:5px;border-radius:34px}.shuffle-star{width:clamp(46px,15vw,65px)}.star-answer-zone{gap:12px;margin:19px 10px 16px}.star-answer-zone button{width:min(44vw,180px);min-height:64px;border-width:4px}.star-answer-zone button svg{width:29px;height:29px}.star-shuffle-character{display:none}}@media (max-height:700px) and (min-width:700px){.star-shuffle-stage{padding-top:104px}.star-sky{height:280px}.star-answer-zone{margin-block:15px 12px}.star-shuffle-character{--cherry-size:195px}}@media (prefers-reduced-motion:reduce){.shuffle-star,.star-answer-zone button,.star-shuffle-character{animation:none!important;transition-duration:.01ms!important}}