.mini-stage{padding:clamp(8px,2vw,18px)}.demo-target{outline:8px solid #fff;animation:demoPulse 1s infinite!important}@keyframes demoPulse{50%{transform:scale(.94);filter:brightness(1.12)}}
.xylo{width:min(920px,100%);height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(7px,2vw,16px);align-items:center}.key{min-width:0;border:5px solid #fff;border-radius:clamp(22px,5vw,36px);box-shadow:0 12px 24px #3e4c6630;color:#26324a;display:grid;place-items:center;align-content:center;gap:8px;font-weight:1000}.key:nth-child(1){height:64%;background:#ff8d7e}.key:nth-child(2){height:75%;background:#ffd659}.key:nth-child(3){height:87%;background:#70c5ff}.key:nth-child(4){height:98%;background:#72d49b}.key:active,.key.playing{transform:translateY(7px);filter:brightness(1.08)}.key-icon{font-size:clamp(38px,8vw,66px)}.key-name{font-size:clamp(14px,3vw,21px)}
.bubble-stage{background:linear-gradient(180deg,#c5efff,#effcff)}.bubble-field{width:min(900px,100%);height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(8px,2vw,16px)}.bubble{min-width:0;border:5px solid #fff;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 7%,#f8b9eaaa 18%,#75d9ffbb 54%,#8d7df0cc);box-shadow:inset 0 -18px 30px #3d62ba25,0 13px 28px #3d62ba30;display:grid;place-items:center;align-content:center;overflow:hidden;color:#26324a}.bubble:nth-child(2){background:radial-gradient(circle at 30% 25%,#fff 0 7%,#fff2a8aa 18%,#68e7cbbb 54%,#38a5dccc)}.bubble:nth-child(3){background:radial-gradient(circle at 30% 25%,#fff 0 7%,#ffc5a8aa 18%,#ff92c7bb 54%,#a46ee8cc)}.bubble:nth-child(4){background:radial-gradient(circle at 30% 25%,#fff 0 7%,#c9ffaaaa 18%,#6ed9b5bb 54%,#4a9edacc)}.bubble:active{transform:scale(.94)}.bubble.pop{animation:popBubble .48s}.bubble-mark{font-size:clamp(42px,10vw,76px)}.bubble-label{font-size:clamp(13px,3vw,19px);font-weight:1000}@keyframes popBubble{45%{transform:scale(1.12);opacity:.5}55%{transform:scale(.3);opacity:.2}}
.day-stage{padding:0;background:#ffe9a5;transition:background .55s}.day-stage.night{background:#142456}.landscape{width:100%;height:100%;position:relative;display:grid;grid-template-rows:1fr auto;place-items:center;overflow:hidden}.sky-object{font-size:clamp(100px,26vw,210px);filter:drop-shadow(0 12px 8px #45351f30);z-index:2}.land{width:100%;display:flex;justify-content:space-around;align-items:end;padding:0 6% 2%;font-size:clamp(55px,13vw,110px)}.stars{position:absolute;inset:8% 5% auto;color:#fff;font-size:clamp(20px,5vw,36px);letter-spacing:clamp(20px,10vw,100px);opacity:0}.night .stars{opacity:1}.day-controls{position:absolute;right:clamp(8px,2vw,20px);top:clamp(8px,2vw,20px);display:grid;gap:8px;z-index:4}.day-btn{min-width:clamp(78px,17vw,130px);min-height:clamp(78px,17vw,130px);border:5px solid #fff;border-radius:30px;background:#ffffffdc;font-size:clamp(45px,10vw,78px);box-shadow:0 9px 18px #29365033}.day-caption{position:absolute;left:4%;top:6%;padding:8px 15px;border-radius:999px;background:#fff;font-size:clamp(22px,6vw,40px);font-weight:1000}.night .day-caption{background:#ffffffdd}.day-stage.night .land{filter:brightness(.65)}
.compare{width:min(900px,100%);height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,18px)}.size-btn{min-width:0;border:5px solid #fff;border-radius:clamp(24px,6vw,42px);background:linear-gradient(145deg,#ffd87a,#ffaf64);box-shadow:0 12px 25px #3e4c6630;display:grid;place-items:center;align-content:center;gap:7px}.size-btn:nth-child(2){background:linear-gradient(145deg,#a9e2ff,#6eb7ef)}.size-btn:active,.size-btn.active{transform:scale(.97);outline:8px solid #fff}.size-object{line-height:1;filter:drop-shadow(0 10px 6px #26324a25)}.size-btn.big .size-object{font-size:clamp(120px,30vw,230px)}.size-btn.small .size-object{font-size:clamp(65px,15vw,115px)}.size-name{font-size:clamp(22px,6vw,38px);font-weight:1000}.pair-name{font-size:clamp(13px,3vw,19px);font-weight:850;color:#536077}
.up-stage{background:linear-gradient(180deg,#caefff,#def3c5)}.up-layout{width:min(900px,100%);height:100%;display:grid;grid-template-columns:1fr minmax(120px,1.2fr) 1fr;gap:clamp(8px,2vw,18px);align-items:center}.move-btn{min-height:clamp(125px,40vh,260px);border:5px solid #fff;border-radius:clamp(25px,6vw,42px);background:linear-gradient(145deg,#ffd870,#ff9c5c);box-shadow:0 12px 25px #3e4c6630;display:grid;place-items:center;align-content:center;font-size:clamp(50px,13vw,100px);font-weight:1000}.move-btn:last-child{background:linear-gradient(145deg,#aee4ff,#67b5ef)}.move-btn small{font-size:clamp(18px,4vw,28px)}.move-btn:active{transform:scale(.96)}.ball-track{height:90%;border:5px solid #fff;border-radius:999px;background:#ffffff8f;position:relative;overflow:hidden}.ball{width:clamp(72px,17vw,130px);height:clamp(72px,17vw,130px);border:6px solid #fff;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff 0 7%,#ff739a 18%,#e83368 68%);box-shadow:0 10px 20px #26324a3b;position:absolute;left:50%;transform:translateX(-50%);bottom:5%;transition:bottom .65s cubic-bezier(.2,.8,.3,1)}.ball.up{bottom:calc(95% - clamp(72px,17vw,130px))}.position-word{position:absolute;left:50%;transform:translateX(-50%);bottom:7px;padding:5px 10px;border-radius:999px;background:#fff;font-size:clamp(14px,3vw,20px);font-weight:1000;z-index:2}.ball.up+.position-word{bottom:auto;top:7px}
.toddler-stage{background:linear-gradient(150deg,#dff7ff,#fff0cf)}.toddler-board,.count-board,.sound-board,.rhythm-board{width:min(920px,100%);height:100%;display:grid;grid-template-rows:minmax(105px,.9fr) minmax(150px,1.1fr);gap:clamp(8px,2vw,16px);align-items:stretch}.model-card{min-height:0;border:5px solid #fff;border-radius:clamp(22px,5vw,36px);background:#ffffffd9;box-shadow:0 10px 24px #34445a20;display:grid;place-items:center;align-content:center;gap:4px}.model-card span{font-size:clamp(54px,13vw,100px);line-height:1}.model-card b{font-size:clamp(17px,4vw,27px)}.model-card.hint,.toddler-choice.hint,.count-scene.hint{outline:9px solid #ffd75e;animation:demoPulse 1s infinite}.choice-grid,.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,2vw,15px)}.toddler-choice,.number-choice{min-width:0;min-height:96px;border:5px solid #fff;border-radius:clamp(20px,5vw,34px);background:linear-gradient(145deg,#fff,#e5f5ff);box-shadow:0 10px 20px #34445a20;color:var(--ink);display:grid;place-items:center;align-content:center;gap:5px}.toddler-choice:nth-child(2){background:linear-gradient(145deg,#fff7cc,#ffe29b)}.toddler-choice:nth-child(3){background:linear-gradient(145deg,#f2e7ff,#d9c2ff)}.toddler-choice span{font-size:clamp(48px,12vw,92px);line-height:1}.toddler-choice b{font-size:clamp(14px,3vw,21px)}.toddler-choice:active,.number-choice:active{transform:scale(.95)}.color-model,.color-choice{background:color-mix(in srgb,var(--choice) 58%,white)!important;color:#18223a}.color-model span,.color-choice span{text-shadow:0 2px 0 #fff8}.count-board{grid-template-rows:minmax(120px,1.15fr) minmax(115px,.85fr)}.count-scene{min-height:0;border:5px solid #fff;border-radius:clamp(22px,5vw,36px);background:#ffffffce;display:flex;align-items:center;justify-content:center;gap:clamp(5px,2vw,18px);overflow:hidden}.count-scene span{font-size:clamp(62px,17vw,132px);filter:drop-shadow(0 8px 5px #34445a22)}.number-choice{background:#fff}.number-choice strong{font-size:clamp(42px,10vw,76px);line-height:1}.number-choice span{font-size:clamp(13px,3vw,20px);letter-spacing:4px;color:#617083}.sound-board{grid-template-rows:minmax(88px,.45fr) minmax(160px,1.55fr)}.sound-replay,.listen-pattern{justify-self:center;min-width:min(360px,86vw);min-height:74px;border:5px solid #fff;border-radius:28px;background:linear-gradient(145deg,#75cfff,#4c8fdf);box-shadow:0 10px 22px #34445a2e;color:#fff;font-size:clamp(32px,8vw,54px);font-weight:1000}.sound-replay small{display:block;font-size:clamp(13px,3vw,18px)}.rhythm-stage{background:linear-gradient(160deg,#f8e5ff,#dff7ff)}.rhythm-board{grid-template-rows:auto 1fr auto}.listen-pattern{min-height:58px;padding:8px 20px;background:linear-gradient(145deg,#8f75df,#6e54bd);font-size:clamp(17px,4vw,24px)}.rhythm-pads{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,18px)}.rhythm-pad{min-width:0;border:6px solid #fff;border-radius:50%;box-shadow:0 15px 0 #d49c2f,0 20px 30px #34445a2b;background:radial-gradient(circle at 35% 25%,#fff8a6,#ffc44f 55%,#e18b37);font-size:clamp(64px,18vw,140px);display:grid;place-items:center;align-content:center}.rhythm-pad.moon{background:radial-gradient(circle at 35% 25%,#dce8ff,#8598e9 55%,#596ac2);box-shadow:0 15px 0 #4656a1,0 20px 30px #34445a2b}.rhythm-pad small{font-size:clamp(14px,3vw,22px);font-weight:1000}.rhythm-pad.playing,.rhythm-pad:active{transform:translateY(10px);box-shadow:0 5px 0 #b27a25}.beat-track{min-height:48px;display:flex;justify-content:center;align-items:center;gap:8px;padding:4px}.beat-track span{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 5px 12px #34445a20}
.music-app{width:min(980px,100%);height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:clamp(6px,1.5vw,12px);padding:clamp(4px,1vw,9px)}.music-top{min-width:0;display:grid;grid-template-columns:1fr auto;gap:8px}.music-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(5px,1.2vw,10px)}.music-modes button{min-width:0;min-height:58px;border:3px solid #fff;border-radius:18px;background:#ffffffb8;color:var(--ink);box-shadow:0 5px 13px #34445a1d;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:5px 9px}.music-modes button>span{grid-row:1/3;font-size:clamp(25px,5vw,38px);margin-right:7px}.music-modes b{font-size:clamp(13px,2.6vw,18px);line-height:1}.music-modes small{font-size:clamp(9px,1.8vw,12px);color:#687489;line-height:1}.music-modes button.active{background:#654bc1;color:#fff;box-shadow:inset 0 -5px 0 #49349b}.music-modes button.active small{color:#fff}.music-info-actions{display:grid;grid-template-columns:repeat(2,auto);gap:5px}.music-info-actions button{min-width:68px;border:3px solid #fff;border-radius:17px;background:#fff;color:#55466f;box-shadow:0 5px 13px #34445a1d;font-weight:1000}.music-info-actions button span{display:block;font-size:10px}.music-work{min-height:0;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.2fr);gap:clamp(7px,1.5vw,14px)}.music-cue,.composer{min-height:0;border:4px solid #fff;border-radius:24px;background:#ffffffc7;display:grid;place-items:center;align-content:center;gap:clamp(5px,1.4vw,12px);padding:8px}.journey{display:flex;gap:5px;color:#c8c2d9;font-size:clamp(13px,2.5vw,19px)}.journey .done{color:#ffb629;filter:drop-shadow(0 2px 2px #d17a2445)}.music-action,.mini-action,.loop-action{min-height:52px;border:3px solid #fff;border-radius:17px;background:linear-gradient(145deg,#765fd0,#5c43b6);color:#fff;box-shadow:0 7px 0 #45328e;font-size:clamp(14px,2.8vw,19px);font-weight:1000;padding:7px 14px}.music-action:active,.mini-action:active,.loop-action:active{transform:translateY(5px);box-shadow:0 2px 0 #45328e}.loop-action{min-height:46px;background:linear-gradient(145deg,#26ae8b,#14836c);box-shadow:0 6px 0 #0c6553;font-size:clamp(12px,2.2vw,15px)}.loop-action.active{background:linear-gradient(145deg,#ff6f61,#d74949);box-shadow:0 6px 0 #a52e34;animation:loopGlow 1.2s ease-in-out infinite}@keyframes loopGlow{50%{filter:brightness(1.12);transform:scale(1.025)}}.beat-track .beat-token,.composition .beat-token,.composition .empty-beat{width:clamp(35px,6vw,52px);height:clamp(35px,6vw,52px);font-size:clamp(20px,4vw,30px);border:3px solid #ebe7f4;transition:.2s}.beat-token.active{outline:6px solid #ffd75e;transform:scale(1.13)}.beat-token.done{background:#dcf8dc!important;border-color:#68bd7d!important}.music-pads{min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.5vw,13px)}.music-pad{position:relative;min-width:0;min-height:112px;overflow:visible;border:5px solid #fff;border-radius:clamp(25px,5vw,42px);background:linear-gradient(150deg,#ffdf6c,#ff9f55);box-shadow:0 11px 0 #d56e34,0 17px 24px #34445a27;color:var(--ink);display:grid;place-items:center;align-content:center;gap:4px}.music-pad.instrument-1{background:linear-gradient(150deg,#91dcff,#668ee9);box-shadow:0 11px 0 #4965bb,0 17px 24px #34445a27}.music-pad.instrument-2{background:linear-gradient(150deg,#b9ef9a,#5ac69c);box-shadow:0 11px 0 #319675,0 17px 24px #34445a27}.music-pad>span{font-size:clamp(55px,11vw,100px);line-height:1}.music-pad small{font-size:clamp(12px,2.8vw,20px);font-weight:1000}.music-pad.playing,.music-pad:active{transform:translateY(8px) scale(.98);box-shadow:0 3px 0 #9e653f}.music-pad.hint-pad{outline:8px solid #fff;animation:demoPulse .8s infinite}.floating-note{pointer-events:none;position:absolute;z-index:8;left:50%;top:15%;font-size:38px!important;color:#5e3ca9;animation:noteFly .8s ease-out forwards}@keyframes noteFly{to{transform:translate(-35px,-90px) rotate(18deg);opacity:0}}.create-work{grid-template-columns:minmax(220px,.9fr) minmax(300px,1.1fr)}.composition{display:flex;justify-content:center;gap:5px;flex-wrap:nowrap}.composition .empty-beat{display:grid;place-items:center;border-radius:14px;background:#f1eef5;color:#aaa;font-size:25px}.composer-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.mini-action{min-height:42px;background:#fff;color:#4f426c;box-shadow:none;border-color:#ddd5ec;font-size:13px}.band-work{min-height:0;display:grid;grid-template-rows:1fr auto;gap:8px}.band-stage{min-height:0;border:5px solid #fff;border-radius:26px;background:linear-gradient(180deg,#483878 0 63%,#f6c85b 63%);position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:clamp(4px,1vw,10px);padding:30px 2% 3%;overflow:hidden}.stage-lights{position:absolute;top:3%;left:0;right:0;text-align:center;color:#fff39d;font-size:clamp(20px,5vw,38px);letter-spacing:clamp(12px,5vw,45px)}.band-animal{position:relative;min-width:0;min-height:82%;border:4px solid #fff;border-radius:42% 42% 24px 24px;background:linear-gradient(180deg,#ffbf74,#ff8c67);display:grid;place-items:center;align-content:end;padding:5px;box-shadow:0 8px 0 #c55952;color:var(--ink)}.band-animal.animal-1{background:linear-gradient(180deg,#d6d0ff,#8fb7f3);box-shadow:0 8px 0 #6078ba}.band-animal.animal-2{background:linear-gradient(180deg,#bff1c2,#62c4a0);box-shadow:0 8px 0 #3b9579}.band-animal>span{font-size:clamp(58px,12vw,105px);line-height:1}.band-animal>b{font-size:clamp(30px,6vw,50px)}.band-animal small{font-weight:1000;font-size:clamp(11px,2.2vw,16px)}.band-animal.dancing{animation:animalDance .28s ease-in-out alternate 2}.band-animal.bow{transform:scaleY(.82) translateY(12px)}@keyframes animalDance{to{transform:translateY(-18px) rotate(5deg)}}.together{justify-self:center;min-width:min(300px,75vw);background:linear-gradient(145deg,#ee5f75,#bd3f73);box-shadow:0 7px 0 #8d2b58}.info-dialog{width:min(640px,94vw)}.help-steps{padding:4px 2px 2px;color:#4f5b6f;line-height:1.55}.help-steps ol{margin:8px 0;padding-left:24px}.help-steps li+li{margin-top:10px}.credits-copy{padding:14px;border-radius:16px;background:#f4f0ff;color:#4f5b6f;line-height:1.7}.credits-copy b{color:#33255f}
@media(max-width:620px){.xylo{gap:6px}.key{border-width:4px}.day-controls{grid-template-columns:repeat(2,1fr);right:50%;top:auto;bottom:8px;transform:translateX(50%)}.day-btn{min-width:74px;min-height:74px;border-radius:24px}.day-caption{top:4%}.up-layout{grid-template-columns:1fr 1.1fr 1fr}.move-btn{padding:5px}.compare{gap:7px}.size-btn.big .size-object{font-size:clamp(105px,32vw,170px)}.toddler-choice,.number-choice{border-width:4px}.model-card{border-width:4px}.rhythm-pad{border-width:4px}.sound-replay{min-height:60px}.choice-grid,.number-grid{gap:6px}.music-modes button{grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center;padding:3px;min-height:54px}.music-modes button>span{grid-row:auto;margin:0;font-size:25px}.music-modes small{display:none}.music-work,.create-work{grid-template-columns:1fr;grid-template-rows:auto 1fr}.music-cue,.composer{display:flex;flex-wrap:wrap;justify-content:center;padding:5px}.journey{width:100%;justify-content:center}.music-action{min-height:44px}.music-pad{min-height:96px;border-width:4px}.music-pad>span{font-size:clamp(45px,15vw,72px)}.band-stage{padding-top:25px}.band-animal{min-height:86%;border-width:3px}.together{min-height:44px}.composition .beat-token,.composition .empty-beat{width:36px;height:36px}}
@media(max-height:610px) and (orientation:landscape){.key-icon{font-size:34px}.key-name{font-size:12px}.bubble-mark{font-size:35px}.bubble-label{font-size:11px}.day-btn{min-width:68px;min-height:68px;font-size:38px}.sky-object{font-size:85px}.land{font-size:48px}.size-btn.big .size-object{font-size:95px}.size-btn.small .size-object{font-size:50px}.size-name{font-size:20px}.move-btn{min-height:120px;font-size:52px}.ball{width:65px;height:65px}.ball.up{bottom:calc(95% - 65px)}.toddler-board,.count-board,.sound-board{grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr}.model-card span{font-size:60px}.toddler-choice span{font-size:45px}.count-scene span{font-size:55px}.rhythm-board{grid-template-columns:auto 1fr auto;grid-template-rows:1fr;align-items:center}.rhythm-pads{height:100%}.listen-pattern{min-width:180px}.beat-track{display:grid}.music-app{grid-template-columns:175px 1fr;grid-template-rows:1fr}.music-modes{grid-template-columns:1fr}.music-modes button{min-height:0}.music-work,.create-work{grid-template-columns:minmax(175px,.75fr) 1.25fr;grid-template-rows:1fr}.music-pad{min-height:80px}.music-pad>span{font-size:48px}.band-work{grid-template-columns:1fr auto;grid-template-rows:1fr}.together{min-width:145px;align-self:center}.band-animal>span{font-size:55px}}
@media(max-width:620px){.music-top{gap:4px}.music-info-actions{gap:3px}.music-info-actions button{min-width:42px;padding:2px;font-size:17px}.music-info-actions button span{display:none}.loop-action{min-height:42px}.info-dialog{padding:20px}.help-steps{font-size:14px}}
@media(max-height:610px) and (orientation:landscape){.music-top{grid-template-columns:1fr}.music-info-actions button{min-height:30px}.music-info-actions button span{display:inline;font-size:8px}.composer-actions{gap:4px}.loop-action{min-height:38px;padding:4px 8px;font-size:11px}.info-dialog{max-height:94dvh}}

/* Sigue el ritmo: portada informativa y tercera experiencia de causa-efecto. */
.rhythm-cover{min-height:min(680px,92dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 12px 6px}.rhythm-cover-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.cover-help{min-height:58px;border:3px solid #fff;border-radius:20px;padding:8px 22px;background:#fff;color:#4c397f;box-shadow:0 8px 0 #d8cfea,0 13px 24px #4f42652c;font-size:clamp(18px,4vw,24px);font-weight:1000}.rhythm-cover-credits{margin-top:auto;min-height:46px;border:0;border-top:2px solid #ffffffb8;background:transparent;color:#594f6b;padding:13px 12px 5px;font-size:clamp(12px,2.5vw,15px);font-weight:900;text-decoration:underline;text-underline-offset:3px}.rhythm-cover .chips{margin-top:16px}
.band-work{grid-template-rows:auto 1fr auto}.band-guide{min-height:54px;border:4px solid #fff;border-radius:20px;background:#fff7c9;display:flex;justify-content:center;align-items:center;gap:10px;padding:7px 14px;color:#44355f;text-align:center}.band-guide span{font-size:30px;animation:tapPoint .85s ease-in-out infinite alternate}.band-guide strong{font-size:clamp(15px,3.2vw,22px)}@keyframes tapPoint{to{transform:translateY(5px) scale(.92)}}.band-stage{background:linear-gradient(180deg,#59448c 0 59%,#f6c85b 59%);padding:12px 2% 3%}.band-animal{min-height:92%;align-content:center;border-radius:30px;padding:5px}.band-animal .tap-label{position:absolute;top:7px;left:50%;transform:translateX(-50%);padding:3px 9px;border-radius:999px;background:#fff;color:#513c77;font-size:clamp(10px,2vw,13px);letter-spacing:.06em}.band-animal.guided-tap{outline:9px solid #ffef71;animation:guidedTap .55s ease-in-out infinite alternate}@keyframes guidedTap{to{transform:translateY(7px) scale(.97)}}.together{min-height:52px}
@media(max-width:620px){.rhythm-cover{padding-inline:4px}.rhythm-cover .welcome-art{font-size:clamp(76px,23vw,115px)}.rhythm-cover h1{font-size:clamp(34px,9vw,51px)}.rhythm-cover p{margin-bottom:13px;font-size:clamp(15px,4vw,19px)}.rhythm-cover-actions .start,.cover-help{min-height:55px;padding:7px 18px}.rhythm-cover-credits{width:100%}.band-guide{min-height:48px;padding:4px 8px}.band-stage{padding-top:10px}.band-animal{min-height:94%;border-width:3px}.band-animal>span{font-size:clamp(48px,14vw,74px)}.band-animal>b{font-size:clamp(25px,7vw,38px)}}
@media(max-height:610px) and (orientation:landscape){.rhythm-cover{display:grid;grid-template-columns:.7fr 1.3fr;grid-template-rows:auto auto auto 1fr;min-height:92dvh;padding:7px 12px;gap:5px}.rhythm-cover .welcome-art{grid-row:1/5;font-size:100px}.rhythm-cover h1{font-size:39px}.rhythm-cover p{margin-bottom:4px;font-size:14px}.rhythm-cover-actions{justify-content:center}.rhythm-cover-actions .start,.cover-help{min-height:42px;padding:5px 14px;font-size:17px;box-shadow:0 5px 0 #c95046}.cover-help{box-shadow:0 5px 0 #d8cfea}.rhythm-cover .chips{margin-top:2px}.rhythm-cover-credits{margin:0;min-height:30px;padding:4px;font-size:11px}.band-work{grid-template-columns:minmax(150px,.55fr) 1.45fr auto;grid-template-rows:1fr}.band-guide{align-self:stretch;flex-direction:column;padding:5px}.band-stage{padding-top:7px}.together{min-width:130px;padding:6px 9px;align-self:center;font-size:13px}}

/* Atrapa sonidos: exploración musical libre, sin puntuación ni fallos. */
.catch-work{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:8px}.catch-guide{min-height:54px;border:4px solid #fff;border-radius:20px;background:#fff7c9;display:flex;justify-content:center;align-items:center;gap:10px;padding:7px 14px;color:#44355f;text-align:center}.catch-guide span{font-size:30px;animation:tapPoint .85s ease-in-out infinite alternate}.catch-guide strong{font-size:clamp(16px,3.2vw,22px)}.catch-stage{min-height:0;position:relative;overflow:hidden;border:5px solid #fff;border-radius:28px;background:radial-gradient(circle at 50% 45%,#fff7ce 0 13%,transparent 14%),linear-gradient(160deg,#5f48a0,#7f70d3 52%,#53b8ce);box-shadow:inset 0 -18px 35px #26324a25}.catch-sparkles{position:absolute;inset:5% 6% auto;text-align:center;color:#fff5a5;font-size:clamp(20px,4vw,35px);letter-spacing:clamp(7px,3vw,25px);opacity:.85}.sound-bubble{position:absolute;width:clamp(92px,17vw,142px);aspect-ratio:1;border:6px solid #fff;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 31% 24%,#fff 0 7%,#ffe382 18%,#ff9f61 70%);box-shadow:inset 0 -13px 20px #bd4c6130,0 13px 22px #26324a3d;color:#362957;animation:bubbleDrift 2.4s ease-in-out infinite alternate}.sound-bubble:nth-of-type(2){background:radial-gradient(circle at 31% 24%,#fff 0 7%,#9ee6ff 18%,#718ee9 70%);animation-delay:-.8s}.sound-bubble:nth-of-type(3){background:radial-gradient(circle at 31% 24%,#fff 0 7%,#d4ff9f 18%,#4fc69b 70%);animation-delay:-1.5s}.sound-bubble:nth-of-type(4){background:radial-gradient(circle at 31% 24%,#fff 0 7%,#ffc2eb 18%,#ba78dc 70%);animation-delay:-2s}.sound-bubble>span{font-size:clamp(18px,3vw,28px);line-height:1}.sound-bubble>b{font-size:clamp(42px,8vw,69px);line-height:1}.bubble-0{left:6%;top:10%}.bubble-1{right:7%;top:12%}.bubble-2{left:11%;bottom:9%}.bubble-3{right:12%;bottom:8%}@keyframes bubbleDrift{to{transform:translateY(-10px) rotate(3deg)}}.sound-bubble.caught{animation:bubbleCatch .5s ease-out!important;pointer-events:none}@keyframes bubbleCatch{45%{transform:scale(1.2);filter:brightness(1.18)}100%{transform:scale(.45);opacity:.25}}.sound-bubble.guided-bubble{outline:10px solid #ffef71;outline-offset:4px;animation:guidedBubble .55s ease-in-out infinite alternate}@keyframes guidedBubble{to{transform:scale(.9);filter:brightness(1.16)}}.catch-reveal{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(245px,37%);min-height:175px;border:5px solid #ffffffd8;border-radius:34px;background:#ffffffd9;box-shadow:0 15px 35px #26324a45;display:grid;place-items:center;align-content:center;gap:4px;color:#3e315d;text-align:center}.catch-reveal span{font-size:clamp(64px,11vw,105px);line-height:1}.catch-reveal strong{font-size:clamp(14px,2.7vw,21px);padding:0 8px}.catch-reveal.show{animation:revealPop .6s cubic-bezier(.2,1.4,.4,1)}@keyframes revealPop{50%{transform:translate(-50%,-50%) scale(1.16)}}
@media(max-width:620px){.catch-guide{min-height:48px;padding:4px 8px}.sound-bubble{width:clamp(76px,24vw,104px);border-width:4px}.sound-bubble>b{font-size:clamp(37px,13vw,57px)}.bubble-0{left:3%;top:8%}.bubble-1{right:3%;top:10%}.bubble-2{left:5%;bottom:8%}.bubble-3{right:5%;bottom:7%}.catch-reveal{width:39%;min-height:145px;border-width:4px}.catch-reveal span{font-size:clamp(53px,17vw,76px)}.catch-reveal strong{font-size:12px}}
@media(max-height:610px) and (orientation:landscape){.catch-work{grid-template-columns:minmax(150px,.5fr) 1.5fr;grid-template-rows:1fr}.catch-guide{align-self:stretch;flex-direction:column;padding:5px}.sound-bubble{width:clamp(70px,12vw,98px)}.catch-reveal{min-height:120px;width:30%}.catch-reveal span{font-size:58px}.bubble-0{left:4%;top:6%}.bubble-1{right:5%;top:7%}.bubble-2{left:9%;bottom:5%}.bubble-3{right:10%;bottom:5%}}

/* Baila al tempo: velocidad musical y movimiento corporal. */
.tempo-work{min-height:0;display:grid;grid-template-rows:1fr auto;gap:9px}.tempo-stage{min-height:0;position:relative;overflow:hidden;border:5px solid #fff;border-radius:28px;background:linear-gradient(180deg,#493576 0 62%,#ffd064 62%);box-shadow:inset 0 -16px 28px #684d1930;display:grid;grid-template-rows:auto 1fr auto auto;align-items:center;padding:8px 3%}.tempo-stage.beat{filter:brightness(1.09)}.tempo-lights{text-align:center;color:#fff29c;font-size:clamp(20px,4vw,36px);letter-spacing:clamp(9px,4vw,35px)}.tempo-band{min-height:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:clamp(6px,2vw,18px);padding:0 4%}.tempo-animal{min-width:0;display:grid;place-items:center;align-content:center;gap:1px;transform-origin:50% 100%}.tempo-animal span{font-size:clamp(68px,14vw,125px);line-height:1;filter:drop-shadow(0 9px 5px #1e143b45)}.tempo-animal b{font-size:clamp(29px,6vw,48px);line-height:1}.tempo-animal.dancing{animation:tempoDance var(--tempo) ease-in-out infinite alternate}@keyframes tempoDance{to{transform:translateY(-16px) rotate(5deg) scale(1.04)}}.tempo-message{justify-self:center;min-height:44px;max-width:90%;padding:8px 16px;border:3px solid #fff;border-radius:999px;background:#ffffffeb;color:#44345d;text-align:center;font-size:clamp(15px,3vw,21px);font-weight:1000}.tempo-track{min-height:34px;display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.2vw,11px)}.tempo-dot{width:clamp(20px,4vw,32px);height:clamp(20px,4vw,32px);border-radius:50%;display:grid;place-items:center;background:#ffffff8c;color:#9b7b37;font-size:11px;transition:.12s}.tempo-dot.active{background:#fff;color:#ee5a63;outline:5px solid #ffef80;transform:scale(1.18)}.tempo-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,1.5vw,14px)}.tempo-choice{min-width:0;min-height:76px;border:5px solid #fff;border-radius:24px;background:linear-gradient(145deg,#b9ef9a,#56c49a);box-shadow:0 8px 0 #319675;color:#26324a;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:6px 12px}.tempo-choice.tempo-1{background:linear-gradient(145deg,#ffe382,#ffad61);box-shadow:0 8px 0 #cf7538}.tempo-choice.tempo-2{background:linear-gradient(145deg,#a9ddff,#738de9);box-shadow:0 8px 0 #5065b9}.tempo-choice>span{grid-row:1/3;font-size:clamp(39px,7vw,58px);margin-right:8px}.tempo-choice>b{font-size:clamp(15px,3vw,21px);text-align:left}.tempo-choice>small{font-size:clamp(15px,3vw,22px);letter-spacing:4px;text-align:left}.tempo-choice[aria-pressed="true"],.tempo-choice:active{transform:translateY(6px);box-shadow:0 2px 0 #365d63;outline:7px solid #ffef7b}.tempo-choice.guided-tempo{outline:9px solid #ffef71;animation:guidedTempo .55s ease-in-out infinite alternate}@keyframes guidedTempo{to{transform:scale(.96);filter:brightness(1.12)}}
@media(max-width:620px){.tempo-work{gap:6px}.tempo-stage{padding:5px 2%}.tempo-band{padding-inline:1%;gap:3px}.tempo-animal span{font-size:clamp(55px,18vw,82px)}.tempo-animal b{font-size:clamp(25px,8vw,36px)}.tempo-message{min-height:38px;padding:5px 8px;font-size:13px}.tempo-track{min-height:27px}.tempo-dot{width:20px;height:20px}.tempo-controls{gap:5px}.tempo-choice{min-height:69px;border-width:4px;border-radius:19px;grid-template-columns:1fr;padding:4px;text-align:center}.tempo-choice>span{grid-row:auto;margin:0;font-size:35px}.tempo-choice>b{text-align:center;font-size:13px}.tempo-choice>small{display:none}}
@media(max-height:610px) and (orientation:landscape){.tempo-work{grid-template-columns:1fr minmax(145px,.35fr);grid-template-rows:1fr}.tempo-controls{grid-template-columns:1fr;align-content:center}.tempo-choice{min-height:58px}.tempo-choice>span{font-size:32px}.tempo-stage{grid-template-rows:auto 1fr auto}.tempo-track{position:absolute;right:8px;top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.tempo-dot{width:17px;height:17px}.tempo-animal span{font-size:58px}.tempo-message{min-height:34px}}

/* El animal del tempo elegido dirige delante; los otros dos lo imitan detrás. */
.tempo-band{display:flex;justify-content:center;align-items:flex-end;gap:clamp(2px,1vw,10px);padding-inline:1%}.tempo-animal{flex:0 1 31%;--scale:1;--scale-to:1.04;transform:scale(var(--scale));transition:flex-basis .35s ease,opacity .35s ease,transform .35s ease;position:relative}.tempo-animal.leader{flex-basis:44%;--scale:1.14;--scale-to:1.19;z-index:3;opacity:1}.tempo-animal.follower{flex-basis:24%;--scale:.76;--scale-to:.79;z-index:1;opacity:.7;filter:saturate(.82)}.tempo-animal small{padding:2px 9px;border-radius:999px;background:#ffffffdf;color:#49376a;font-size:clamp(11px,2vw,15px);font-weight:1000}.tempo-animal.dancing{animation:tempoDance var(--tempo) ease-in-out var(--delay) infinite alternate}@keyframes tempoDance{from{transform:translateY(0) rotate(-3deg) scale(var(--scale))}to{transform:translateY(-18px) rotate(5deg) scale(var(--scale-to))}}.tempo-animal.follower.dancing{animation-name:tempoFollow}@keyframes tempoFollow{from{transform:translateY(0) rotate(-2deg) scale(var(--scale))}to{transform:translateY(-11px) rotate(4deg) scale(var(--scale-to))}}
@media(max-width:620px){.tempo-animal.leader{flex-basis:46%;--scale:1.1}.tempo-animal.follower{flex-basis:22%;--scale:.72}.tempo-animal small{font-size:10px;padding:2px 5px}}