@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;900&display=swap";:root{font-family:Noto Sans SC,Microsoft Yahei,sans-serif;color:#fff1c7;background:#17121a;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#17121a}button{font:inherit;border:0;cursor:pointer}.game-shell{width:100vw;height:100vh;display:grid;place-items:center;background:#17121a}.scene{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);aspect-ratio:16/9;overflow:hidden;background:#2a1b20 url(../game-assets/scene-background.webp) center/cover no-repeat;isolation:isolate;image-rendering:auto}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:20;box-shadow:inset 0 0 60px #180d16aa,inset 0 -8px #351b24}.hud{position:absolute;z-index:30;left:2%;right:2%;top:2%;height:7%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand,.hud-stats{pointer-events:auto;background:#2d1825e8;border:2px solid #d8934f;border-radius:9px;box-shadow:0 4px #3c1f24;color:#ffe9ae}.brand{padding:.45em .9em;font-size:clamp(11px,1.1vw,20px);letter-spacing:1px}.brand b{font-size:1.05em}.hud-stats{display:flex;align-items:center;gap:.6em;padding:.35em .5em;font-size:clamp(10px,1vw,17px)}.hud-stats b{color:#ffd263;font-size:1.35em}.hud-stats b.debt{color:#ff8f8f}.hud-stats span{padding:.25em .55em;background:#4f2e35;border-radius:5px}.hud-stats button,.overlay button{padding:.35em .8em;background:#f1b65a;color:#4b2528;border-radius:6px;font-weight:900;box-shadow:0 3px #71352c}.station-label{position:relative;z-index:4;display:inline-block;padding:.25em .65em;background:#3b2029e8;border:2px solid #db9250;border-radius:6px;color:#ffe7a7;font-size:clamp(9px,.75vw,14px);font-weight:900;text-shadow:1px 1px #2b171d}.station-label small{font-size:.85em;color:#ffc76f}.customer-lane{position:absolute;z-index:11;left:28%;top:18%;width:45%;height:38%;display:flex;align-items:flex-end;justify-content:space-evenly;padding:1.6% 1% 0}.lane-sign{position:absolute;top:0;left:22%;right:22%;text-align:center;color:#ffe0a0;background:#542b32d9;border:2px solid #cd7e48;border-radius:4px;font-size:clamp(8px,.7vw,13px);padding:.2em;letter-spacing:1px}.customer-token{position:relative;width:31%;height:96%;min-width:100px;max-width:174px;display:flex;align-items:center;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .15s,transform .15s}.customer-token:hover,.customer-token.can-serve{filter:drop-shadow(0 0 9px #ffe178);transform:translateY(-4px)}.customer-token:focus-visible,.skin-choice:focus-visible,.filling-slot:focus-visible,.board-target:focus-visible,.oven-hotspot:focus-visible,.tray-cake:focus-visible{outline:3px solid #fff08e;outline-offset:3px}.order-bubble{position:absolute;z-index:4;top:0;right:-5%;min-width:85px;max-width:145px;padding:.35em .5em;background:#fff0bb;color:#4d292b;border:2px solid #552c2f;border-radius:7px;box-shadow:3px 3px #281b24;font-size:clamp(8px,.65vw,12px);line-height:1.25}.order-bubble:after{content:"";position:absolute;bottom:-7px;left:15px;border:5px solid transparent;border-top-color:#552c2f}.order-bubble strong,.order-bubble span{display:block}.order-bubble strong{color:#8b4935}.order-bubble .optional{font-size:.9em}.order-bubble small{display:block;margin-top:2px;color:#b14e35;font-weight:900}.customer-visual{width:100%;height:78%;margin-top:13%;display:grid;place-items:end center;position:relative}.customer-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 6px 0 #271a2655);pointer-events:none}.customer-pinch{position:absolute!important;inset:0}.customer-token.reaction-annoyed .customer-normal{opacity:0}.customer-token.reaction-eating .customer-normal{animation:eat-bob .32s ease-in-out infinite}.customer-token.reaction-happy .customer-normal{animation:happy-hop .75s ease}.customer-token.reaction-confused .customer-normal{animation:confused-shake .7s ease}.customer-token.reaction-sick .customer-normal{animation:sick-wobble .75s ease;filter:hue-rotate(60deg) drop-shadow(3px 6px 0 #271a2655)}.customer-token.reaction-panic .customer-normal{animation:panic-jump .8s ease}.customer-token.reaction-angry .customer-normal{animation:angry-shake .5s ease}.customer-token.reaction-escape,.customer-token.leaving{animation:run-left .9s ease forwards}.customer-token.roaming .customer-visual{animation:roam 2.4s ease-in-out infinite}.customer-name{position:absolute;bottom:7%;color:#fff2be;text-shadow:2px 2px #3f2427;font-size:clamp(10px,.9vw,16px)}.patience{position:absolute;bottom:1%;left:18%;right:18%;height:6px;background:#3b202b;border:1px solid #f2c478;border-radius:4px;overflow:hidden;box-shadow:0 1px #24161c}.patience i{display:block;height:100%;background:linear-gradient(90deg,#e54d42,#ffd968);transition:width .4s}.skin-station{position:absolute;z-index:12;left:2.4%;bottom:11%;width:23%;height:25%;padding-top:3.5%;display:flex;justify-content:space-around;align-items:flex-end}.skin-station .station-label{position:absolute;top:0;left:2%}.skin-choice{position:relative;width:31%;height:86%;padding:0;background:#f6deb29c;border:2px solid transparent;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#5b2d2d;transition:transform .15s,filter .15s}.skin-choice img{width:100%;height:74%;object-fit:contain;pointer-events:none}.skin-choice b{width:100%;background:#fff0bfe8;border-top:2px solid #a45b3d;padding:.25em 0;font-size:clamp(9px,.8vw,15px)}.skin-choice:hover,.skin-choice.active{border-color:#ffe171;filter:drop-shadow(0 0 8px #ffe171);transform:translateY(-5px)}.skin-choice.active{background:#fff0b9cc}.filling-station{position:absolute;z-index:12;left:25%;bottom:10%;width:26%;height:29%;padding-top:3.5%}.filling-station .station-label{position:absolute;top:0;left:0}.filling-slots{height:79%;display:grid;grid-template-columns:repeat(4,1fr);gap:3%;align-items:end}.filling-slot{position:relative;height:100%;min-width:0;padding:5% 2% 3%;background:#e3ae6fbb;border:2px solid transparent;border-radius:8px;color:#4f2929;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .15s,filter .15s}.filling-slot img{width:100%;height:68%;object-fit:contain}.filling-slot b{width:100%;font-size:clamp(7px,.58vw,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filling-slot em{position:absolute;right:2px;top:2px;font-size:clamp(6px,.5vw,9px);background:#754033;color:#ffe8a8;border-radius:3px;padding:1px 3px;font-style:normal}.filling-slot:hover:not(:disabled),.filling-slot.chosen{border-color:#ffe270;filter:drop-shadow(0 0 7px #ffe270);transform:translateY(-4px)}.filling-slot.empty{opacity:.4;border-style:dashed}.filling-slot span{font-size:clamp(8px,.6vw,12px)}.available-names{height:17%;display:flex;align-items:center;gap:3px;overflow:hidden;white-space:nowrap}.available-names span{color:#4e2d2b;background:#fff0b3ad;border-bottom:3px solid var(--fill);padding:1px 3px;font-size:clamp(6px,.45vw,9px);border-radius:2px}.mold-zone{position:absolute;z-index:12;left:53%;bottom:9%;width:23%;height:28%;padding-top:3.5%}.mold-zone .station-label{position:absolute;top:0;left:0}.board-target{position:relative;width:100%;height:92%;cursor:pointer;border:2px solid transparent;border-radius:9px}.board-target:hover,.board-target.has-cake{border-color:#ffe16e;filter:drop-shadow(0 0 9px #ffe16e)}.board-art{position:absolute;inset:12% 0 0;width:100%;height:88%;object-fit:contain}.mold-art{position:absolute;z-index:2;top:-2%;right:0;width:31%;height:37%;object-fit:contain;transition:transform .2s}.board-target:hover .mold-art{transform:rotate(-8deg) translateY(-5px)}.formed-cake{position:absolute;z-index:3;left:38%;top:37%;width:27%;height:28%;object-fit:contain;animation:formed-pulse .8s infinite alternate}.mold-hint{position:absolute;z-index:4;left:0;right:0;bottom:0;text-align:center;color:#5c302b;font-size:clamp(8px,.6vw,12px);font-weight:900;text-shadow:0 1px #fff0bd}.oven-hotspots{position:absolute;z-index:12;right:2.6%;top:48%;width:21%;height:24%;padding-top:3%}.oven-hotspots .station-label{position:absolute;top:0;left:29%}.oven-hotspot{position:absolute;top:20%;width:44%;height:75%;border:2px solid transparent;background:#ffbd4d0d;border-radius:10px;color:#fff3ad;font-size:clamp(13px,1.6vw,28px);text-shadow:2px 2px #5d2c2a}.oven-hotspot:hover,.oven-hotspot.working{border-color:#ffe16e;box-shadow:0 0 16px #ff8c35;background:#ff832233}.oven-hotspot i{position:absolute;left:12%;right:12%;bottom:9%;height:6px;background:#ffef89;border-radius:4px;box-shadow:0 0 8px #ff9238}.tray-zone{position:absolute;z-index:12;right:2.5%;bottom:9%;width:21%;height:23%;padding-top:3.5%}.tray-zone .station-label{position:absolute;top:0;left:28%}.tray-art{position:absolute;inset:16% 0 0;width:100%;height:84%;object-fit:contain}.tray-cakes{position:absolute;inset:28% 8% 4%;display:grid;grid-template-columns:repeat(4,1fr);gap:3%;align-items:center}.tray-cake{min-width:0;height:100%;padding:0;background:transparent;border:2px solid transparent;border-radius:50%;cursor:grab}.tray-cake img{width:100%;height:100%;object-fit:contain}.tray-cake:hover,.tray-cake.selected{border-color:#ffe16e;filter:drop-shadow(0 0 8px #ffe16e);transform:translateY(-4px)}.hands-layer{position:absolute;z-index:18;left:40%;bottom:1%;width:24%;height:38%;pointer-events:none;opacity:.2;transition:opacity .2s}.hands-layer.pinch,.hands-layer.feed,.hands-layer.mold{opacity:1}.hand{position:absolute;top:0;width:50%;height:100%;background-image:url(../game-assets/hands.webp);background-repeat:no-repeat;background-size:200% 100%;filter:drop-shadow(2px -2px 0 #5a302855);transition:transform .3s,opacity .3s}.hand.left{left:0;background-position:left center}.hand.right{right:0;background-position:right center}.hands-layer.pinch .hand.right,.hands-layer.feed .hand.left{opacity:0}.hands-layer.mold .hand{transform:translateY(-10%)}.effects{position:absolute;z-index:40;inset:0;pointer-events:none}.effect{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:clamp(15px,2vw,34px);color:#ffe279;text-shadow:3px 3px #5b2d2d,-1px -1px #5b2d2d;white-space:nowrap;animation:effect-pop 1s ease forwards}.effect img{display:block;width:60px;height:60px;object-fit:contain;margin:auto}.effect.ingredient-fly img{animation:fly-to-stock 1s ease forwards}.effect.heart{color:#ff7791;font-size:clamp(26px,3vw,52px);animation:heart-rise 1s ease forwards}.effect.coins{color:#ffe36b;font-size:clamp(17px,2vw,34px);animation:coin-fly 1.3s cubic-bezier(.2,.8,.2,1) forwards}.effect.alarm{color:#ff9a77;animation:alarm-pop .8s ease forwards}.effect.stamp{color:#fff0a2}.effect.crumbs{color:#fff4c6}.notice{position:absolute;z-index:45;left:50%;bottom:2.2%;transform:translate(-50%);max-width:64%;padding:.45em 1em;background:#321c27e8;border:2px solid #d99551;border-radius:7px;color:#ffeab6;font-size:clamp(9px,.8vw,15px);text-align:center;white-space:nowrap;box-shadow:0 3px #2a1720}.hotkey-hint{position:absolute;z-index:30;left:50%;top:10.5%;transform:translate(-50%);color:#ffe5aa;font-size:clamp(7px,.55vw,11px);opacity:.7}.overlay{position:absolute;z-index:80;inset:0;display:grid;place-items:center;background:#170e1bcc}.overlay>div{width:min(430px,75%);padding:2.5em;background:#462634;border:4px solid #f0b45d;border-radius:14px;text-align:center;box-shadow:0 8px #24151d;color:#ffecc2}.overlay h1{margin:.2em;font-size:clamp(22px,3vw,38px)}.overlay p{font-size:clamp(11px,1vw,16px)}.overlay button{margin-top:1em;padding:.6em 1.5em;font-size:1.1em}@keyframes roam{0%,to{transform:translate(-4px)}50%{transform:translate(8px)}}@keyframes eat-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(7px) rotate(-5deg) scale(1.04)}}@keyframes happy-hop{30%{transform:translateY(-18px) rotate(-7deg)}70%{transform:translateY(2px) rotate(5deg)}}@keyframes confused-shake{20%,60%{transform:translate(-8px) rotate(-6deg)}40%,80%{transform:translate(8px) rotate(6deg)}}@keyframes sick-wobble{25%{transform:rotate(-11deg) translateY(6px)}65%{transform:rotate(11deg)}}@keyframes panic-jump{25%{transform:translateY(-17px) rotate(9deg)}55%{transform:translateY(5px) rotate(-9deg)}}@keyframes angry-shake{25%,75%{transform:translate(-9px) rotate(-7deg)}50%{transform:translate(9px) rotate(7deg)}}@keyframes run-left{to{transform:translate(-210px) rotate(-10deg);opacity:0}}@keyframes formed-pulse{to{filter:drop-shadow(0 0 8px #ffe16e);transform:scale(1.06)}}@keyframes effect-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.5)}25%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-35px)}}@keyframes heart-rise{to{opacity:0;transform:translate(-50%,-100px) scale(1.4) rotate(12deg)}}@keyframes coin-fly{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(290%,-570%) scale(.8)}}@keyframes alarm-pop{50%{transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-30px) scale(.9)}}@keyframes fly-to-stock{0%{transform:scale(.5) translate(0);opacity:1}to{transform:scale(.22) translate(-100px,130px);opacity:0}}@media(max-aspect-ratio:4/3){.game-shell{overflow:auto;align-items:start}.scene{width:100vw;height:56.25vw;min-width:960px;min-height:540px;transform-origin:top left}.game-shell{width:100vw;height:auto;min-height:100vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.hud{top:1.5%;height:7.5%}.brand,.hud-stats{background:#2d1825d9;border-width:2px}.station-label{padding:.22em .62em;font-size:clamp(11px,.9vw,17px);border-radius:5px;box-shadow:0 2px #29171d}.customer-lane{left:23%;top:11%;width:53%;height:51%;padding:2.2% 1% 0;align-items:flex-end;justify-content:space-between}.lane-sign{top:0;left:28%;right:28%;font-size:clamp(10px,.86vw,16px);padding:.3em .55em}.customer-token{width:31%;min-width:170px;max-width:270px;height:96%}.customer-visual{height:82%;margin-top:12%}.customer-visual img{filter:drop-shadow(4px 8px 0 #271a2677)}.customer-token:hover,.customer-token.can-serve{filter:drop-shadow(0 0 13px #ffe178);transform:translateY(-7px) scale(1.025)}.order-bubble{right:-11%;min-width:154px;max-width:224px;padding:.42em .62em;border-width:3px;border-radius:7px;box-shadow:4px 4px #281b24;font-size:clamp(13px,1.05vw,20px);line-height:1.33}.order-bubble strong{font-size:1.05em}.order-bubble .optional{font-size:.94em}.order-bubble small{font-size:.9em;margin-top:4px}.customer-name{bottom:6%;font-size:clamp(13px,1.1vw,20px);text-shadow:2px 2px #3f2427}.patience{bottom:1%;left:12%;right:12%;height:9px;border-width:2px}.skin-station{left:17%;bottom:10%;width:20%;height:32%;padding:0;display:block}.skin-station>.station-label{left:2%;top:0}.skin-choice{position:absolute;width:35%;height:33%;padding:0;border:3px solid transparent;border-radius:50%;background:transparent;color:#fff3c0;justify-content:flex-end;text-shadow:2px 2px #3d2023,0 0 4px #3d2023;filter:none}.skin-choice:nth-of-type(2){left:47%;top:16%}.skin-choice:nth-of-type(3){left:8%;top:51%}.skin-choice:nth-of-type(4){left:55%;top:51%}.skin-choice b{position:absolute;left:50%;bottom:-18%;transform:translate(-50%);width:max-content;min-width:4.1em;padding:.16em .46em;border:2px solid #6c382d;border-radius:4px;background:#3b2029e8;color:#fff0bc;font-size:clamp(12px,.96vw,18px);line-height:1.15;white-space:nowrap}.skin-choice img{display:none}.skin-choice:hover,.skin-choice.active,.skin-choice.on-board{border-color:#ffe171;background:#fff1a91a;box-shadow:0 0 12px #ffe171,inset 0 0 9px #ffe171;filter:none;transform:none}.skin-choice:hover b,.skin-choice.active b{background:#6b352b;color:#fff6c7}.filling-station{left:39%;bottom:10%;width:22%;height:31%;padding:0}.filling-station>.station-label{top:0;left:20%}.filling-slots{position:absolute;inset:19% 5% 4%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3% 7%;align-items:stretch}.filling-slot{height:auto;padding:7% 6% 3%;border:3px solid transparent;border-radius:48%;background:transparent;justify-content:center;color:#4f2929;filter:none}.filling-slot img{width:88%;height:72%;object-fit:contain;filter:drop-shadow(2px 3px 0 #47242455)}.filling-slot b{position:absolute;left:50%;bottom:-11%;transform:translate(-50%);width:max-content;max-width:132%;overflow:visible;padding:.12em .35em;border:2px solid #6a392d;border-radius:4px;background:#3b2029e8;color:#fff0bc;font-size:clamp(10px,.78vw,15px);white-space:nowrap;line-height:1.1}.filling-slot em{right:-4%;top:1%;font-size:clamp(8px,.6vw,11px);border:1px solid #ffe39a}.filling-slot:hover:not(:disabled),.filling-slot.chosen{border-color:#ffe270;background:#fff0a91a;box-shadow:0 0 13px #ffe270,inset 0 0 9px #ffe270;filter:none;transform:none}.filling-slot.empty{opacity:.38;border-style:dashed;border-radius:48%;background:#43232822}.filling-slot.empty span{font-size:clamp(10px,.75vw,14px);color:#744138}.available-names{display:none}.mold-zone{left:61.5%;bottom:10%;width:20%;height:31%;padding:0}.mold-zone>.station-label{top:1%;left:33%}.board-target{position:absolute;inset:0;cursor:default;border:0;border-radius:0;filter:none}.board-target:hover,.board-target.has-cake{border:0;filter:none}.board-skin,.formed-cake{position:absolute;z-index:3;left:37%;top:47%;width:29%;height:29%;object-fit:contain}.board-skin{filter:drop-shadow(2px 3px 0 #552d2555);animation:board-arrive .28s ease-out}.board-fillings{position:absolute;z-index:4;left:39%;top:49%;width:25%;height:23%;display:flex;align-items:center;justify-content:center}.board-fillings img{position:absolute;width:78%;height:78%;object-fit:contain;filter:drop-shadow(1px 2px 0 #542a2155)}.board-fillings img:nth-child(2){width:58%;height:58%;transform:translate(28%,-10%)}.formed-cake{z-index:6;animation:formed-pulse .8s infinite alternate}.mold-button{position:absolute;z-index:8;left:10%;top:8%;width:38%;height:37%;padding:0;border:3px solid transparent;border-radius:10px;background:#fff0a905;cursor:pointer}.mold-button:hover,.board-target.has-filling .mold-button{border-color:#ffe16e;box-shadow:0 0 14px #ffe16e;background:#fff0a925}.mold-button:after{content:"盖章";position:absolute;left:50%;top:-23%;transform:translate(-50%);padding:.13em .42em;border:2px solid #69372c;border-radius:4px;background:#3b2029e8;color:#fff0bc;font-weight:900;font-size:clamp(11px,.82vw,15px);opacity:0;transition:opacity .15s}.mold-button:hover:after,.board-target.has-filling .mold-button:after{opacity:1}.mold-hint{z-index:10;left:4%;right:4%;bottom:0;padding:.2em .4em;border:2px solid #6c392d;border-radius:4px;background:#fff0bddd;color:#572d28;font-size:clamp(11px,.82vw,16px);text-shadow:none}.oven-hotspots{right:2.3%;top:51%;width:22%;height:22%;padding:0}.oven-hotspots>.station-label{top:-14%;left:31%}.oven-hotspot{top:4%;width:43%;height:86%;border:3px solid transparent;border-radius:8px;background:#ffbd4d00;font-size:clamp(13px,1.6vw,28px)}.oven-hotspot.oven-0{left:1%}.oven-hotspot.oven-1{right:1%}.oven-hotspot:hover,.oven-hotspot.working{border-color:#ffe16e;box-shadow:0 0 18px #ff8c35,inset 0 0 13px #ff8c3555;background:#ff832218}.oven-hotspot i{left:11%;right:11%;bottom:10%;height:7px}.tray-zone{right:2.2%;bottom:10%;width:19%;height:21%;padding:0}.tray-zone>.station-label{top:-15%;left:24%}.tray-cakes{inset:13% 8% 6%;gap:3%;grid-template-columns:repeat(4,1fr)}.tray-cake{border-width:3px}.tray-cake:hover,.tray-cake.selected{border-color:#ffe16e;filter:drop-shadow(0 0 9px #ffe16e);transform:translateY(-5px)}.hands-layer{left:39%;bottom:-2%;width:26%;height:42%;z-index:18}.effect{z-index:3}.effect.ingredient-fly{animation:ingredient-flight 1.02s cubic-bezier(.18,.74,.18,1) forwards}.effect.ingredient-fly img{width:clamp(48px,5vw,82px);height:clamp(48px,5vw,82px);animation:none;filter:drop-shadow(2px 3px 0 #48242199)}.effect.burst{color:#fff1a1;font-size:clamp(28px,3.5vw,56px);animation:burst-pop .72s ease forwards}.effect.bad-drop{color:#ffcf6d;font-size:clamp(14px,1.3vw,24px);animation:bad-drop-pop 1s ease forwards}.effect.crumbs{font-size:clamp(23px,2.7vw,44px);animation:crumb-fall 1s ease forwards}.notice{bottom:2%;max-width:70%;padding:.5em 1.1em;font-size:clamp(11px,.94vw,18px);border-width:2px}.hotkey-hint{display:none}@keyframes board-arrive{0%{opacity:0;transform:scale(.45) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ingredient-flight{0%{left:var(--start-x);top:var(--start-y);opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-18deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.16) rotate(8deg)}72%{opacity:1}to{left:50%;top:74%;opacity:0;transform:translate(-50%,-50%) scale(.32) rotate(360deg)}}@keyframes burst-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-15deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(30deg)}}@keyframes bad-drop-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.7)}30%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-38px) scale(.85)}}@keyframes crumb-fall{0%{opacity:0;transform:translate(-50%,-20px) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(-50%,58px) rotate(28deg) scale(1.2)}}.order-bubble{top:-5%}.customer-visual img.customer-food{position:absolute;z-index:9;width:36%;height:36%;right:5%;top:31%;object-fit:contain;filter:drop-shadow(2px 3px 0 #45231d99);animation:eat-food .22s ease-in-out infinite alternate}.customer-token.frog.failure{animation:frog-rocket .9s cubic-bezier(.25,.72,.3,1) forwards}.customer-token.cow.failure{animation:cow-collapse .9s ease forwards}.customer-token.frog.failure .customer-normal{filter:drop-shadow(4px 8px 0 #271a2677) drop-shadow(0 0 12px #fff1a1)}@keyframes eat-food{0%{transform:rotate(-9deg) translate(-2px,2px) scale(.94)}to{transform:rotate(8deg) translate(3px,-3px) scale(1.08)}}@keyframes frog-rocket{0%{opacity:1;transform:translate(0) rotate(0)}35%{transform:translate(-5px,-14px) rotate(-10deg)}to{opacity:0;transform:translate(95px,-235px) rotate(28deg) scale(.7)}}@keyframes cow-collapse{0%{opacity:1;transform:translate(0) rotate(0)}70%{opacity:1;transform:translate(-5px,22px) rotate(-52deg)}to{opacity:0;transform:translate(-22px,45px) rotate(-64deg)}}.skin-choice{border-color:#ffe17155}.filling-slot:not(:disabled){border-color:#ffe27055}.customer-token:not(.leaving) .customer-visual{filter:drop-shadow(0 0 2px #ffe17899)}.mold-button{border-color:#ffe16e55}.oven-hotspot.ready{border-color:#ffe16e;box-shadow:0 0 14px #ffe16e,inset 0 0 8px #ffe16e44;background:#fff0a914;animation:ready-pulse .8s ease-in-out infinite alternate}@keyframes ready-pulse{to{box-shadow:0 0 21px #ffe16e,inset 0 0 13px #ffe16e66}}.scene{--customers-left:23%;--customers-top:11%;--customers-width:53%;--customers-height:51%;--skins-left:0%;--skins-top:0%;--skins-width:100%;--skins-height:100%;--skin-hit-width:10%;--skin-hit-height:13%;--ice-left:22%;--ice-top:64%;--yolk-left:27%;--yolk-top:76.5%;--crisp-left:17.5%;--crisp-top:76.5%;--filling-left:38.5%;--filling-bottom:12.5%;--filling-width:23%;--filling-height:30%;--board-left:61.5%;--board-bottom:10%;--board-width:20%;--board-height:31%;--ovens-right:2.3%;--ovens-top:51%;--ovens-width:22%;--ovens-height:22%;--tray-right:2.2%;--tray-bottom:10%;--tray-width:19%;--tray-height:21%}.customer-lane{left:var(--customers-left);top:var(--customers-top);width:var(--customers-width);height:var(--customers-height)}.order-bubble{top:-23%;right:-14%;min-width:142px;max-width:198px;font-size:clamp(13px,.98vw,19px)}.skin-station{left:var(--skins-left);top:var(--skins-top);bottom:auto;width:var(--skins-width);height:var(--skins-height);pointer-events:none}.skin-station>.station-label{left:15%;top:65%}.skin-choice{width:var(--skin-hit-width);height:var(--skin-hit-height);pointer-events:auto}.skin-choice:nth-of-type(1){left:var(--ice-left);top:var(--ice-top)}.skin-choice:nth-of-type(2){left:var(--yolk-left);top:var(--yolk-top)}.skin-choice:nth-of-type(3){left:var(--crisp-left);top:var(--crisp-top)}.skin-choice b{bottom:-18%}.filling-station{left:var(--filling-left);bottom:var(--filling-bottom);width:var(--filling-width);height:var(--filling-height)}.filling-station>.station-label{top:104%;left:24%;white-space:nowrap}.mold-zone{left:var(--board-left);bottom:var(--board-bottom);width:var(--board-width);height:var(--board-height)}.mold-zone>.station-label{top:4%;left:36%}.board-skin,.formed-cake{left:27%;top:50%;width:46%;height:40%}.board-fillings{left:32%;top:55%;width:36%;height:29%}.board-fillings img{width:83%;height:83%}.board-fillings img:nth-child(2){width:62%;height:62%}.formed-cake{cursor:grab;filter:drop-shadow(0 0 11px #ffe16e);animation:formed-pulse .62s infinite alternate}.mold-button{left:5%;top:19%;width:52%;height:28%}.mold-button:after{content:none!important}.mold-hint{bottom:-2%;font-size:clamp(10px,.76vw,15px)}.oven-hotspots{right:var(--ovens-right);top:var(--ovens-top);width:var(--ovens-width);height:var(--ovens-height)}.tray-zone{right:var(--tray-right);bottom:var(--tray-bottom);width:var(--tray-width);height:var(--tray-height)}.oven-hotspot.exploding{animation:oven-explode .32s ease-in-out 3;background:#ff5a2738;border-color:#fff09a;box-shadow:0 0 32px #ff5d2f,inset 0 0 22px #fff19a}.oven-hotspot.exploding:after{content:"☁  ☁  ☁";position:absolute;z-index:8;left:50%;bottom:30%;width:180%;transform:translate(-50%);color:#e8d8c9;font-size:clamp(24px,3vw,48px);text-shadow:3px 4px #57342e;white-space:nowrap;animation:oven-smoke-burst 1.1s ease-out forwards}.effect.oven-blast{z-index:12;color:#fff1a0;font-size:clamp(38px,5vw,78px);animation:oven-blast-pop .72s cubic-bezier(.15,.75,.3,1) forwards}.effect.oven-smoke{z-index:11;color:#e8d8c9;font-size:clamp(28px,3.6vw,58px);animation:smoke-rise 1.15s ease-out forwards}.customer-token.reaction-happy .customer-normal{animation:happy-hop-big .9s cubic-bezier(.2,.8,.3,1)}.customer-token.reaction-confused .customer-normal{animation:confused-shake-big .86s ease}.customer-token.reaction-angry .customer-normal{animation:angry-shake-big .68s ease}.customer-token.reaction-sick .customer-normal,.customer-token.reaction-panic .customer-normal{animation:sick-wobble-big .9s ease}.customer-token.frog.failure{animation:frog-rocket-spiral 1.25s cubic-bezier(.16,.75,.25,1) forwards}.customer-token.frog.failure:before{content:"💨  💨  💨";position:absolute;z-index:12;left:20%;top:54%;font-size:clamp(20px,2.6vw,42px);animation:frog-trail 1.1s ease-out forwards;pointer-events:none}@keyframes oven-explode{0%,to{transform:scale(1) rotate(0)}18%{transform:scale(1.22,.76) rotate(-9deg)}43%{transform:scale(.78,1.28) rotate(10deg)}68%{transform:scale(1.16,.84) rotate(-6deg)}}@keyframes oven-smoke-burst{0%{opacity:0;transform:translate(-50%,24px) scale(.35)}22%{opacity:1;transform:translate(-50%,-16px) scale(1.18)}to{opacity:0;transform:translate(-50%,-120px) scale(1.65)}}@keyframes oven-blast-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.55) rotate(-12deg)}to{opacity:0;transform:translate(-50%,-90%) scale(.82) rotate(16deg)}}@keyframes smoke-rise{0%{opacity:0;transform:translate(-50%,18px) scale(.5)}24%{opacity:1}to{opacity:0;transform:translate(-50%,-125px) scale(1.5)}}@keyframes happy-hop-big{22%{transform:translateY(-44px) rotate(-15deg) scale(1.14)}48%{transform:translateY(9px) rotate(14deg) scale(.98)}73%{transform:translateY(-22px) rotate(-8deg)}}@keyframes confused-shake-big{18%,58%{transform:translate(-19px) rotate(-13deg)}38%,78%{transform:translate(19px) rotate(13deg)}}@keyframes angry-shake-big{20%,60%{transform:translate(-22px) rotate(-13deg) scale(1.08)}40%,80%{transform:translate(22px) rotate(13deg) scale(1.08)}}@keyframes sick-wobble-big{20%{transform:translate(-12px,18px) rotate(-22deg) scale(1.12)}58%{transform:translate(16px,-8px) rotate(24deg) scale(.9)}82%{transform:translate(-8px,15px) rotate(-14deg)}}@keyframes frog-rocket-spiral{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}18%{transform:translate(-18px,-20px) rotate(-140deg) scale(1.18)}43%{transform:translate(60px,-100px) rotate(300deg) scale(1.1)}68%{transform:translate(130px,-250px) rotate(700deg) scale(.82)}to{opacity:0;transform:translate(220px,-520px) rotate(1260deg) scale(.28)}}@keyframes frog-trail{0%{opacity:0;transform:translateY(10px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-85px,105px) scale(1.7)}}button.formed-cake{padding:0;border:0;background:transparent;touch-action:none}button.formed-cake img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}button.formed-cake.dragging{position:fixed!important;z-index:70!important;width:clamp(104px,11vw,176px);height:clamp(104px,11vw,176px);margin:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.1);animation:none;filter:drop-shadow(0 0 16px #fff3a3) drop-shadow(4px 7px 0 #40201d99)}.tray-cakes{inset:10% 16% 7%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1% 4%}.tray-cake{touch-action:none;border:3px solid transparent;background:transparent;filter:drop-shadow(1px 3px 0 #43221e77)}.tray-cake img{width:100%;height:100%;object-fit:contain;pointer-events:none}.tray-cake.dragging{position:fixed!important;z-index:75!important;width:clamp(108px,12vw,190px);height:clamp(108px,12vw,190px);margin:0;pointer-events:none;transform:translate(-50%,-50%) rotate(7deg) scale(1.08);filter:drop-shadow(0 0 16px #fff3a3) drop-shadow(5px 8px 0 #40201d99)}.order-bubble strong,.order-bubble span{display:inline}.order-bubble strong{margin-right:.08em}.order-bubble .optional{margin-left:.04em}.order-bubble .cake-word{color:#7a4033}.order-bubble small{display:block;margin-top:.2em}.effect.cream-spray{z-index:14;animation:cream-spray 1.65s cubic-bezier(.22,.7,.35,1) forwards}.effect.cream-spray img{width:clamp(42px,4.4vw,72px);height:clamp(42px,4.4vw,72px);filter:drop-shadow(2px 3px 0 #8c4d2077) saturate(1.4);animation:none}.effect.dog-roar{z-index:15;color:#fff0a3;font-size:clamp(28px,4vw,68px);animation:dog-roar-pop .9s ease-out forwards}.customer-token.bun.roaming,.customer-token.banana.roaming{animation:customer-scatter 2.25s ease-in-out infinite}.customer-token.dog.rage-1 .customer-normal{filter:sepia(.9) saturate(2.2) hue-rotate(312deg) brightness(1.04)}.customer-token.dog.rage-2 .customer-normal{filter:sepia(1) saturate(3.4) hue-rotate(312deg) brightness(1.09)}.customer-token.dog.rage-3 .customer-normal{filter:sepia(1) saturate(5.2) hue-rotate(312deg) brightness(1.14) drop-shadow(0 0 11px #ff4d35);animation:dog-rage-pulse .34s ease-in-out infinite alternate}.customer-token.dog.rage-3:after{content:"怒气满！";position:absolute;z-index:10;top:30%;left:50%;transform:translate(-50%);padding:.14em .36em;border:2px solid #7d241f;background:#ffc15d;color:#70221f;font-size:clamp(10px,.75vw,15px);font-weight:900;white-space:nowrap;animation:dog-rage-label .45s ease-in-out infinite alternate}.customer-token.reaction-roar .customer-normal{animation:dog-roar-shake .72s ease}.customer-token.frog.failure{animation:frog-rocket-spiral 1.7s cubic-bezier(.2,.72,.3,1) forwards}@keyframes cream-spray{0%{opacity:0;transform:translate(-50%,-8px) rotate(-24deg) scale(.35)}18%{opacity:1;transform:translate(-50%,4px) rotate(12deg) scale(1.1)}52%{opacity:1;transform:translate(-76%,75px) rotate(116deg) scale(.86)}to{opacity:0;transform:translate(-132%,160px) rotate(218deg) scale(.38)}}@keyframes dog-roar-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.35)}25%{opacity:1;transform:translate(-50%,-4px) scale(1.3)}to{opacity:0;transform:translate(-50%,-72px) scale(.92)}}@keyframes customer-scatter{0%,to{transform:translate(0) rotate(0)}18%{transform:translate(28px,-13px) rotate(6deg)}42%{transform:translate(-35px,9px) rotate(-7deg)}65%{transform:translate(38px,4px) rotate(8deg)}82%{transform:translate(-18px,-16px) rotate(-4deg)}}@keyframes dog-rage-pulse{to{transform:scale(1.1) rotate(-3deg);filter:sepia(1) saturate(6.5) hue-rotate(312deg) brightness(1.28) drop-shadow(0 0 19px #ff392d)}}@keyframes dog-rage-label{to{transform:translate(-50%) translateY(-8px) scale(1.12)}}@keyframes dog-roar-shake{15%,55%{transform:translate(-24px) scale(1.15) rotate(-8deg)}35%,75%{transform:translate(24px) scale(1.15) rotate(8deg)}}@keyframes frog-rocket-spiral{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}18%{transform:translate(-10px,-42px) rotate(-18deg) scale(1.08)}44%{transform:translate(24px,-150px) rotate(35deg) scale(1.05)}72%{transform:translate(52px,-340px) rotate(76deg) scale(.88)}to{opacity:0;transform:translate(78px,-570px) rotate(126deg) scale(.5)}}.filling-slot.flash{animation:stock-flash .62s ease-out;border-color:#fff7b0!important;box-shadow:0 0 24px #fff1a6,inset 0 0 17px #fff5b5!important}@keyframes stock-flash{0%{transform:scale(.74);filter:brightness(2.8)}40%{transform:scale(1.2);filter:brightness(1.7)}to{transform:scale(1);filter:brightness(1)}}.customer-token.banana .customer-normal{width:122%;height:122%}.customer-token.bun .customer-normal{width:98%;height:98%}.customer-token.cat .customer-normal{width:106%;height:106%}.customer-token.chicken .customer-normal{width:84%;height:84%}.customer-token.cow .customer-normal{width:114%;height:114%}.customer-token.dog .customer-normal{width:88%;height:88%}.customer-token.doro .customer-normal{width:98%;height:98%}.customer-token.frog .customer-normal{width:118%;height:118%}.customer-token.kangaroo .customer-normal{width:108%;height:108%}.effect.cream-spray{animation:cream-spray-heavy 1.85s cubic-bezier(.16,.72,.3,1) forwards}.effect.cream-spray img{width:clamp(48px,5vw,82px);height:clamp(48px,5vw,82px);filter:drop-shadow(2px 3px 0 #8c4d2077) saturate(1.7) brightness(1.12)}@keyframes cream-spray-heavy{0%{opacity:0;transform:translate(-50%,8px) rotate(-20deg) scale(.28)}10%{opacity:1;transform:translate(-50%,-8px) rotate(14deg) scale(1.26)}36%{opacity:1;transform:translate(calc(-50% + 25px),48px) rotate(115deg) scale(.95)}72%{opacity:1;transform:translate(calc(-50% - 50px),132px) rotate(238deg) scale(.75)}to{opacity:0;transform:translate(calc(-50% - 95px),220px) rotate(358deg) scale(.32)}}.menu-scene{display:grid;place-items:center;background-position:center}.menu-panel,.rank-panel{position:relative;z-index:60;width:min(560px,82%);padding:clamp(24px,4vw,58px);border:4px solid #f2bd68;border-radius:18px;background:#351d2bef;box-shadow:0 10px #1d1018,0 0 44px #ffb84b55;text-align:center;color:#ffeac0}.menu-kicker{color:#ffd36e;font-weight:900;letter-spacing:4px;font-size:clamp(12px,1.1vw,18px)}.menu-panel h1,.rank-panel h1{margin:.18em 0 .28em;color:#fff1aa;font-size:clamp(34px,5vw,72px);text-shadow:4px 4px #6c3028}.menu-panel p{margin:0 auto 1.5em;max-width:34em;font-size:clamp(13px,1.2vw,20px);color:#ffdca2}.menu-panel button,.rank-panel button{display:block;width:min(290px,100%);margin:.7em auto;padding:.62em 1em;border:3px solid #ffdc7e;border-radius:9px;background:#8d4335;color:#fff2bd;font-weight:900;font-size:clamp(15px,1.25vw,22px);box-shadow:0 4px #4d252a;transition:transform .12s,filter .12s}.menu-panel button:hover,.rank-panel button:hover{transform:translateY(-3px);filter:brightness(1.18)}.rank-panel h1{font-size:clamp(25px,3.4vw,48px)}.rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:1em;text-align:left}.rank-columns>div{padding:1em;border:2px solid #a85a43;border-radius:10px;background:#251720aa;min-width:0}.rank-columns h2{margin:.1em 0 .8em;color:#ffd66e;font-size:clamp(13px,1vw,17px);line-height:1.3}.rank-list{max-height:min(42vh,360px);overflow-y:auto;padding-right:.35em;scrollbar-width:thin;scrollbar-color:#d8934f #3a2029}.rank-list::-webkit-scrollbar{width:8px}.rank-list::-webkit-scrollbar-track{background:#3a2029;border-radius:8px}.rank-list::-webkit-scrollbar-thumb{background:#d8934f;border-radius:8px}.rank-columns p{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4em;margin:.5em 0;color:#ffe8ba;font-size:clamp(12px,1vw,16px)}.rank-columns p b{color:#ffb95c}.rank-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-columns small{color:#dba476;white-space:nowrap}.rank-empty{color:#a77a69!important;font-size:.9em!important}.order-bubble{background:#fff2b9;color:#3f2027;border-color:#301820;box-shadow:3px 3px #1e1118,0 0 0 2px #ffce6b55}.order-bubble span{font-weight:1000;text-shadow:1px 1px 0 #fff8d8,-1px -1px 0 #fff8d8,1px -1px 0 #fff8d8,-1px 1px 0 #fff8d8}.order-bubble strong,.order-bubble .cake-word{color:#6b2b2b;text-shadow:none}.order-bubble small{color:#7b322e;text-shadow:none}.skin-choice{box-shadow:0 0 0 3px #ffd97055,0 0 12px #ffd97044}.skin-choice:hover,.skin-choice.active,.skin-choice.on-board{box-shadow:0 0 0 4px #ffe171,0 0 16px #ffe171}.notice{inset:11% auto auto 2%;transform:none;max-width:22%;white-space:normal;line-height:1.3;text-align:left}.bonus-rainbow{position:absolute;z-index:36;inset:0;pointer-events:none;border:9px solid #ff5f6d66;box-shadow:inset 0 0 0 8px #ffca5f55,inset 0 0 0 16px #fff36a44,inset 0 0 0 24px #75e68b44,inset 0 0 0 32px #62c9ff44,inset 0 0 0 40px #9e7dff44;animation:rainbow-throb .72s ease-in-out infinite alternate}.bonus-rainbow i{position:absolute;top:7%;left:22%;right:22%;height:9px;border-radius:9px;background:#ffe879;box-shadow:0 0 16px #fff0a3;transition:width .3s}.streak{color:#ffe56f!important}.bonus-clock{color:#ff9e72!important;animation:bonus-blink .45s ease-in-out infinite alternate}.effect.bonus-start{z-index:48;color:#fff2a0;font-size:clamp(30px,5vw,76px);animation:bonus-pop 1.35s cubic-bezier(.15,.8,.25,1) forwards;text-shadow:4px 4px #a63f51,0 0 18px #fff09a}.effect.heart{font-size:clamp(42px,5.5vw,96px)}.customer-token.frog.failure{animation:frog-rocket-accelerate 1.8s cubic-bezier(.16,.7,.18,1) forwards}.customer-token.frog.failure .customer-normal{opacity:1}@keyframes frog-rocket-accelerate{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}28%{opacity:1;transform:translate(-8px,-24px) rotate(-8deg) scale(1.08)}52%{opacity:1;transform:translate(8px,-108px) rotate(16deg) scale(1.02)}72%{opacity:1;transform:translate(38px,-235px) rotate(32deg) scale(.88)}88%{opacity:1;transform:translate(80px,-420px) rotate(50deg) scale(.7)}99%{opacity:1;transform:translate(132px,-650px) rotate(78deg) scale(.56)}to{opacity:0;transform:translate(143px,-690px) rotate(82deg) scale(.54)}}@keyframes rainbow-throb{to{border-color:#ff9a9aaa;box-shadow:inset 0 0 0 8px #ffd78988,inset 0 0 0 16px #fff69b66,inset 0 0 0 24px #9af3a066,inset 0 0 0 32px #8edcff66,inset 0 0 0 40px #ba9dff66}}@keyframes bonus-blink{to{filter:brightness(1.7);transform:scale(1.04)}}@keyframes bonus-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-10deg)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(8deg)}to{opacity:0;transform:translate(-50%,-135%) scale(.9) rotate(-4deg)}}.drag-ghost{position:fixed;z-index:75;width:clamp(108px,12vw,190px);height:clamp(108px,12vw,190px);pointer-events:none;transform:translate(-50%,-50%) rotate(7deg) scale(1.08);filter:drop-shadow(0 0 16px #fff3a3) drop-shadow(5px 8px 0 #40201d99)}.drag-ghost img{display:block;width:100%;height:100%;object-fit:contain}.raw-ghost{transform:translate(-50%,-50%) scale(1.1)}.notice{pointer-events:none}.bgm-toggle{white-space:nowrap}.menu-bgm{position:absolute;z-index:70;top:2%;right:2%;padding:.45em .75em;border:2px solid #f2bd68;border-radius:7px;background:#3b2029e8;color:#ffe8ad;font-weight:900;box-shadow:0 3px #26151c}.bgm-toggle:hover{filter:brightness(1.2)}.tray-zone>.station-label{top:104%;left:22%;white-space:nowrap}.customer-tip{position:absolute;z-index:8;top:24%;left:50%;transform:translate(-50%);width:max-content;max-width:144%;padding:.17em .43em;border:2px solid #5a2b2b;border-radius:5px;background:#ffe07bd9;color:#57272b;font-weight:1000;font-size:clamp(9px,.67vw,13px);line-height:1.1;white-space:nowrap;box-shadow:2px 2px #352025;text-shadow:0 1px #fff6c9}.customer-token.dog .customer-tip{background:#ffd36e}.customer-token.chicken .customer-tip{background:#ffb96c}.start-countdown{position:absolute;z-index:90;inset:0;display:grid;place-items:center;background:#1b102442;color:#fff4a8;font-size:clamp(90px,17vw,260px);font-weight:1000;text-shadow:8px 8px #612b31,0 0 26px #ffdc72;pointer-events:auto;animation:countdown-pop .78s cubic-bezier(.14,.8,.25,1)}.start-countdown:after{content:"准备营业";position:absolute;top:65%;font-size:clamp(14px,1.4vw,26px);letter-spacing:4px;color:#fff2c2;text-shadow:2px 2px #54262b}.start-countdown:has(+*){pointer-events:auto}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}28%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.overlay button.secondary{margin-left:.6em;background:#d8834e;color:#fff4c4}.hud-stats button:first-of-type{background:#d8834e;color:#fff4c4}.overlay{pointer-events:auto}.effect.bonus-cake{z-index:52;width:clamp(70px,8vw,130px);height:clamp(70px,8vw,130px);animation:bonus-cake-flight .92s cubic-bezier(.18,.78,.22,1) forwards}.effect.bonus-cake img{width:100%;height:100%;filter:drop-shadow(0 0 13px #fff3a3) drop-shadow(4px 5px 0 #3f211d99);animation:bonus-cake-spin .92s ease-out forwards}.effect.dog-wave{z-index:16;color:#b9eaff;font-size:clamp(28px,4vw,74px);letter-spacing:-.18em;animation:dog-wave-pop 1s ease-out forwards;text-shadow:3px 3px #234f68,0 0 14px #8ee7ff}.effect.nag{z-index:20;color:#fff3b1;font-size:clamp(16px,2vw,30px);animation:nag-pop 1.05s ease-out forwards}.nag-bubble{position:absolute;z-index:61;top:3%;left:50%;transform:translate(-50%);padding:.18em .48em;border:3px solid #6d2528;border-radius:8px;background:#fff2a6;color:#7d2428;font-size:clamp(13px,1.1vw,22px);font-weight:1000;white-space:nowrap;box-shadow:3px 3px #32171f;animation:none!important;pointer-events:none}.customer-token.reaction-nag .customer-normal{animation:nag-shake .7s ease-in-out}@keyframes bonus-cake-flight{0%{left:var(--start-x);top:var(--start-y);opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-15deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(8deg)}to{left:var(--target-x);top:var(--target-y);opacity:1;transform:translate(-50%,-50%) scale(.7) rotate(10deg)}}@keyframes bonus-cake-spin{to{transform:rotate(360deg)}}@keyframes dog-wave-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}@keyframes nag-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.65)}25%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-42px) scale(.92)}}@keyframes nag-bubble{to{transform:translate(-50%) translateY(-5px) rotate(-2deg)}}.guidance-arrows{position:absolute;z-index:14;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.guidance-arrows line{fill:none;stroke:#ffe878;stroke-width:.5;stroke-linecap:round;stroke-dasharray:1.8 1.25;opacity:.46;filter:drop-shadow(0 0 1px #5d2828);animation:guidance-dash .72s linear infinite}.guidance-arrows marker path{fill:#ffe878;opacity:.46;filter:drop-shadow(0 0 1px #5d2828)}@keyframes guidance-dash{to{stroke-dashoffset:-6.1}}.overlay .recover-button{display:block;margin:.8em auto 0;background:#c95e4f;color:#fff4c4;font-size:.9em}@keyframes nag-shake{20%,60%{transform:translate(-12px) rotate(-7deg)}40%,80%{transform:translate(12px) rotate(7deg)}}.customer-lane{z-index:34}.customer-lane .customer-token .order-bubble{top:-14%;left:50%;right:auto;z-index:60;transform:translate(-50%)!important;max-width:205px;animation:none!important;white-space:nowrap;pointer-events:none}.customer-lane .customer-token.reaction-nag .order-bubble,.customer-lane .customer-token.reaction-angry .order-bubble,.customer-lane .customer-token.reaction-roar .order-bubble,.customer-lane .customer-token.reaction-panic .order-bubble{transform:translate(-50%)!important}.rank-user{color:#ffe8ba}.rank-controls{display:flex;justify-content:center;gap:12px;flex-shrink:0}.rank-panel .rank-controls button{width:auto;margin:.3em 0;font-size:14px;padding:.4em .8em}.rank-panel>p{font-size:13px;margin:.4em 0 .8em;flex-shrink:0}.score-sync{font-size:13px;margin:.5em 0}.score-sync small{display:block}.settlement .score-sync button{font-size:13px;padding:.3em .7em;margin:.4em 0}.settlement>.settlement-card{max-height:94%;overflow-y:auto}.game-shell:has(.menu-scene){width:100%;height:100dvh;min-height:0;overflow:hidden;align-items:center}.scene.menu-scene{width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);min-width:0;min-height:0;container-type:size}.menu-scene>.menu-panel:not(.instructions-panel){width:min(560px,86%);max-height:94%;padding:clamp(8px,3cqh,28px);display:flex;flex-direction:column;align-items:center;overflow-y:auto;gap:1.4cqh}.menu-scene>.menu-panel:not(.instructions-panel) h1{font-size:clamp(20px,8cqh,58px);line-height:1.15;margin:0}.menu-scene>.menu-panel:not(.instructions-panel) p{font-size:clamp(10px,2.6cqh,17px);line-height:1.3;margin:0 0 1cqh}.menu-scene>.menu-panel:not(.instructions-panel)>button{flex-shrink:0;font-size:clamp(11px,3cqh,21px);line-height:1.2;padding:1.5cqh 1em;margin:0;min-height:0}.reward-video-link{display:block;color:#ffdc7e;margin:.6em 0;font-size:14px;text-decoration:underline}.overlay.engagement-offer>.engagement-card{max-height:94%;overflow-y:auto;padding:clamp(12px,2vh,26px)}.rank-panel{width:min(1100px,94%);max-height:94%;padding:clamp(16px,2vw,30px);display:flex;flex-direction:column;overflow:hidden}.rank-panel h1,.rank-panel>button{flex-shrink:0}.rank-columns{min-height:0;overflow:hidden}.rank-columns>div{display:flex;flex-direction:column;min-height:0}.rank-columns h2{flex-shrink:0}.rank-list{min-height:0;overscroll-behavior:contain}.rank-columns .rank-user{white-space:normal;overflow-wrap:anywhere;overflow:visible}.customer-token.reaction-shake .customer-normal{animation:chicken-pinch-shake .7s ease-in-out}@keyframes chicken-pinch-shake{20%,60%{transform:translate(-16px) rotate(-7deg)}40%,80%{transform:translate(16px) rotate(7deg)}}.effect.coin-flight{animation:payment-flight 1.5s cubic-bezier(.25,.7,.35,1) forwards;z-index:25}.effect.coin-flight img{width:clamp(26px,3.3vw,54px);height:clamp(26px,3.3vw,54px);filter:drop-shadow(0 0 7px #ffe278);animation:coin-tumble .35s linear infinite}@keyframes payment-flight{0%{opacity:0;left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;top:calc(var(--start-y) - 8%);transform:translate(-50%,-50%) scale(1.15)}35%{left:var(--start-x);top:calc(var(--start-y) - 10%);opacity:1}90%{left:var(--target-x);top:var(--target-y);opacity:1;transform:translate(-50%,-50%) scale(.55)}to{left:var(--target-x);top:var(--target-y);opacity:0;transform:translate(-50%,-50%) scale(.15)}}@keyframes coin-tumble{50%{transform:scaleX(.3) rotate(12deg)}}.overlay.settlement{background:radial-gradient(ellipse at center,#934124b8,#260d18eb)}.overlay.settlement>.settlement-card{position:relative;z-index:1;width:min(680px,75%);padding:clamp(15px,2vw,30px);border:4px solid #ffdb74;border-radius:24px;background:linear-gradient(145deg,#973837,#642630);box-shadow:0 10px #351522,0 0 70px #ffbc4d55;animation:settlement-arrive .5s ease-out}.settlement-kicker{letter-spacing:3px;color:#ffe3a0;font-weight:900}.settlement h1{color:#fff5cc;text-shadow:3px 3px #61282e;font-size:clamp(23px,3vw,42px)}.settlement .settlement-subtitle{margin:.4em 0;color:#ffd899}.settlement-earnings{margin:1em 0;padding:.6em;border-radius:16px;background:#481e2c8c;box-shadow:inset 0 0 25px #ffc66018}.settlement-earnings>span{font-weight:900;letter-spacing:3px;color:#ffe8ad}.settlement-earnings>div{display:flex;align-items:center;justify-content:center;gap:12px}.settlement-earnings img{width:clamp(48px,6vw,86px);height:clamp(48px,6vw,86px);object-fit:contain;filter:drop-shadow(0 0 13px #ffbf5288)}.settlement-earnings strong{font-size:clamp(52px,7vw,100px);line-height:1.3;color:#ffe778;text-shadow:0 4px #a15325,0 0 25px #ffd35b55;font-variant-numeric:tabular-nums}.settlement-earnings small{color:#f2cda8}.settlement-stats{display:flex;justify-content:center;gap:8%;color:#ffdcb1;font-size:clamp(11px,1.1vw,17px)}.settlement-stats b{display:block;font-size:1.65em;color:#fff3c0}.settlement-actions button{margin:1em .3em 0}.overlay.settlement>.settlement-confetti{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden;pointer-events:none;z-index:2}.settlement-confetti i{position:absolute;left:var(--x);top:-15%;width:clamp(6px,.8vw,12px);height:clamp(15px,2vw,30px);background:var(--color);border-radius:2px;animation:confetti-fall var(--duration) linear var(--delay) infinite;opacity:.9}.engagement-card{position:relative;z-index:1;width:min(560px,78%);padding:clamp(20px,3vw,38px);border:4px solid #f6ca70;border-radius:20px;background:linear-gradient(145deg,#6e3040,#3b2031);box-shadow:0 10px #241521,0 0 50px #ffbf4d44;text-align:center}.engagement-card h1{margin:.3em 0;color:#fff2bb}.engagement-card p{color:#ffe0a7;line-height:1.6}.engagement-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.engagement-card button,.engagement-panel button{margin:.5em .25em;padding:.65em 1em;background:#f1b65a;color:#4b2528;border-radius:7px;font-weight:900;box-shadow:0 3px #71352c}.engagement-card button:disabled,.engagement-panel button:disabled{opacity:.55;cursor:wait}.engagement-card .secondary,.engagement-panel .secondary{background:#9d6570;color:#fff0cf}.engagement-panel{margin-top:1em;padding:1em;border:2px solid #eeb66a;border-radius:12px;background:#321b2bd9}.engagement-panel h2{margin:.2em;color:#ffe9b2;font-size:1.15em}.engagement-panel p{font-size:.88em;color:#ffd9aa;line-height:1.45}.engagement-panel small{display:block;color:#ffe9b2;margin:.4em;line-height:1.4}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--drift),110vh) rotate(720deg);opacity:.4}}@keyframes settlement-arrive{0%{opacity:0;transform:translateY(25px) scale(.9)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.settlement-confetti i{animation:none;top:var(--x);opacity:.4}.effect.coin-flight{animation-duration:.1s}}.overlay.engagement-modal{position:fixed;inset:0;padding:12px;z-index:100}.overlay.engagement-modal>.engagement-panel{margin:0;width:min(520px,92%);max-height:100%;overflow-y:auto;padding:20px;border-radius:8px;background:#462634;font-size:16px}.overlay.engagement-modal>.engagement-panel{max-width:100%;box-sizing:border-box}.engagement-modal .engagement-panel h2{font-size:24px;margin:0 0 12px}.engagement-modal .engagement-panel button{font-size:16px}@media(max-height:500px){.overlay.engagement-modal>.engagement-panel{padding:12px}.engagement-modal .engagement-panel h2{font-size:20px;margin-bottom:6px}.engagement-modal .engagement-panel button{margin:4px;padding:8px 12px}}.scene{user-select:none;-webkit-user-select:none}.scene img{-webkit-user-drag:none;pointer-events:none}.scene button{touch-action:manipulation}.scene .formed-cake,.scene .tray-cake{touch-action:none}.filling-slots{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.filling-slot{min-height:0;overflow:visible}.filling-slot img{min-height:0}.filling-slot b,.filling-slot span,.station-label,.mold-hint{pointer-events:none}.filling-slot.flash{animation:none;transform:none;filter:none;box-shadow:none!important}.filling-slot.flash:after{content:"";position:absolute;inset:0;border:3px solid #fff6b3;border-radius:48%;box-shadow:0 0 22px #fff09a;animation:slot-glow .62s ease-out;pointer-events:none}@keyframes slot-glow{0%{opacity:1;filter:brightness(2)}to{opacity:0}}.customer-lane{pointer-events:none}.customer-token{pointer-events:auto}.customer-token.leaving,.tray-zone{pointer-events:none}.tray-cake{pointer-events:auto;min-height:0}.tray-cakes{pointer-events:none}.customer-slot{position:relative;width:31%;min-width:0;max-width:270px;height:96%;pointer-events:none}.customer-slot>.customer-token{width:100%;min-width:0;max-width:none;height:100%}.customer-slot>.order-bubble{top:-14%;left:50%;right:auto;transform:translate(-50%);width:108%;min-width:0;max-width:none;white-space:normal;animation:none;pointer-events:none}.customer-slot>.nag-bubble{top:8%;animation:none;pointer-events:none}.customer-slot>.customer-tip{top:21%;pointer-events:none}.customer-slot:has(.leaving)>.order-bubble,.customer-slot:has(.leaving)>.nag-bubble,.customer-slot:has(.leaving)>.customer-tip{visibility:hidden}.effect.ingredient-fly{animation:ingredient-to-slot 1s cubic-bezier(.18,.74,.18,1) forwards}@keyframes ingredient-to-slot{0%{left:var(--start-x);top:var(--start-y);opacity:1;transform:translate(-50%,-50%) scale(.7)}25%{top:22%;opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(-12deg)}85%{opacity:1}to{left:var(--target-x);top:var(--target-y);opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(18deg)}}.customer-token.frog .customer-visual{top:7%}.customer-token.frog .customer-normal{width:94%;height:94%}.customer-token.frog .customer-pinch{width:94%;height:94%;left:3%}.customer-token.frog.failure .customer-normal{width:118%;height:118%}.hot-status{color:#ffe186!important;border:1px solid #ff9a44}.oven-hotspot.hot-boost{box-shadow:0 0 24px #ffb539,inset 0 0 15px #ff823355}.effect.hot-streak{color:#fff2a3;padding:.4em .7em;border:3px solid #ffc04b;border-radius:16px;background:#872c16dd;box-shadow:0 0 38px #ff9b32;animation:hot-streak-pop 1s ease-out forwards}@keyframes hot-streak-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.instructions-panel{width:min(880px,90%);max-height:90%;padding:clamp(12px,2vw,28px);display:flex;flex-direction:column;overflow:hidden}.instructions-panel h1{font-size:clamp(24px,3vw,40px);flex-shrink:0}.instructions-panel .instructions-intro{margin:0 0 .7em;font-size:clamp(12px,1.2vw,17px)}.instructions-copy{overflow-y:auto;min-height:0;text-align:left;padding:0 .7em;scrollbar-color:#efb65c #351d2b}.instructions-copy h2{font-size:clamp(14px,1.4vw,20px);color:#ffd36e;margin:.7em 0 .25em}.instructions-panel .instructions-copy p{max-width:none;margin:0 0 .6em;color:#ffebc9;font-size:clamp(12px,1.15vw,17px);line-height:1.65}.instructions-panel>button{flex-shrink:0;margin:.65em auto 0}.effect.cow-projectile{animation:cow-cake-throw .48s cubic-bezier(.4,0,.85,.4) forwards;z-index:30}.effect.cow-projectile img{width:clamp(65px,7vw,115px);height:clamp(65px,7vw,115px);filter:drop-shadow(-16px 12px 5px #ffb44c88)}@keyframes cow-cake-throw{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%) rotate(-45deg) scale(1.2)}45%{top:calc(var(--target-y) - 14%)}to{left:var(--target-x);top:var(--target-y);transform:translate(-50%,-50%) rotate(290deg) scale(.8)}}.effect.cake-impact{font-size:clamp(36px,5vw,80px);color:#fff4cc;z-index:31;animation:cake-impact-pop .8s ease-out forwards}.effect.cake-impact:before{content:"";position:absolute;inset:-45%;background:#fff0b7;clip-path:polygon(50% 0,60% 30%,85% 7%,76% 40%,100% 50%,74% 62%,89% 94%,60% 75%,50% 100%,39% 73%,8% 92%,27% 61%,0 48%,30% 37%,13% 8%,41% 28%);z-index:-1;animation:cake-flash .5s ease-out forwards}.effect.cake-impact i{position:absolute;left:50%;top:50%;width:12px;height:17px;border:2px solid #4f251b;border-radius:3px;background:#b77133;animation:cake-shatter .8s ease-out forwards}@keyframes cake-impact-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}25%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes cake-flash{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}@keyframes cake-shatter{0%{opacity:1;transform:rotate(var(--angle)) translate(0)}to{opacity:0;transform:rotate(var(--angle)) translate(var(--distance)) rotate(240deg)}}.customer-slot>.order-bubble>span:not(.cake-word){font-weight:900;-webkit-text-stroke:2px #35202b;paint-order:stroke fill;text-shadow:none}@supports not (paint-order:stroke fill){.customer-slot>.order-bubble>span:not(.cake-word){-webkit-text-stroke:0;text-shadow:1px 0 #35202b,-1px 0 #35202b,0 1px #35202b,0 -1px #35202b,1px 1px #35202b,-1px -1px #35202b,1px -1px #35202b,-1px 1px #35202b}}.customer-token.entering{animation:customer-enter-from-right .9s cubic-bezier(.2,.8,.25,1) both;pointer-events:none}.customer-token.entering .order-bubble{opacity:0}@keyframes customer-enter-from-right{0%{opacity:0;transform:translate(120%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}