/* Compact illustrated order tickets, with motion contained above the board. */
.breakfast-event-card{position:relative;isolation:isolate;padding:9px 10px 7px!important;background:linear-gradient(115deg,#fff8e1,#f0dfb3)!important}
.event-heading{display:flex;gap:8px;align-items:center;min-height:46px}.event-host{width:41px;height:41px;flex:0 0 41px}.event-heading>span:nth-child(2){min-width:0;flex:1}.event-heading small{display:block;font:800 8px/1.5 Arial;letter-spacing:1.1px;color:#9c7540}.event-heading b{display:block;font:700 18px/1.15 Georgia;color:#704e31}.event-heading em{display:block;font:11px/1.35 Arial;color:#866c47;margin-top:3px;font-style:normal}.event-heading button{flex:0 0 44px;width:44px;min-height:44px;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#8f7347!important;font:700 18px Georgia}.event-heading button:focus-visible{outline:2px solid #758d52;border-radius:50%}
.event-plates{display:flex;justify-content:center;align-items:flex-end;gap:8px;padding:9px 3px 4px;position:relative}.event-place{position:relative;min-width:0;flex:1;max-width:110px;text-align:center;transform-origin:50% 90%}.event-plate{height:43px;display:flex;justify-content:center;align-items:center;background:#fff9e9;border:2px solid #dbc798;border-radius:50%;box-shadow:inset 0 0 0 3px #f7ebcd,0 3px 0 #b7965940}.event-food{display:block;width:44px;height:44px;position:relative;top:-6px}.event-food>svg{width:100%;height:100%;filter:sepia(1);opacity:.24;transition:opacity .18s}.event-food>i{position:absolute;right:-1px;bottom:1px;font:900 10px/17px Arial;width:17px;height:17px;border-radius:50%;background:#718b4e;color:#fff8df;opacity:0;transform:scale(.3);transition:opacity .15s,transform .2s}.is-served .event-food>svg{filter:none;opacity:1}.is-served .event-food>i{opacity:1;transform:scale(1)}.event-place>b{display:block;font:700 11px/1.3 Arial;color:#795b38;margin-top:4px}.event-place>small{display:block;font:10px/1.3 Arial;color:#937c54}.event-guest{width:31px;height:31px;display:block;margin:0 auto -4px;position:relative;z-index:1;transform-origin:50% 90%}.event-guest>svg{width:100%;height:100%}.event-together{font:800 22px Georgia;align-self:center;color:#8c9a62;padding-bottom:6px}.event-plates-platter{max-width:235px;margin:auto;gap:18px}.event-plates-platter:before,.event-plates-brunch:before{content:'';position:absolute;left:0;right:0;top:15px;height:45px;border-radius:48%;background:#fff8e4;border:2px solid #d7be88;box-shadow:inset 0 0 0 3px #f6e8c4,0 3px 0 #b18a5635;z-index:-1}.event-plates-platter .event-plate,.event-plates-brunch .event-plate{background:transparent;border-color:transparent;box-shadow:none}.event-plates-pair{max-width:250px;margin:auto}.event-plates-queue{gap:7px}.event-plates-queue .event-place{padding:5px 3px;border:1px solid #d9c294;border-radius:10px;background:#f8eccd;max-width:125px;transition:background .2s,border-color .2s}.event-plates-queue .is-current{border:2px solid #86985e;padding:4px 2px;background:#fff8de;box-shadow:0 3px 0 #78895140}.event-plates-queue .is-waiting{opacity:.68}.event-plates-queue .event-plate{height:31px;border-width:1px}.event-plates-queue .event-food{width:34px;height:34px;top:-3px}.event-plates-queue .event-guest{width:28px;height:28px}.event-plates-queue .is-served{background:#e7ecd3}.event-plates-brunch{gap:3px}.event-plates-brunch:before{top:40px;height:42px;border-radius:40%}.event-plates-brunch .event-food{width:39px;height:39px}.event-plates-brunch .event-plate{height:43px}.event-plates-brunch .event-place>b{font-size:10px}.event-plates-brunch .event-place>small{font-size:9px}
.event-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px}.event-progress>b{font:900 17px/1.3 Arial;color:#6c8248;font-variant-numeric:tabular-nums}.event-progress>span{font:800 8px Arial;letter-spacing:.7px;color:#92734c}.event-cue{position:absolute;z-index:12;pointer-events:none;left:50%;bottom:20px;white-space:nowrap;max-width:calc(100% - 16px);padding:7px 10px;border:2px solid #b98e45;border-radius:9px;background:#fff3c0;color:#74522e;box-shadow:0 3px 0 #b38a4766;font:900 13px/1.2 Arial;opacity:0;transform:translateX(-50%)}.event-cue.is-showing{animation:order-ticket-stamp .85s ease-out both}.event-help-panel{border-top:1px dashed #d4b680;margin-top:7px;padding-top:8px}.event-help-panel .order-help-actions{justify-content:center}.event-lesson{text-align:center;color:#85603d;font:11px/1.4 Arial;overflow:hidden}.event-lesson svg{width:43px;height:43px}.event-lesson b,.event-lesson strong{font-weight:700}.event-make-lesson{display:flex;flex-wrap:wrap;justify-content:center;gap:0 19px}.event-make-lesson>span{display:flex;align-items:center;flex-direction:column;animation:event-recipe-rise 2.8s calc(var(--event-step)*.18s) ease-in-out infinite}.event-make-lesson>span>i{font:900 15px Arial;font-style:normal;color:#785635}.event-make-lesson>span>b{font-size:9px;font-weight:400}.event-make-lesson em{font-style:normal;color:#8b9a60}.event-make-lesson p{flex-basis:100%;margin:5px 0 0!important;font-size:11px!important}.event-pair-lesson>div{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;max-width:210px;margin:auto}.event-pair-lesson>div>span{z-index:1;animation:event-pair-hop 2.4s ease-in-out infinite}.event-pair-lesson>div>i,.lesson-toast-row>i{display:block;width:24px;height:27px;border:2px solid #d6b144;background:linear-gradient(#fff1bc,#eac77c);border-radius:9px 9px 5px 5px;box-shadow:inset 0 0 0 2px #fff1b8}.event-pair-lesson em{position:absolute;left:8%;right:8%;top:20px;height:5px;background:#d4a732;transform-origin:left;animation:event-draw-line 2.4s ease-in-out infinite}.event-queue-lesson{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.event-queue-lesson>span{position:relative;width:43px;animation:event-recipe-rise 2.4s calc(var(--event-step)*.35s) ease-in-out infinite}.event-queue-lesson>span>i{display:block;height:30px;margin-top:-6px}.event-queue-lesson>span>i svg{height:30px}.event-queue-lesson>span>b{display:block;font-size:9px}.event-queue-lesson>strong{flex-basis:100%;font-size:11px}.event-queue-lesson>em{font-style:normal;color:#a58c5d}.event-delivery-ticket{display:flex;align-items:center;justify-content:center;gap:24px;height:66px}.event-parcel-picture{width:51px;height:48px}.event-parcel-picture svg{width:100%;height:100%}.event-drop-arrow{font:900 27px Georgia;color:#799057;transform:rotate(-90deg)}.event-box-picture,.lesson-drop-box{display:inline-block;position:relative;box-sizing:border-box;width:66px;height:35px;background:linear-gradient(#e7c082,#cea06a);border:2px solid #9e7448;border-radius:4px 4px 9px 9px;box-shadow:0 3px 0 #ab814741}.event-box-picture>b{font:800 9px Arial;color:#7b5733;display:block;margin-top:10px;letter-spacing:1px}.event-box-picture>i{position:absolute;top:-10px;left:-5px;right:-5px;height:12px;background:#f0d19b;border:2px solid #b58a54;transform:skew(-15deg);border-radius:3px}.event-delivery-lesson{height:127px;position:relative}.lesson-parcel{position:absolute;left:calc(50% - 23px);top:0;animation:event-delivery-demo 3s ease-in-out infinite;z-index:2}.lesson-toast-row{display:flex;gap:4px;position:absolute;top:47px;left:calc(50% - 46px);animation:event-toast-clear 3s ease-in-out infinite}.lesson-drop-box{position:absolute;top:81px;left:calc(50% - 34px);height:25px;font:800 8px/23px Arial}.event-delivery-lesson>b{position:absolute;bottom:0;left:0;right:0;font-size:11px}.event-preview .event-plates{max-width:300px;margin:auto}.event-preview .event-delivery-ticket{height:75px}.event-preview .event-guest{width:36px;height:36px}
.event-enter{animation:order-card-entry .55s cubic-bezier(.2,.8,.3,1) both}.event-impact{animation:order-card-heavy .45s ease-out}.event-finale{animation:order-card-grand .65s cubic-bezier(.2,.8,.3,1)}.event-slot-impact .event-food{animation:order-landing-heavy .48s ease-out}.event-slot-impact .event-plate{animation:order-plate-heavy .52s ease-out}.event-customer-cheer{animation:order-happy-hop .65s ease-out}.event-new-customer{animation:event-customer-slide .55s cubic-bezier(.2,.8,.3,1)}.event-ready{animation:order-ready-card .45s ease-out}.event-finale[data-event=pair] .event-place:first-child .event-plate{animation:event-plate-left .65s ease-out}.event-finale[data-event=pair] .event-place:last-child .event-plate{animation:event-plate-right .65s ease-out}.event-finale[data-event=brunch] .event-guest{animation:order-happy-hop .65s ease-out}.event-sparks{position:absolute;left:50%;top:65%;pointer-events:none;z-index:10}.event-sparks>i{position:absolute;font:900 16px Georgia;font-style:normal;color:#c49846;animation:event-spark .8s ease-out both}.event-sparks>i:nth-child(3n){color:#bd7967}.event-serving-flight{will-change:transform,opacity;animation-duration:640ms!important}
.event-help-panel .order-help-actions button{border:0;color:#fff9e7;background:linear-gradient(#899c6b,#657b4d);box-shadow:0 3px 0 #4e643b;cursor:pointer}.event-help-panel #eventHelpClose{background:#efdfba;color:#735b38;box-shadow:0 3px 0 #c1a675}.event-food>svg{opacity:.37}.is-served .event-food>svg{opacity:1}
@keyframes event-recipe-rise{0%,75%,100%{transform:none}30%{transform:translateY(-4px) scale(1.06)}}
@keyframes event-pair-hop{0%,50%,100%{transform:none}65%{transform:translateY(-5px) scale(1.12)}80%{transform:scale(1.08,.9)}}
@keyframes event-draw-line{0%,10%{transform:scaleX(0);opacity:1}50%,75%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes event-customer-slide{0%{transform:translateX(16px) scale(.9);opacity:.5}65%{transform:translateX(-3px) scale(1.03)}100%{transform:none;opacity:1}}
@keyframes event-plate-left{0%{transform:translateX(-14px)}35%{transform:translateX(7px) scale(1.08,.88)}65%{transform:translateY(-3px)}100%{transform:none}}
@keyframes event-plate-right{0%{transform:translateX(14px)}35%{transform:translateX(-7px) scale(1.08,.88)}65%{transform:translateY(-3px)}100%{transform:none}}
@keyframes event-spark{0%{opacity:0;transform:scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.4)}}
@keyframes event-delivery-demo{0%,24%{transform:none}55%,75%{transform:translateY(66px) scale(.7)}85%,100%{transform:translateY(66px) scale(.2);opacity:0}}
@keyframes event-toast-clear{0%,24%{transform:none;opacity:1}40%,100%{transform:scale(.4);opacity:0}}
@media(max-width:350px){.event-heading b{font-size:16px}.event-heading em{font-size:10px}.event-host{width:33px;height:33px;flex-basis:33px}.event-plates{gap:5px}.event-place>b{font-size:10px}.event-plates-brunch .event-food{width:33px;height:33px}.event-plates-brunch .event-place>small{font-size:8px}.event-make-lesson{gap:0 9px}.event-cue{font-size:12px}.event-plates-queue .event-place{padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.breakfast-event-card *,.event-lesson *,.event-enter,.event-impact,.event-finale,.event-new-customer,.event-ready{animation:none!important;transition:none!important}.event-sparks,.event-serving-flight{display:none!important}.event-cue.is-showing{opacity:1}.event-pair-lesson em{transform:none}.lesson-parcel{top:64px;transform:scale(.7)}.lesson-toast-row{opacity:.25}}

/* One small illustrated lesson replaces the plate while help is open. */
.breakfast-event-card.event-help-open{padding:7px 9px!important}
.customer-order-mode #board{scroll-margin-bottom:12px}
.event-help-open>.event-plates,.event-help-open>.event-delivery-ticket,.event-help-open>.event-progress{display:none}
.event-help-open .event-heading{min-height:38px;gap:6px}
.event-help-open .event-host{width:30px;height:30px;flex-basis:30px}
.event-help-open .event-heading b{font-size:16px}
.event-help-open .event-heading small{font-size:7px;line-height:1.35}
.event-help-open .event-heading em{display:none}
.event-help-open .event-help-panel{margin-top:2px;padding-top:4px}
.event-compact-lesson{display:flex;align-items:center;justify-content:center;gap:12px;height:54px;min-height:54px;padding:0 3px;overflow:hidden;box-sizing:border-box;text-align:left}
.event-lesson-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;width:auto;min-width:0;color:#755335;line-height:1.25;animation:none!important}
.event-lesson-copy>b{font:700 12px/1.25 Arial}
.event-lesson-copy>small{display:flex;align-items:center;gap:4px;font:10px/1.3 Arial;color:#8b704c}
.event-help-panel .order-help-actions{margin-top:4px;gap:7px}
.event-help-panel .order-help-actions button{min-height:44px;flex:1;max-width:150px;border-radius:10px;font-weight:700}
.event-help-panel #eventHelpClose{flex:0 1 88px;max-width:88px}
.event-help-panel #eventShowPath>span{display:inline-block;margin-left:4px;font-size:16px}
.event-help-panel #eventShowPath:focus-visible,.event-progress #eventQuickHint:focus-visible{outline:3px solid #566d3e;outline-offset:3px}
.event-help-panel #eventShowPath:active,.event-progress #eventQuickHint:active{transform:translateY(2px);box-shadow:0 1px 0 #4e643b}
.lesson-drop-demo{position:relative;display:block;width:80px;height:54px;flex:0 0 80px;background:radial-gradient(ellipse at 50% 93%,#bea46a27,transparent 65%)}
.event-compact-lesson .lesson-parcel{top:0;left:28px;width:26px;height:26px;animation:event-delivery-small 3s ease-in-out infinite}
.event-compact-lesson .lesson-parcel svg{width:26px;height:26px}
.event-compact-lesson .lesson-toast-row{top:22px;left:15px;gap:3px}
.event-compact-lesson .lesson-toast-row>i{width:12px;height:14px;border-width:1.5px;border-radius:4px 4px 3px 3px}
.event-compact-lesson .lesson-drop-box{top:37px;left:16px;width:49px;height:17px;border-width:1.5px;border-radius:2px 2px 5px 5px;font:800 6px/15px Arial}
.lesson-waffle-icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px}
.event-compact-lesson .lesson-waffle-icon svg{width:22px;height:22px}
.event-compact-lesson.event-pair-lesson>div{width:117px;min-width:117px;margin:0;gap:3px;flex:0 0 117px}
.event-compact-lesson.event-pair-lesson svg{width:37px;height:37px}
.event-compact-lesson.event-pair-lesson>div>i{width:13px;height:19px;border-width:1.5px;border-radius:5px 5px 3px 3px}
.event-compact-lesson.event-pair-lesson em{top:16px;height:4px}
.event-compact-lesson.event-queue-lesson{flex-wrap:nowrap}
.event-compact-lesson.event-queue-lesson>.event-lesson-copy{width:auto;flex:1;min-width:0;animation:none;text-align:left}
.event-compact-lesson.event-queue-lesson>.event-lesson-copy>b,.event-compact-lesson.event-queue-lesson>.event-lesson-copy>small{display:block;max-width:100%;white-space:normal;overflow-wrap:normal}
.lesson-queue-pair{display:flex;gap:5px;align-items:center;flex:0 0 98px;justify-content:center}
.lesson-queue-pair>span{position:relative;width:36px;animation:event-recipe-rise 2.8s calc(var(--event-step)*.3s) ease-in-out infinite;text-align:center}
.lesson-queue-pair>span>svg{width:28px;height:28px;display:block;margin:auto}
.lesson-queue-pair>span>i{display:block;width:27px;height:23px;margin:-12px auto 0;position:relative}
.lesson-queue-pair>span>i svg{width:27px;height:27px}
.lesson-queue-pair b{display:block;font:800 8px/1.2 Arial;letter-spacing:.4px;color:#75874f}
.lesson-queue-pair em{font-style:normal;color:#a58c5d;font-size:17px}
.event-compact-lesson.event-make-lesson{flex-direction:column;gap:1px;flex-wrap:nowrap}
.lesson-recipe-row{display:flex;align-items:center;justify-content:center;gap:10px}
.lesson-recipe-row>span{display:grid;grid-template-columns:auto 26px;column-gap:2px;align-items:center;animation:event-recipe-rise 2.8s calc(var(--event-step)*.18s) ease-in-out infinite}
.lesson-recipe-row i{font:800 11px Arial;font-style:normal;color:#7b5834;white-space:nowrap}
.lesson-recipe-row svg{width:26px;height:26px}
.lesson-recipe-row strong{grid-column:1/-1;text-align:center;font:700 9px/1.3 Arial;color:#967954}
.event-make-lesson .event-lesson-copy>b{font-size:10px;letter-spacing:.2px}
.event-plates-queue .event-queue-position{font:800 9px/1.5 Arial;letter-spacing:.7px;color:#97805b}
.event-plates-queue .is-current .event-queue-position{color:#5f783f}
.event-plates-queue .is-current:before{content:'';position:absolute;top:-4px;left:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:#839757;box-shadow:0 0 0 3px #fff4d5}
.event-delivery-stalled>.event-delivery-ticket{height:42px;gap:18px}
.event-delivery-stalled .event-parcel-picture{width:37px;height:36px}
.event-delivery-stalled .event-box-picture{transform:scale(.8)}
.event-delivery-stalled #eventInstruction{color:#6c7f46;font-weight:700}
.event-progress #eventQuickHint{margin:0 0 0 4px;padding:6px 10px;min-height:44px;min-width:85px;background:linear-gradient(#899c6b,#657b4d);color:#fff9e7;border:0;border-radius:9px;box-shadow:0 2px 0 #4e643b;font:700 11px/1.2 Arial;cursor:pointer}
.event-delivery-stalled .event-progress>span{max-width:75px;line-height:1.3;font-size:7px}
.event-route-ready #eventInstruction{animation:event-route-glow .7s ease-out;color:#607c3f;font-weight:700}
@keyframes event-delivery-small{0%,24%{transform:none;opacity:1}55%,75%{transform:translateY(27px) scale(.7);opacity:1}90%,100%{transform:translateY(33px) scale(.25);opacity:0}}
@keyframes event-route-glow{0%,100%{text-shadow:none}35%{text-shadow:0 0 9px #e4be55;transform:translateX(2px)}}
@media(max-width:350px){.event-compact-lesson{gap:7px;padding:0}.event-lesson-copy>b{font-size:11px}.event-lesson-copy>small{font-size:9px}.lesson-drop-demo{flex-basis:69px;width:69px}.event-compact-lesson.event-pair-lesson>div{flex-basis:105px;width:105px;min-width:105px}.event-compact-lesson.event-pair-lesson svg{width:32px;height:32px}.lesson-queue-pair{flex-basis:87px;gap:2px}.lesson-recipe-row{gap:5px}.lesson-recipe-row>span{grid-template-columns:auto 22px}.lesson-recipe-row svg{width:22px;height:24px}.lesson-recipe-row i{font-size:9px}.lesson-recipe-row strong{font-size:8px}}
@media(prefers-reduced-motion:reduce){.event-compact-lesson .lesson-parcel{animation:none;top:25px;transform:scale(.7);opacity:1}.lesson-recipe-row>span,.lesson-queue-pair>span,.event-route-ready #eventInstruction{animation:none}.event-compact-lesson .lesson-toast-row{opacity:.25}}