.playing .cake-picker{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:0;min-width:0;height:100%;max-height:100%;align-self:center}.playing .cake-picker .shelf{grid-column:auto;grid-row:auto;flex:0 1 auto;min-height:100px;width:100%;max-height:calc(100% - 55px);height:auto;aspect-ratio:1.5;align-self:auto}
.read-slot{display:flex;justify-content:center;flex:none;min-width:0}.read-slot:empty{display:none}.playing .read-slot #repeat{width:100%;min-height:46px;max-width:480px;border:2px solid #fff;background:linear-gradient(135deg,#6650c1,#8064df);color:white;font-size:17px;font-weight:850;box-shadow:0 4px 0 #433186;border-radius:15px;padding:8px 15px;touch-action:manipulation}.playing .read-slot #repeat:active{transform:translateY(2px);box-shadow:0 2px 0 #433186}.playing #quizRead #repeat{max-width:360px;min-height:44px;font-size:15px}.playing .play-controls:has(#next.hidden){display:none}.playing #quiz{gap:7px}
.celebration-big{background:radial-gradient(ellipse at 50% 43%,#ffda6320,transparent 65%)}.celebration-big .party-star{top:42%;width:min(82vw,390px);padding:20px 25px 23px;display:flex;flex-direction:column;align-items:center;gap:3px;background:linear-gradient(145deg,#fffef8,#fff2b0);border:5px solid #fff;border-radius:36px;box-shadow:0 10px 0 #eab34b,0 20px 65px #51378350;filter:none;color:#7250b1;font-size:24px;animation:reward-card 2.7s both}.reward-crown{font-size:78px;line-height:1.1;filter:drop-shadow(0 4px 0 #e0aa39);animation:crown-wiggle 1s ease-in-out 2}.party-star strong{font-size:clamp(29px,6vw,43px);color:#7950bc;line-height:1.2;letter-spacing:1px;text-shadow:0 2px 0 #fff}.reward-message{font-size:19px;color:#7b5732;font-weight:800}.reward-stars{font-size:35px;letter-spacing:6px;margin-top:8px}.celebration-big .party-piece{width:13px;height:20px}.celebration-big .party-piece:nth-child(3n){border-radius:50%;width:15px;height:15px}.reward-spark{position:absolute;left:50%;top:42%;font-size:30px;color:var(--color);text-shadow:0 2px 0 #fff;animation:reward-burst 1.2s .15s both;transform-origin:center;}
@keyframes reward-card{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.07) rotate(3deg)}25%,78%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-60%) scale(.85)}}@keyframes crown-wiggle{25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(12deg) scale(1.1)}}@keyframes reward-burst{0%{opacity:0;transform:rotate(var(--angle)) translateX(20px) rotate(calc(-1 * var(--angle))) scale(.2)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle))) scale(1.2)}}
@media(max-width:700px) and (orientation:portrait){.playing #bakery{grid-template-rows:minmax(0,1fr) clamp(182px,33dvh,264px) 62px 46px}.playing .cake-picker{grid-column:1;grid-row:2;gap:6px;justify-content:flex-start}.playing .cake-picker .shelf{flex:1;min-height:100px;max-height:none;aspect-ratio:auto;height:auto}.playing .read-slot #repeat{min-height:44px;font-size:15px;padding:7px}.celebration-big .party-star{padding:15px;border-radius:28px}.reward-crown{font-size:65px}.reward-message{font-size:16px}.reward-stars{font-size:28px}}
@media(orientation:portrait) and (max-height:620px){.playing #bakery{grid-template-rows:minmax(0,1fr) 174px 54px 44px;gap:5px}.playing .cake-picker{gap:5px}.playing .read-slot #repeat{min-height:44px}.playing .cake-picker .shelf{min-height:112px}.playing .cake>.pastry{width:38px}.celebration-big .party-star{top:44%;padding:10px}.reward-crown{font-size:54px}.reward-stars{font-size:24px}}
@media(orientation:landscape) and (max-height:520px){.playing .cake-picker{grid-column:2;grid-row:1;gap:4px;justify-content:flex-start}.playing .cake-picker .shelf{flex:1;min-height:90px;max-height:none;aspect-ratio:auto}.playing .read-slot #repeat{min-height:38px;padding:4px 9px;font-size:14px}.playing #quizRead{align-self:center}.playing #quizRead #repeat{min-height:44px;font-size:12px;max-width:100px;padding:6px}.celebration-big .party-star{padding:8px 18px;max-width:300px;gap:0}.reward-crown{font-size:45px}.party-star strong{font-size:28px}.reward-message{font-size:15px}.reward-stars{font-size:23px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.celebration-big,.reward-spark{display:none}.reward-crown{animation:none!important}}