.sound-count-orchestra{--hot:#7659e8;--deep:#4932a7;--sky:#9ce4ff;--ink:#35265f}.sound-count-orchestra.is-immersive{background:linear-gradient(180deg,#9ddfe4,#f9efd9 58%,#b7a4d6)}.sound-count-orchestra.is-immersive .prek-machine{background:#7063ae;box-shadow:0 10px #493f85,0 22px 42px #2e245e38}.sound-count-orchestra.is-immersive .prek-prompt{width:min(500px,calc(100% - 500px));min-height:58px;padding:6px 10px}.sound-count-orchestra.is-immersive .prek-prompt h2{font-size:clamp(22px,3vw,32px);line-height:1;white-space:nowrap}.sco-stage{position:absolute;inset:0;min-height:0;overflow:hidden;padding:0;border:0;border-radius:0;background:#a9dfe0;box-shadow:none;isolation:isolate}.sco-stage:before{z-index:2;background:linear-gradient(180deg,#ffffff0a,transparent 55%,#5f47751a);opacity:1}.sound-count-orchestra .kinder-parallax{background:#a9dfe0}.sound-count-orchestra .kinder-parallax-layer{animation:none;transform:scale(1.018)}.sound-count-orchestra .kinder-parallax-layer img{object-position:50% 50%;filter:saturate(1.01) contrast(1.01)}.sound-count-orchestra .kinder-scene-light{z-index:3;background:linear-gradient(180deg,transparent 48%,#17103724)}.sound-count-orchestra .kinder-particle-canvas{z-index:18}.sound-count-orchestra .kinder-mascot-cherry{z-index:12;right:auto;bottom:clamp(6px,1.2svh,14px);left:clamp(-26px,-1.5vw,-10px);width:clamp(170px,21vw,265px);filter:drop-shadow(0 12px 9px #160d3b73)}.sco-sound-pulse{position:absolute!important;z-index:6!important;top:clamp(105px,13.5svh,130px);left:50%;display:grid;width:86px;height:86px;place-items:center;border:4px solid #fff7adcc;border-radius:50%;background:radial-gradient(circle,#fffbd8,#ffd85b 46%,#ff7dd2 72%,#5a3cc4 100%);box-shadow:0 0 0 12px #fff27824,0 0 36px #fff282b5;transform:translateX(-50%)}.sco-sound-pulse span{font-size:42px;filter:drop-shadow(0 3px #48256b66)}.sco-sound-pulse.is-pulsing{animation:sco-sound-pulse .46s cubic-bezier(.15,1.45,.35,1)}.sco-mode{z-index:23!important;top:clamp(116px,15svh,145px);left:calc(50% + 64px);margin:0;padding:6px 12px;border:2px solid #ffffffcc;border-radius:999px;background:#43288bd9;box-shadow:0 5px 14px #1b103d4a;font-size:13px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sco-mode,.sco-play-sounds{position:absolute!important;color:#fff;font-weight:1000}.sco-play-sounds{z-index:24!important;top:clamp(104px,13svh,128px);right:clamp(24px,4vw,58px);display:flex;min-width:150px;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;border:4px solid #fff;border-radius:20px;background:linear-gradient(#ff9b61,#e5536f);box-shadow:inset 0 3px #ffffff52,inset 0 -5px #9b3152,0 7px #24134d,0 11px 20px #150a3440;font-size:16px}.sco-play-sounds svg{width:25px;height:25px;stroke-width:3.5}.sco-play-sounds:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-3px)}.sco-play-sounds:active:not(:disabled){transform:translateY(3px)}.sco-play-sounds:focus-visible{outline:5px solid #fff45b;outline-offset:4px}.sco-play-sounds:disabled{cursor:default;filter:saturate(.55);opacity:.68}.sco-instrument{position:absolute!important;z-index:20!important;top:clamp(176px,23svh,210px);left:50%;width:clamp(245px,31vw,350px);aspect-ratio:1;padding:0;cursor:pointer;border:0;border-radius:46%;color:#fff;background:transparent;filter:drop-shadow(0 16px 13px #130a3270);transform:translateX(-50%);transition:transform .16s ease,filter .16s ease}.sco-instrument:before{position:absolute;inset:11%;border:5px solid #ffffffb8;border-radius:50%;background:radial-gradient(circle,#90f8ff45,#8b67f21c 55%,transparent 72%);box-shadow:0 0 0 10px #714cd32a,0 0 40px #75efff38;content:""}.sco-instrument img{z-index:1;object-fit:contain;transform:scale(.93)}.sco-instrument>span{position:absolute;z-index:2;right:15%;bottom:10%;padding:7px 13px;border:3px solid #fff;border-radius:999px;color:#fff;background:linear-gradient(#ff91c8,#d74893);box-shadow:0 5px #8e2462,0 10px 17px #29164b4a;font-size:16px;font-weight:1000;text-transform:capitalize}.sco-instrument:hover:not(:disabled){filter:drop-shadow(0 18px 15px #130a3270) brightness(1.06);transform:translateX(-50%) translateY(-5px) scale(1.02)}.sco-instrument:active:not(:disabled){transform:translateX(-50%) translateY(5px) scale(.96)}.sco-instrument:focus-visible{outline:6px solid #fff45b;outline-offset:5px}.sco-instrument:disabled{cursor:default;opacity:1}.sco-instrument.is-listening{animation:sco-listen-breathe 1.12s ease-in-out infinite}.sco-instrument.is-correct{animation:sco-correct .62s cubic-bezier(.2,1.42,.35,1)}.sco-instrument.is-wrong{animation:sco-wrong .48s ease}.sco-beats{position:absolute!important;z-index:21!important;bottom:126px;left:50%;display:grid;grid-template-columns:auto minmax(130px,1fr) 42px;align-items:center;gap:10px;width:min(490px,calc(100% - 360px));min-height:48px;padding:6px 8px 6px 14px;border:3px solid #ffffffd9;border-radius:19px;color:#fff;background:#2d1b69dc;box-shadow:0 7px 18px #170c3f58;transform:translateX(-50%)}.sco-beat-label{font-size:13px;font-weight:1000;text-transform:uppercase;white-space:nowrap}.sco-beats>div{display:flex;min-height:24px;align-items:center;justify-content:center;gap:5px}.sco-beats i{width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:linear-gradient(#ffe86e,#ff8b4e);box-shadow:0 0 9px #fff25f;animation:sco-beat-arrive .22s ease-out}.sco-beats em{color:#e8e0ff;font-size:12px;font-style:normal;font-weight:800}.sco-beats strong{display:grid;width:38px;height:34px;place-items:center;border-radius:12px;color:#3d286f;background:#fff8c9;box-shadow:inset 0 -3px #e8cf75;font-size:23px;line-height:1}.sco-controls{position:absolute!important;z-index:22!important;bottom:34px;left:50%;display:grid;grid-template-columns:repeat(2,minmax(0,190px));gap:13px;width:min(410px,calc(100% - 360px));transform:translateX(-50%)}.sco-controls button{display:flex;min-height:64px;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:4px solid #fff;border-radius:22px;color:#fff;box-shadow:inset 0 4px #ffffff47,inset 0 -6px #0002,0 7px #24134d,0 12px 20px #150a344f;font-size:17px;font-weight:1000;transition:transform .15s ease,filter .15s ease}.sco-controls svg{width:25px;height:25px;stroke-width:4}.sco-reset{background:linear-gradient(#6ad8ed,#378ec3)}.sco-done{background:linear-gradient(#a9e968,#55ab61)}.sco-controls button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-3px)}.sco-controls button:active:not(:disabled){transform:translateY(4px) scale(.98)}.sco-controls button:focus-visible{outline:5px solid #fff45b;outline-offset:4px}.sco-controls button:disabled{cursor:default;filter:saturate(.45);opacity:.62}.sco-feedback{position:absolute!important;z-index:26!important;right:185px;bottom:104px;left:185px;min-height:24px;margin:0;color:#fff;text-align:center;font-size:clamp(15px,1.7vw,19px);font-weight:1000;line-height:1.15;text-shadow:0 3px 2px #28164d,0 0 8px #160b36}@keyframes sco-sound-pulse{45%{box-shadow:0 0 0 28px #fff27812,0 0 55px #fff282e0;transform:translateX(-50%) scale(1.24)}}@keyframes sco-listen-breathe{50%{filter:drop-shadow(0 18px 16px #130a3270) brightness(1.06);transform:translateX(-50%) scale(1.025)}}@keyframes sco-correct{50%{transform:translateX(-50%) translateY(-12px) scale(1.08) rotate(2deg)}}@keyframes sco-wrong{25%{transform:translateX(calc(-50% - 9px)) rotate(-2deg)}65%{transform:translateX(calc(-50% + 8px)) rotate(2deg)}}@keyframes sco-beat-arrive{0%{opacity:0;transform:scale(.25)}}@media (max-width:1000px){.sound-count-orchestra.is-immersive .prek-prompt{width:min(500px,calc(100% - 32px))}.sco-instrument{top:190px;width:clamp(235px,38vw,320px)}.sco-beats{width:min(470px,calc(100% - 240px))}.sco-controls{width:min(410px,calc(100% - 250px))}.sco-feedback{right:125px;left:125px}}@media (max-width:700px){.sound-count-orchestra.is-immersive .prek-prompt{width:calc(100% - 20px);min-height:56px;padding:5px 7px}.sound-count-orchestra.is-immersive .prek-prompt h2{font-size:clamp(18px,5.2vw,23px)}.sound-count-orchestra.is-immersive .prek-prompt button{width:43px;height:43px}.sound-count-orchestra .kinder-parallax-layer{transform:scale(1.08)}.sound-count-orchestra .kinder-mascot-cherry{bottom:67px;left:-24px;width:146px}.sco-sound-pulse{top:137px;width:68px;height:68px}.sco-sound-pulse span{font-size:33px}.sco-mode{display:none}.sco-play-sounds{top:137px;right:12px;min-width:0;min-height:50px;padding:7px 11px;border-width:3px;font-size:13px}.sco-play-sounds svg{width:21px;height:21px}.sco-instrument{top:203px;width:min(245px,68vw)}.sco-instrument>span{right:9%;bottom:7%;padding:5px 10px;border-width:2px;font-size:13px}.sco-beats{bottom:115px;grid-template-columns:minmax(0,1fr) 39px;width:calc(100% - 24px);padding-left:9px}.sco-beat-label{display:none}.sco-beats>div{gap:3px}.sco-beats i{width:15px;height:15px}.sco-controls{bottom:24px;width:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sco-controls button{min-height:62px;border-width:3px;border-radius:19px;font-size:15px}.sco-feedback{right:12px;bottom:91px;left:12px;font-size:14px}}@media (max-width:390px){.sco-instrument{top:205px;width:222px}.sound-count-orchestra .kinder-mascot-cherry{bottom:70px;width:130px}.sco-beats{bottom:114px}.sco-controls{bottom:22px}}@media (max-height:760px) and (orientation:landscape){.sco-sound-pulse{top:102px;width:62px;height:62px}.sco-sound-pulse span{font-size:30px}.sco-mode{top:112px;left:calc(50% + 50px)}.sco-play-sounds{top:100px;right:18px;min-height:48px}.sco-instrument{top:154px;width:230px}.sco-beats{bottom:108px}.sco-controls{bottom:24px}.sco-feedback{bottom:87px}.sound-count-orchestra .kinder-mascot-cherry{bottom:55px;width:150px}}@media (prefers-reduced-motion:reduce){.sco-beats i,.sco-instrument.is-correct,.sco-instrument.is-listening,.sco-instrument.is-wrong,.sco-sound-pulse.is-pulsing{animation:none}.sco-controls button,.sco-instrument{transition:none}}