.customer-level-order{border:1.5px solid #bd955f;border-radius:15px;background:linear-gradient(120deg,#fff5d8,#f3e2bc);padding:8px 10px;margin:5px 0 4px;box-shadow:0 3px 0 #a77d4c28;overflow:visible}
.order-card-top{display:flex;align-items:center;gap:8px}.order-customer{position:relative;flex:0 0 44px;height:44px}.order-customer-face{width:100%;height:100%;display:block}.order-customer>i{position:absolute;right:-4px;top:0;font:700 14px Georgia;color:#c36b6d;opacity:0;pointer-events:none}.order-customer.is-delighted>i{animation:order-heart .85s ease-out both}.order-customer.is-delighted .order-customer-face{animation:order-nod .5s ease-out}
.order-customer-copy{flex:1;min-width:0}.order-customer-copy>small{display:block;color:#967749;font:700 8px/1.4 Arial;letter-spacing:1.3px}.order-customer-copy>b{display:block;font:700 17px/1.2 Georgia,serif;color:#6d4c32}.order-customer-copy>span{display:block;font:11px/1.4 Arial;color:#89704d;margin-top:2px}
.customer-level-order .order-help{flex:0 0 44px;min-height:44px;width:44px;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;color:#927447!important;font:700 16px Georgia;touch-action:manipulation}.order-help:focus-visible{outline:2px solid #6c814f;outline-offset:-3px;border-radius:50%}
.order-card-bottom{display:flex;align-items:center;gap:8px;margin:5px 0 0 51px;min-height:44px}.order-plate{display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 12px;background:#fff9e8;border:2px solid #e4d5b1;border-radius:50%;box-shadow:inset 0 0 0 2px #fbf0d7,0 2px 1px #a9875526;min-width:94px;height:43px;box-sizing:border-box}.order-food-slot{display:block;position:relative;width:31px;height:31px}.order-food-slot>svg{display:block;width:100%;height:100%;filter:sepia(1);opacity:.18;transition:opacity .2s}.order-food-slot.is-served>svg{filter:none;opacity:1}.order-food-slot>i{position:absolute;right:-5px;bottom:0;border-radius:50%;background:#748c55;color:#fff8de;font:800 9px/13px Arial;width:13px;height:13px;text-align:center;font-style:normal;opacity:0}.order-food-slot.is-served>i{opacity:1}.order-food-slot.just-served{animation:order-plop .35s ease-out}.order-served-count{font:800 17px Arial;color:#6f844c;font-variant-numeric:tabular-nums}
#orderHoney{margin-left:auto}.order-honey{display:grid;grid-template-columns:16px auto;column-gap:4px;align-items:center;color:#a16d27;font:11px Arial;text-align:right}.order-honey i,.order-preview-honey i{background:url('honey-patch.svg') center/contain no-repeat;width:17px;height:19px;display:inline-block;grid-row:span 2}.order-honey b{font-size:9px;font-weight:400}.order-honey>span{font-weight:700}.order-honey.is-done{color:#67824e}.order-honey.is-done i{opacity:.35}
.order-help-panel{margin-top:8px;padding-top:7px;border-top:1px solid #d8bb8c;animation:order-open .2s ease-out}.order-lesson{display:flex;align-items:center;justify-content:space-around;gap:5px;padding:2px 0}.order-lesson-step{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:3px}.order-lesson-step>b{font:700 9px/1.3 Arial;color:#785c3c;text-align:center;white-space:nowrap}.order-lesson-food{width:35px;height:35px}.order-lesson-food svg,.order-mini-match svg{display:block;width:100%;height:100%}.order-lesson-arrow{font-style:normal;color:#aa8957;font-size:17px}.order-mini-chain{display:grid;grid-template-columns:repeat(4,10px);gap:2px;align-content:center;height:35px}.order-mini-chain i,.order-mini-match>i{width:10px;height:12px;border:1.5px solid #ca6471;background:#ffefc4;border-radius:4px 4px 2px 2px;box-sizing:border-box}.order-mini-chain i{animation:order-trace 2.4s ease-in-out infinite;animation-delay:calc(var(--step)*.1s)}.order-mini-match{display:flex;gap:2px;align-items:center;height:35px}.order-mini-match>span{width:29px;height:29px;animation:order-serve-demo 2.4s ease-in-out infinite}.order-mini-match>i{border-color:#c8a433}.order-help-panel>p{font:10px/1.3 Arial!important;color:#987a52;text-align:center;margin:6px 0 0!important}.order-help-actions{display:flex;justify-content:center;gap:8px;margin-top:4px}.customer-level-order .order-help-actions button{min-height:44px;min-width:88px;margin:0!important;padding:7px 12px!important;border-radius:9px;font-size:12px}.customer-level-order #orderHelpClose{background:transparent!important;box-shadow:none!important;color:#6c7849!important}
.order-complete{border-color:#91a269;background:linear-gradient(120deg,#f4f4d7,#e4e8c4)}.customer-order-mode #bakeryProgress{display:none}.customer-order-mode .game #comboBanner,.customer-order-mode .game #comboBanner.chain-summary{height:68px;min-height:68px}.customer-order-mode #scoreProgress{accent-color:#829a59}
.order-serving-flight{position:fixed;z-index:60;width:34px;height:34px;pointer-events:none;animation:order-serve-flight .5s cubic-bezier(.2,.65,.35,1) both;filter:drop-shadow(0 3px 2px #7e582a35)}.order-serving-flight svg{display:block;width:100%;height:100%}
.ticket-goal>strong.ticket-order-name{font-size:28px;margin:14px 0 5px}.ticket-board-goals:has(.order-preview-customer){display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:13px}.order-preview-customer{height:52px;width:52px}.ticket-board-goals .order-plate{width:128px;height:57px}.ticket-board-goals .order-food-slot{width:40px;height:40px}.order-preview-honey{display:flex;align-items:center;justify-content:center;gap:6px;flex-basis:100%;font:600 12px Arial;color:#9a702f}.order-preview-hint{flex-basis:100%;font:11px/1.4 Arial;color:#866c48;text-align:center}
@keyframes order-serve-flight{0%{opacity:1;transform:translate(0,0) scale(1)}70%{opacity:1}100%{opacity:.3;transform:translate(var(--serve-x),var(--serve-y)) scale(.8)}}
@keyframes order-plop{0%,100%{transform:scale(1)}50%{transform:scale(1.2) rotate(-6deg)}}
@keyframes order-nod{0%,100%{transform:none}45%{transform:translateY(-3px) rotate(-6deg)}}
@keyframes order-heart{0%{opacity:0;transform:translateY(3px) scale(.6)}25%,65%{opacity:1}100%{opacity:0;transform:translateY(-10px) scale(1)}}
@keyframes order-trace{0%,12%,90%,100%{background:#ffefc4}30%,70%{background:#e89a9c}}
@keyframes order-serve-demo{0%,60%,100%{transform:none}75%{transform:translateY(-5px) scale(1.1)}}
@keyframes order-open{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:350px){.customer-level-order{padding:7px 8px}.order-card-bottom{margin-left:0;gap:6px}.order-customer-copy>b{font-size:16px}.order-customer-copy>span{font-size:10px}.order-lesson-step>b{font-size:8px}.order-lesson{gap:2px}}
@media(prefers-reduced-motion:reduce){.order-customer.is-delighted>i,.order-customer.is-delighted .order-customer-face,.order-food-slot.just-served,.order-mini-chain i,.order-mini-match>span,.order-help-panel,.order-serving-flight{animation:none}.order-food-slot>svg{transition:none}.order-customer.is-delighted>i{opacity:1}}
.customer-level-order #orderStartingPath{background:linear-gradient(#899e70,#617c4c)!important;color:#fff9e9!important;border:0!important;box-shadow:0 3px 0 #4d643e!important}.order-food-slot>svg{opacity:.28}.order-food-slot.is-served>svg{opacity:1}
.order-honey-lesson{display:flex;align-items:center;justify-content:center;gap:5px;margin:5px 0 2px;color:#947039;font:10px Arial}.order-honey-lesson>i{width:19px;height:20px;background:url(honey-patch.svg) center/contain no-repeat}.order-honey-lesson>b{font-size:11px}.order-plate .toast-outline{stroke:#b69152}.order-help-panel>p{max-width:230px;margin:5px auto!important}

/* Serving is the level's headline: a warm, weighty plate, with short impacts. */
.customer-level-order{position:relative;border:2px solid #b98d50;background:linear-gradient(125deg,#fff7dc 10%,#f4dda9);padding:8px 10px 6px;box-shadow:0 4px 0 #ad8046,0 6px 12px #8a642321;isolation:isolate}
.order-card-top{gap:9px}.order-customer{flex-basis:48px;height:48px;border-radius:50%;background:#e8d7af;box-shadow:inset 0 0 0 2px #cda977,0 2px 0 #c19a62}
.order-customer-copy>small{font-size:9px;letter-spacing:1.7px;color:#9b5b31;font-weight:900}.order-customer-copy>b{font-size:19px;color:#65462d}.order-customer-copy>span{font-size:11px;color:#7d603a}
.order-card-bottom{margin:5px 0 0 56px;gap:9px;min-height:48px}.order-plate{height:48px;min-width:111px;gap:8px;padding:4px 12px;border:3px solid #d8bd85;box-shadow:inset 0 0 0 2px #fffdf0,0 3px 0 #c1a377,0 5px 5px #7b4a3022;background:radial-gradient(ellipse,#fffdf0 50%,#ebdcbc 90%)}
.order-food-slot{width:35px;height:35px}.order-food-slot>svg{opacity:.34}.order-food-slot.is-served>svg{opacity:1}.order-food-slot>i{font-size:10px;width:15px;height:15px;line-height:15px;box-shadow:0 1px 2px #47612b55}
.order-count-wrap{display:flex;flex-direction:column;align-items:center;line-height:1}.order-served-count{font-size:23px;font-weight:900;color:#657c3d;display:block}.order-count-wrap>small{font:800 7px/1.5 Arial;letter-spacing:1px;color:#8c7046}
.order-stage-strip{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:7px;padding-top:5px;border-top:1px solid #cba87066;font:700 9px/1.2 Arial;color:#937448;min-height:17px}.order-stage-strip>span{display:flex;align-items:center;gap:4px}.order-stage-strip i{font-style:normal;display:inline-grid;place-items:center;min-width:15px;height:15px;background:#e6d0a0;border-radius:5px;color:#6c5131;font-size:9px}.order-stage-strip>span:first-child{color:#8d512e}.has-ready-waffle .order-stage-strip>span:nth-of-type(2){color:#4f742d}.has-ready-waffle .order-stage-strip>span:nth-of-type(2)>i{background:#72924f;color:#fff8dd}.order-complete .order-stage-strip>span:last-child{color:#4e742f}
.has-ready-waffle .order-customer-copy>span{color:#51742f;font-weight:700}.order-complete .order-customer-copy>span{color:#4e722e;font-weight:700}.order-complete{background:linear-gradient(125deg,#fff6d4,#e6e9bb);border-color:#8ba15e}
.order-honey{column-gap:3px;font-size:12px}.order-honey b{font-size:9px}.order-honey i{width:20px;height:24px}.order-honey.is-done i{opacity:.55}
.order-serving-flight{width:54px;height:54px;animation:order-flight-heavy 640ms cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--serve-delay,0ms);filter:drop-shadow(0 5px 3px #724c3850);will-change:transform,opacity;z-index:60}
.order-serving-flight svg{position:relative;z-index:1}.order-flight-trail{position:absolute;inset:9px;border-radius:50%;background:#f7d77399;box-shadow:0 0 0 7px #fff0a742,0 0 20px #ffd96777;transform:scale(1.1)}
.order-serve-cue{position:absolute;left:50%;bottom:30px;z-index:5;transform:translate(-50%,0);opacity:0;pointer-events:none;white-space:nowrap;border:2px solid #b88d47;border-radius:8px;padding:5px 10px;color:#704722;background:#fff1b7;box-shadow:0 3px 0 #bc9658,0 5px 9px #78542f30;font:900 13px/1.1 system-ui,sans-serif;letter-spacing:.3px}.order-serve-cue.is-finale{background:#769557;border-color:#4f713b;color:#fff9d7;box-shadow:0 3px 0 #456332,0 5px 9px #78542f30}
.order-serve-cue.is-showing{animation:order-ticket-stamp 800ms ease-out both}.order-impact-sparks{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:14px;pointer-events:none}.order-impact-sparks>i{position:absolute;left:50%;top:75%;font-style:normal;color:#be8744;font-size:14px;animation:order-spark-out 650ms ease-out both;animation-delay:var(--spark-delay)}.order-impact-sparks>i:nth-child(3n){color:#c27868}.order-impact-sparks>i:nth-child(3n + 1){color:#789254}
.order-customer.is-delighted .order-customer-face{animation:order-happy-hop 650ms cubic-bezier(.2,.7,.3,1) both;transform-origin:50% 90%}.order-customer.is-delighted>i{font-size:20px;right:-8px;animation:order-heart-heavy 1s ease-out both}
.order-food-slot.just-served{animation:order-landing-heavy 500ms cubic-bezier(.2,.8,.3,1)}.plate-impact{animation:order-plate-heavy 530ms ease-out}.count-impact{animation:order-count-heavy 550ms ease-out}.order-heavy-arrival{animation:order-card-heavy 440ms ease-out}.order-grand-arrival{animation:order-card-grand 650ms ease-out}.order-introduction{animation:order-card-entry 650ms cubic-bezier(.18,.8,.3,1) both}.order-ready-pop{animation:order-ready-card 600ms ease-out}
#board .order-ready-tag{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);z-index:5;border:1px solid #f8efd2;background:#648447;color:#fff9df;box-shadow:0 1px 2px #3c542f66;border-radius:3px;padding:1px 3px;font:900 clamp(5px,1.6vw,7px)/1 Arial;letter-spacing:.2px;pointer-events:none;white-space:nowrap}
#board .order-ready-waffle{overflow:visible}#board .order-ready-waffle>.order-ready-tag{animation:order-ready-tag 2.6s ease-in-out infinite}
.customer-order-mode .completion-exit{border:3px solid #c89c4f;background:radial-gradient(ellipse at top,#fff7ce,#efdaa6);box-shadow:0 5px 0 #98723e,0 8px 25px #5d402955;animation:order-win-stamp 650ms cubic-bezier(.2,.8,.3,1) both}
.customer-order-mode .completion-exit::before{content:'ORDER UP!';display:block;text-align:center;font:900 24px/1.1 Georgia,serif;letter-spacing:1px;color:#806033;margin:3px 0 10px;text-shadow:0 2px #fff9e3}.customer-order-mode .completion-stars{font-size:25px}.customer-order-mode .completion-check{background:#719348}
@keyframes order-flight-heavy{0%{opacity:0;transform:translate(0,0) scale(.7) rotate(-14deg)}14%{opacity:1;transform:translate(0,-15px) scale(1.22) rotate(8deg)}65%{opacity:1;transform:translate(calc(var(--serve-x)*.7),calc(var(--serve-y)*.7 - 30px)) scale(1.08) rotate(-12deg)}100%{opacity:.8;transform:translate(var(--serve-x),var(--serve-y)) scale(.67) rotate(0)}}
@keyframes order-landing-heavy{0%{transform:translateY(-9px) scale(1.25,.8)}28%{transform:translateY(3px) scale(1.2,.7) rotate(-6deg)}58%{transform:translateY(-5px) scale(.93,1.13) rotate(4deg)}100%{transform:none}}
@keyframes order-plate-heavy{0%,100%{transform:none}20%{transform:translateY(4px) scale(1.08,.86) rotate(-3deg)}48%{transform:translateY(-6px) scale(.98,1.06) rotate(2deg)}75%{transform:translateY(1px)}}
@keyframes order-count-heavy{0%,100%{transform:none}35%{transform:scale(1.42) rotate(-8deg)}65%{transform:scale(.95) rotate(3deg)}}
@keyframes order-card-heavy{0%,100%{transform:none}20%{transform:translateY(4px) rotate(-.7deg)}50%{transform:translateY(-3px) rotate(.6deg)}75%{transform:translateY(1px)}}
@keyframes order-card-grand{0%,100%{transform:none}17%{transform:translateY(5px) scale(1.015,.96)}40%{transform:translateY(-6px) scale(1.025,1.03) rotate(-.7deg)}68%{transform:translateY(2px) rotate(.4deg)}}
@keyframes order-card-entry{0%{opacity:0;transform:translateY(-12px) scale(.92) rotate(-2deg)}55%{opacity:1;transform:translateY(4px) scale(1.015) rotate(.5deg)}78%{transform:translateY(-2px)}100%{transform:none}}
@keyframes order-ready-card{0%,100%{transform:none}35%{transform:scale(1.015) translateY(-3px)}65%{transform:translateY(1px)}}
@keyframes order-happy-hop{0%,100%{transform:none}20%{transform:scale(1.1,.85) translateY(3px)}45%{transform:translateY(-8px) rotate(-8deg) scale(.95,1.08)}70%{transform:translateY(1px) rotate(5deg)}}
@keyframes order-heart-heavy{0%{opacity:0;transform:translateY(6px) scale(.3) rotate(-20deg)}30%,65%{opacity:1;transform:translateY(-8px) scale(1.3) rotate(8deg)}100%{opacity:0;transform:translateY(-21px) scale(.7)}}
@keyframes order-ticket-stamp{0%{opacity:0;transform:translate(-50%,8px) scale(.65) rotate(-7deg)}20%{opacity:1;transform:translate(-50%,-4px) scale(1.12) rotate(3deg)}38%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-12px) scale(.95)}}
@keyframes order-spark-out{0%{opacity:0;transform:scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(var(--spark-r)) scale(.5)}}
@keyframes order-ready-tag{0%,65%,100%{transform:translateX(-50%) scale(1)}78%{transform:translateX(-50%) translateY(-2px) scale(1.08)}}
@keyframes order-win-stamp{0%{opacity:0;transform:translate(-50%,-50%) scale(.75) rotate(-4deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.025) rotate(1deg)}75%{transform:translate(-50%,-50%) scale(.99) rotate(-.3deg)}100%{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:350px){.customer-level-order{padding:7px 8px 5px}.order-customer-copy>b{font-size:17px}.order-card-bottom{margin-left:0;gap:9px}.order-stage-strip{gap:7px;font-size:9px}.order-serve-cue{font-size:12px}.order-served-count{font-size:22px}.order-plate{min-width:110px}}
@media(prefers-reduced-motion:reduce){.order-introduction,.order-heavy-arrival,.order-grand-arrival,.order-ready-pop,.plate-impact,.count-impact,.order-food-slot.just-served,.order-customer.is-delighted .order-customer-face,.order-customer.is-delighted>i,#board .order-ready-waffle>.order-ready-tag,.customer-order-mode .completion-exit{animation:none!important}.order-impact-sparks,.order-flight-trail{display:none}.order-serve-cue.is-showing{animation:none;opacity:1;transform:translateX(-50%)}.order-customer.is-delighted>i{opacity:1}}