.breakfast-theatre{--amber:#b7843a;position:relative;isolation:isolate;padding:18px 12px;border-radius:32px;background:radial-gradient(ellipse at 48% 24%,#fffefb,#f3e9d7 75%);border:1px solid #fff;box-shadow:inset 0 1px 6px #fff,0 18px 60px #77604418;color:#44382c;text-align:center;overflow:hidden}.breakfast-set{position:relative;width:100%;aspect-ratio:1.28;perspective:700px;overflow:hidden;border-radius:24px}.breakfast-halo{position:absolute;inset:6% 7% 10%;border-radius:50%;background:radial-gradient(ellipse,#fff 5%,#e7be7040 45%,transparent 70%)}.breakfast-counter{position:absolute;left:0;right:0;bottom:9%;height:22%;border-radius:50%;background:linear-gradient(170deg,#f7f1e8,#dbcfbc);box-shadow:0 12px 18px #49352118,inset 0 1px #fff;transform:rotateX(55deg)}.breakfast-sprite{position:absolute;background-image:url('/assets/colazione-teatro/scene.webp');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1;filter:drop-shadow(0 10px 9px #5c41232b);will-change:transform,opacity}.pastry-plain,.pastry-filled{width:70%;left:0;bottom:6%;background-position:0 0}.pastry-filled{background-position:50% 0;opacity:0}.pastry-bag{width:58%;right:20%;top:-40%;background-position:100% 0;opacity:0;transform:translateY(-35px) rotate(-6deg);transform-origin:65% 20%}.breakfast-barista{width:65%;right:-3%;top:0;background-image:url('/assets/colazione-teatro/carmine-avatar-v1.webp');background-size:contain;background-position:center;opacity:0;transform:translateX(30%) scale(.8);transform-origin:center bottom}.breakfast-coffee{width:44%;right:5%;bottom:9%;background-position:50% 100%;opacity:0;transform:translateY(-26%) scale(.35);transform-origin:center bottom}.cream-ribbon{position:absolute;left:31%;top:24%;width:5%;height:7%;border-radius:60%;background:linear-gradient(90deg,#deb966,#fff0be,#d0a054);clip-path:polygon(40% 0,65% 0,70% 35%,45% 62%,80% 86%,50% 100%,20% 85%,35% 52%);transform-origin:top;opacity:0}.coffee-steam{position:absolute;right:17%;top:53%;width:22%;height:20%;opacity:0}.coffee-steam i{position:absolute;width:15%;height:80%;border-left:2px solid #fff9;border-radius:50%;left:25%;animation:breakfast-steam 2s ease-out infinite}.coffee-steam i:nth-child(2){left:50%;animation-delay:.5s}.coffee-steam i:nth-child(3){left:75%;animation-delay:1s}.breakfast-caption{font:22px/1.2 "Guadagni Serif",Georgia,serif;min-height:2.4em;margin:10px 4px}.breakfast-cues{display:flex;gap:6px;justify-content:center;font-size:11px;color:#9c8b72;margin:12px 0}.breakfast-cues span{padding:6px;border-bottom:2px solid transparent}.breakfast-cues .current{color:#875a23;border-color:#b68b4c}.breakfast-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.breakfast-actions button,.breakfast-actions a{width:auto;font:inherit;font-size:14px;line-height:1.25;text-decoration:none;border:1px solid #c6a471;border-radius:16px;padding:13px 15px;background:#fff9;color:#493b29;cursor:pointer}.breakfast-actions .breakfast-next{background:linear-gradient(130deg,#edcf91,#be9254);font-weight:700}.breakfast-note{font-size:12px;line-height:1.45;margin:14px 8px 4px;color:#7d6c55}.playing .pastry-bag{animation:breakfast-pipe 3.7s ease both}.playing .cream-ribbon{animation:breakfast-cream 3.7s ease both}.playing .pastry-filled{animation:breakfast-fill 6.1s both}.playing .pastry-plain{animation:breakfast-plain 6.1s both}.playing .breakfast-barista{animation:breakfast-barista 6.1s ease both}.playing .breakfast-coffee{animation:breakfast-serve 6.1s cubic-bezier(.25,.8,.3,1) both}.playing .coffee-steam{animation:breakfast-vapour 6.1s both}.resting .pastry-filled{opacity:1;transform:translateX(-10%) scale(.7)}.resting .pastry-plain{opacity:0}.resting .breakfast-barista{opacity:1;transform:translateX(0) scale(1)}.resting .breakfast-coffee{opacity:1;transform:translateY(7%) scale(1.12)}.resting .coffee-steam{opacity:1}@keyframes breakfast-pipe{0%,12%{opacity:0;transform:translate(12%,-30%) rotate(-10deg)}30%{opacity:1;transform:translate(0,0) rotate(0)}48%,68%{opacity:1;transform:translate(-4%,6%) rotate(-3deg)}100%{opacity:0;transform:translate(15%,-40%) rotate(8deg)}}@keyframes breakfast-cream{0%,35%{opacity:0;transform:scaleY(0)}48%,62%{opacity:1;transform:scaleY(1)}75%,100%{opacity:0;transform:scaleY(.7)}}@keyframes breakfast-fill{0%,32%{opacity:0;clip-path:inset(0 0 100% 0)}47%,62%{opacity:1;clip-path:inset(0 0 9% 0);transform:scale(1)}75%,100%{opacity:1;clip-path:inset(0 0 9% 0);transform:translateX(-10%) scale(.7)}}@keyframes breakfast-plain{0%,36%{opacity:1}47%,100%{opacity:0}}@keyframes breakfast-barista{0%,50%{opacity:0;transform:translateX(35%) scale(.8)}72%,100%{opacity:1;transform:translateX(0) scale(1)}}@keyframes breakfast-serve{0%,60%{opacity:0;transform:translateY(-26%) scale(.35) rotateX(20deg)}70%{opacity:1;transform:translateY(-18%) scale(.6) rotateX(12deg)}95%,100%{opacity:1;transform:translateY(7%) scale(1.12) rotateX(0)}}@keyframes breakfast-vapour{0%,78%{opacity:0}95%,100%{opacity:1}}@keyframes breakfast-steam{0%{opacity:0;transform:translateY(20%) scale(.8)}30%{opacity:.7}100%{opacity:0;transform:translateY(-50%) scale(1.3)}}.redemption-crystal .breakfast-theatre{padding:8px;border:0;box-shadow:none;background:transparent}.redemption-crystal .breakfast-set{max-height:220px}.redemption-crystal .breakfast-caption{font-size:20px}.redemption-crystal .breakfast-note{margin-bottom:0}@media(max-width:450px){.breakfast-theatre{padding:10px}.breakfast-caption{font-size:21px}.breakfast-actions a{flex:1}.redemption-crystal{padding:18px;max-height:92dvh}}@media(prefers-reduced-motion:reduce){.breakfast-theatre *{animation:none!important;transition:none!important}.coffee-steam i{animation:none;opacity:.5}}

.breakfast-theatre.still *{animation:none!important}.breakfast-actions .breakfast-stop{font-size:12px;padding:10px}

.breakfast-offer-intro h1{font:30px/1.1 "Guadagni Serif",Georgia,serif;margin:10px 0}.breakfast-offer-intro p{font-size:16px;line-height:1.4}@media(min-width:651px){.breakfast-offer-intro{display:none}}@media(max-width:650px){.breakfast-invitation-ready .invito-glass h1,.breakfast-invitation-ready .invito-glass .intro,.breakfast-invitation-ready .invito-glass .invito-button{display:none}.breakfast-invitation-ready .invito-glass{margin-top:16px}}

.breakfast-actions .breakfast-next{order:-2;flex:1 0 100%}.breakfast-actions .breakfast-login{order:-1;flex:1 0 100%;border:0;background:transparent;padding:4px;font-size:13px;text-decoration:underline}@media(max-width:650px){.breakfast-invitation-ready .invito-glass .invito-login{display:none}}

.pastry-plain{clip-path:inset(0 0 9% 0)}.resting .pastry-filled{clip-path:inset(0 0 9% 0)}

/* Regia Guadagni: un solo espresso, servizio misurato, nessun effetto elastico. */
.breakfast-set{aspect-ratio:1.18;background:radial-gradient(ellipse at 68% 24%,#fff8 0,transparent 57%);perspective:1000px}
.breakfast-sprite{filter:drop-shadow(0 8px 8px #5c41231c)}
.breakfast-barista{width:66%;right:-2%;top:2%;transform-origin:68% 75%}
/* Il caffè è già nelle mani di Carmine: evitare la seconda tazza sovrapposta. */
.breakfast-coffee{display:none}
.coffee-steam{right:24%;top:49%;width:13%;height:12%;filter:blur(1px)}
.coffee-steam i{border-left:1px solid #fff9}
.breakfast-halo{background:radial-gradient(ellipse,#fff9, #e7be7024 48%,transparent 72%)}
.breakfast-counter{box-shadow:0 8px 18px #49352112,inset 0 1px #fff8}
.playing .pastry-bag{animation:guadagni-pipe 7.6s cubic-bezier(.4,0,.2,1) both}
.playing .cream-ribbon{animation:guadagni-cream 7.6s ease both}
.playing .pastry-filled{animation:guadagni-fill 7.6s cubic-bezier(.4,0,.2,1) both}
.playing .pastry-plain{animation:guadagni-plain 7.6s ease both}
.playing .breakfast-barista{animation:guadagni-service 7.6s cubic-bezier(.4,0,.2,1) both}
.playing .coffee-steam{animation:guadagni-vapour 7.6s both}
.resting .pastry-filled{transform:translate(-10%,6%) scale(.72)}
.resting .breakfast-barista{transform:translate(0,0) scale(1);opacity:1}
.breakfast-cues{gap:20px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.breakfast-caption{font-size:21px;line-height:1.3}
.breakfast-actions .breakfast-play,.breakfast-actions .breakfast-stop{background:transparent;border-color:#bca98855;color:#7d6c55;font-size:12px}
.breakfast-actions .breakfast-next{box-shadow:inset 0 1px #ffffff8c,0 4px 12px #8b632119;background:linear-gradient(125deg,#eed7a5,#c79d5d);transition:box-shadow .25s,background .25s}
.breakfast-actions .breakfast-next:hover{box-shadow:inset 0 1px #fff,0 5px 16px #8b63212b}
@keyframes guadagni-pipe{0%,8%{opacity:0;transform:translate(4%,-12%) rotate(-3deg)}18%,28%{opacity:1;transform:translate(0,0) rotate(0)}36%{opacity:1;transform:translate(-2%,3%) rotate(-1deg)}43%{opacity:1;transform:translate(0,-4%) rotate(1deg)}51%,100%{opacity:0;transform:translate(7%,-17%) rotate(3deg)}}
@keyframes guadagni-cream{0%,23%{opacity:0;transform:scaleY(0)}29%,36%{opacity:1;transform:scaleY(1)}43%,100%{opacity:0;transform:scaleY(.1)}}
@keyframes guadagni-fill{0%,23%{opacity:0;clip-path:inset(0 0 100% 0);transform:scale(1)}36%,46%{opacity:1;clip-path:inset(0 0 9% 0);transform:scale(1)}66%,100%{opacity:1;clip-path:inset(0 0 9% 0);transform:translate(-10%,6%) scale(.72)}}
@keyframes guadagni-plain{0%,27%{opacity:1}36%,100%{opacity:0}}
@keyframes guadagni-service{0%,46%{opacity:0;transform:translate(3%,-2%) scale(.92)}58%{opacity:1;transform:translate(0,-2%) scale(.94)}69%{opacity:1;transform:translate(0,-2%) scale(.94)}90%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes guadagni-vapour{0%,68%{opacity:0}85%,100%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.breakfast-theatre *{animation:none!important;transition:none!important}}

.breakfast-barista{background-image:none}
.carmine-pose{position:absolute;inset:0;background-image:url('/assets/colazione-teatro/carmine-pose-v4.webp');background-size:300% 100%;background-repeat:no-repeat;opacity:0}
.pose-0{background-position:0 0;opacity:1}.pose-1{background-position:50% 0}.pose-2{background-position:100% 0}
.playing .pastry-bag,.playing .cream-ribbon,.playing .pastry-filled,.playing .pastry-plain,.playing .breakfast-barista,.playing .coffee-steam{animation-duration:9.4s}
.playing .pose-0{animation:carmine-arrival 9.4s linear both}
.playing .pose-1{animation:carmine-offer 9.4s linear both}
.playing .pose-2{animation:carmine-welcome 9.4s linear both}
.resting .pose-0,.resting .pose-1{opacity:0}.resting .pose-2{opacity:1}
.playing .breakfast-halo{animation:guadagni-light 9.4s ease-in-out both}
@keyframes carmine-arrival{0%,55%{opacity:1}63%,100%{opacity:0}}
@keyframes carmine-offer{0%,55%{opacity:0}63%,80%{opacity:1}88%,100%{opacity:0}}
@keyframes carmine-welcome{0%,80%{opacity:0}88%,100%{opacity:1}}
@keyframes guadagni-service{0%,44%{opacity:0;transform:translate(8%,1%) scale(.86)}50%{opacity:.5;transform:translate(4%,0) scale(.9)}57%{opacity:1;transform:translate(1%,-1%) scale(.94)}64%{opacity:1;transform:translate(0,0) scale(.96)}72%{opacity:1;transform:translate(-2%,1%) scale(1.02)}80%{opacity:1;transform:translate(-2%,1%) scale(1.02)}88%{opacity:1;transform:translate(-1%,0) scale(1)}94%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes guadagni-pipe{0%,5%{opacity:0;transform:translate(8%,-20%) rotate(-5deg)}12%{opacity:1;transform:translate(2%,-5%) rotate(-1deg)}18%{opacity:1;transform:translate(0,0) rotate(0)}23%{opacity:1;transform:translate(-1%,1%) rotate(-1deg)}27%{opacity:1;transform:translate(1%,2%) rotate(1deg)}31%{opacity:1;transform:translate(-1%,3%) rotate(-1deg)}35%{opacity:1;transform:translate(0,3%) rotate(0)}39%{opacity:1;transform:translate(1%,0) rotate(1deg)}43%{opacity:.8;transform:translate(3%,-5%) rotate(2deg)}49%,100%{opacity:0;transform:translate(10%,-22%) rotate(6deg)}}
@keyframes guadagni-cream{0%,22%{opacity:0;transform:scaleY(0)}26%{opacity:1;transform:scaleY(.65)}29%{opacity:1;transform:scaleY(.9)}32%{opacity:1;transform:scaleY(.75)}35%{opacity:1;transform:scaleY(1)}39%{opacity:.8;transform:scaleY(.5)}43%,100%{opacity:0;transform:scaleY(0)}}
@keyframes guadagni-light{0%{opacity:.6;transform:translateX(-5%) scale(.95)}40%{opacity:.9;transform:translateX(0) scale(1)}75%{opacity:1;transform:translateX(4%) scale(1.05)}100%{opacity:.8;transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.breakfast-theatre *{animation:none!important;transition:none!important}.resting .pose-2{opacity:1}}

.breakfast-set{aspect-ratio:1}
.breakfast-set>.breakfast-sprite,.breakfast-set>.cream-ribbon,.breakfast-set>.coffee-steam,.breakfast-set>.breakfast-counter,.breakfast-set>.breakfast-halo{display:none}
.carmine-work{position:absolute;inset:0;border-radius:24px;overflow:hidden;background:transparent}
.work-frame{position:absolute;inset:0;background-image:url('/assets/colazione-teatro/farcitura-carmine-v6.webp');background-size:300% 200%;background-repeat:no-repeat;opacity:0}
.work-0{background-position:0 0;opacity:1}.work-1{background-position:50% 0}.work-2{background-position:100% 0}.work-3{background-position:0 100%}.work-4{background-position:50% 100%}.work-5{background-position:100% 100%}
.playing .work-0{animation:work-first 10.6s linear both}
.playing .work-1{animation:work-second 10.6s linear both}
.playing .work-2{animation:work-third 10.6s linear both}
.playing .work-3{animation:work-fourth 10.6s linear both}
.playing .work-4{animation:work-fifth 10.6s linear both}
.playing .work-5{animation:work-last 10.6s linear both}
.resting .work-frame{opacity:0}.resting .work-5{opacity:1}
@keyframes work-first{0%,12%{opacity:1}18%,100%{opacity:0}}
@keyframes work-second{0%,12%{opacity:0}18%,28%{opacity:1}34%,100%{opacity:0}}
@keyframes work-third{0%,28%{opacity:0}34%,44%{opacity:1}50%,100%{opacity:0}}
@keyframes work-fourth{0%,44%{opacity:0}50%,61%{opacity:1}67%,100%{opacity:0}}
@keyframes work-fifth{0%,61%{opacity:0}67%,76%{opacity:1}82%,100%{opacity:0}}
@keyframes work-last{0%,76%{opacity:0}82%,100%{opacity:1}}
.redemption-crystal .breakfast-set{max-height:none;max-width:260px;margin:auto}
@media(max-width:450px){.breakfast-offer-intro h1{font-size:28px}.breakfast-caption{font-size:19px;margin:8px 4px;min-height:2.6em}.breakfast-cues{margin:8px 0}}
@media(prefers-reduced-motion:reduce){.breakfast-theatre *{animation:none!important;transition:none!important}.resting .work-5{opacity:1}}

/* Inquadratura senza volto, cornice Crystal Guadagni. */
.breakfast-set{aspect-ratio:1.85;border:1px solid #c7a46b;border-radius:26px;box-sizing:border-box;box-shadow:inset 0 0 0 5px #fffc,0 8px 24px #8c70321a;background:linear-gradient(135deg,#fffdf8,#f1e5cf);isolation:isolate}
.carmine-work{inset:auto;left:0;top:-90%;width:100%;height:auto;aspect-ratio:1;border-radius:0;background:transparent}
.breakfast-set:after{content:"";position:absolute;inset:5px;border:1px solid #d6bf8b80;border-radius:21px;pointer-events:none;z-index:2}
.redemption-crystal .breakfast-set{max-width:290px}

.carmine-work{clip-path:inset(0 0 3% 0)}

.breakfast-set{aspect-ratio:1.45}.carmine-work{left:5%;top:-25%;width:90%;clip-path:inset(0 0 2% 0)}.work-frame{background-image:url('/assets/colazione-teatro/colazione-completa-v8.webp');background-size:400% 300%}.playing .work-frame{animation:none}.resting .work-frame{opacity:0}.resting .work-11{opacity:1}
.work-0{background-position:0.0% 0%;opacity:0}.playing .work-0{animation:complete-0 14.8s linear both}
@keyframes complete-0{0%,6%{opacity:1}8.33%,100%{opacity:0}}
.work-1{background-position:33.333333333333336% 0%;opacity:0}.playing .work-1{animation:complete-1 14.8s linear both}
@keyframes complete-1{0%,6.833333333333334%{opacity:0}8.333333333333334%,15.166666666666668%{opacity:1}16.666666666666668%,100%{opacity:0}}
.work-2{background-position:66.66666666666667% 0%;opacity:0}.playing .work-2{animation:complete-2 14.8s linear both}
@keyframes complete-2{0%,15.166666666666668%{opacity:0}16.666666666666668%,23.5%{opacity:1}25.0%,100%{opacity:0}}
.work-3{background-position:100.0% 0%;opacity:0}.playing .work-3{animation:complete-3 14.8s linear both}
@keyframes complete-3{0%,23.5%{opacity:0}25.0%,31.833333333333336%{opacity:1}33.333333333333336%,100%{opacity:0}}
.work-4{background-position:0.0% 50%;opacity:0}.playing .work-4{animation:complete-4 14.8s linear both}
@keyframes complete-4{0%,31.833333333333336%{opacity:0}33.333333333333336%,40.166666666666664%{opacity:1}41.666666666666664%,100%{opacity:0}}
.work-5{background-position:33.333333333333336% 50%;opacity:0}.playing .work-5{animation:complete-5 14.8s linear both}
@keyframes complete-5{0%,40.166666666666664%{opacity:0}41.666666666666664%,48.5%{opacity:1}50.0%,100%{opacity:0}}
.work-6{background-position:66.66666666666667% 50%;opacity:0}.playing .work-6{animation:complete-6 14.8s linear both}
@keyframes complete-6{0%,48.5%{opacity:0}50.0%,56.833333333333336%{opacity:1}58.333333333333336%,100%{opacity:0}}
.work-7{background-position:100.0% 50%;opacity:0}.playing .work-7{animation:complete-7 14.8s linear both}
@keyframes complete-7{0%,56.833333333333336%{opacity:0}58.333333333333336%,65.16666666666667%{opacity:1}66.66666666666667%,100%{opacity:0}}
.work-8{background-position:0.0% 100%;opacity:0}.playing .work-8{animation:complete-8 14.8s linear both}
@keyframes complete-8{0%,65.16666666666667%{opacity:0}66.66666666666667%,73.5%{opacity:1}75.0%,100%{opacity:0}}
.work-9{background-position:33.333333333333336% 100%;opacity:0}.playing .work-9{animation:complete-9 14.8s linear both}
@keyframes complete-9{0%,73.5%{opacity:0}75.0%,81.83333333333333%{opacity:1}83.33333333333333%,100%{opacity:0}}
.work-10{background-position:66.66666666666667% 100%;opacity:0}.playing .work-10{animation:complete-10 14.8s linear both}
@keyframes complete-10{0%,81.83333333333333%{opacity:0}83.33333333333333%,90.16666666666667%{opacity:1}91.66666666666667%,100%{opacity:0}}
.work-11{background-position:100.0% 100%;opacity:0}.playing .work-11{animation:complete-11 14.8s linear both}
@keyframes complete-11{0%,90.16666666666667%{opacity:0}91.66666666666667%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.playing .work-frame{animation:none!important}.resting .work-11{opacity:1}}