.remaining-panel{gap:18px}.remaining-answers,.dual-controls,.count-answers{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.remaining-answers button,.dual-controls button,.count-answers button{min-width:94px;min-height:56px;border-radius:18px;background:#eee9ff;color:#5e49be;font-size:22px;font-weight:900;transition:transform .16s,background .16s}.remaining-answers button:hover,.dual-controls button:hover,.count-answers button:hover{transform:translateY(-3px)}.remaining-feedback{min-height:25px;margin:0;color:#675b88;font-weight:800}.star-track,.dual-stage,.count-field,.wait-track{position:relative;width:min(610px,100%);height:210px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#e5f4ff,#f2edff 60%,#dff5e7)}.track-cloud{position:absolute;top:40px;left:12%;font-size:48px;opacity:.8}.watch-star{position:absolute;left:calc(50% - 26px);top:76px;background:transparent;color:#f5ae29;font-size:68px;filter:drop-shadow(0 7px 10px #c98a3050)}.watch-star.right,.wait-frog.right{filter:drop-shadow(0 0 15px #2aae68);transform:scale(1.15)}.dual-stage{display:grid;place-items:center}.dual-center{font-size:96px;line-height:1}.dual-center.red{color:#ec5d72;text-shadow:0 7px 13px #c73d5550}.dual-center.star{filter:drop-shadow(0 6px 8px #d38b1e80)}.dual-controls button:first-child{color:#bd3653}.closure-window{position:relative;display:grid;place-items:center;width:190px;height:150px;overflow:hidden;border-radius:26px;background:#dff3f5;box-shadow:inset 0 0 0 8px #fff}.closure-window span{font-size:105px}.closure-window i{position:absolute;inset:0;background:linear-gradient(90deg,#7f6ac9 var(--cover),transparent var(--cover));opacity:.92}.figure-ground-scene{position:relative;display:grid;place-items:center;width:290px;height:190px;border-radius:28px;background:#f4f0ff;overflow:hidden}.figure-ground-scene span{position:absolute;font-size:82px;transform:translateX(var(--offset)) rotate(var(--turn));filter:drop-shadow(0 4px 0 #fff)}.rotation-source{display:flex;align-items:center;justify-content:center;gap:22px;width:min(420px,100%);padding:24px;border-radius:25px;background:#eef8ec}.rotation-source span{font-size:86px;color:#43a567}.rotation-source b{font-size:24px;color:#6453ab}.mirror-source{display:flex;align-items:center;justify-content:center;gap:25px;width:min(420px,100%);padding:30px;border-radius:25px;background:#edf5ff;font-size:50px}.mirror-source i{height:86px;border-left:6px dashed #9a8ec2}.rhythm-lights,.rhythm-controls,.reverse-preview,.reverse-board{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.rhythm-light,.rhythm-controls button{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-weight:900}.rhythm-light{opacity:.45;transform:scale(.94);transition:.16s}.rhythm-light.lit{opacity:1;transform:scale(1.16);box-shadow:0 0 0 9px #ffffff80}.purple{background:#d9d0ff;color:#5f49bd}.blue{background:#cceeff;color:#22719c}.orange{background:#ffe1b9;color:#b85e1d}.green{background:#ccefd9;color:#218857}.pink{background:#ffd8e5;color:#bb4266}.reverse-preview span,.reverse-board button{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:#eee9ff;font-size:35px;opacity:.44}.reverse-preview span.lit{opacity:1;transform:scale(1.12);background:#fff1bc;box-shadow:0 0 0 8px #fff8dc}.reverse-board button{opacity:1}.hero-route-grid,.picture-puzzle{display:grid;grid-template-columns:repeat(var(--route-size),1fr);gap:7px;width:min(390px,100%)}.hero-route-grid button{aspect-ratio:1;border-radius:13px;background:#f0edff;font-size:28px}.hero-route-grid button.route-lit{background:#fff1b8;box-shadow:0 0 0 5px #fff9dc;transform:scale(1.08)}.race-lines{width:min(580px,100%);display:grid;gap:8px;padding:16px;border-radius:22px;background:#eef7f3}.race-lines div{display:flex;align-items:center;gap:12px;font-size:36px}.race-lines i{flex:1;height:22px;border-top:5px solid #7664bf;border-radius:50%;transform:translateY(calc(var(--bend) * 5px))}.fading-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.fading-item{width:72px;height:72px;border-radius:20px;background:#f4efff;font-size:42px}.fading-item.fading{animation:fade-target 1.3s ease-in-out infinite alternate}@keyframes fade-target{to{opacity:.17;transform:scale(.72)}}.count-field{height:160px;display:flex;align-items:center;padding:0 65px}.count-field:before,.count-field:after{content:'';position:absolute;top:15px;bottom:15px;border-left:6px solid #705fc0}.count-field:before{left:36px}.count-field:after{right:36px}.count-ball{font-size:60px;z-index:1}.wait-track{height:155px;background:#eff5ff}.wait-track>i{position:absolute;top:20px;bottom:20px;border-radius:16px;background:#ccefd9}.wait-frog{position:absolute;left:2px;top:43px;background:transparent;font-size:56px}.listen-bubble{padding:20px 32px;border-radius:25px;background:#e6f5ff;color:#386692;font-size:23px;font-weight:900}.picture-puzzle{grid-template-columns:repeat(var(--puzzle-size),1fr);gap:5px}.puzzle-tile{aspect-ratio:1;border-radius:13px;background:#fff1c3;font-size:39px}.puzzle-tile.selected{outline:5px solid #7865cf;transform:scale(.95)}.shadow-source{font-size:90px;filter:brightness(0);opacity:.82}.shadow-option{display:inline-grid;filter:brightness(0);opacity:.8}.shadow-panel .remaining-answers button{font-size:36px}
@media(max-width:760px){.star-track,.dual-stage,.count-field,.wait-track{height:175px}.watch-star{top:55px}.remaining-answers button,.dual-controls button,.count-answers button{min-height:51px}.race-lines div{font-size:29px}.figure-ground-scene{width:250px;height:165px}.figure-ground-scene span{font-size:68px}.hero-route-grid{width:min(330px,100%)}.closure-window{width:160px;height:130px}.closure-window span{font-size:88px}}