*{box-sizing:border-box}html{background:#402719}body{margin:0;color:#ffefd5;font-family:ui-rounded,"PingFang TC","Microsoft JhengHei",sans-serif}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff9ba;outline-offset:2px}button:active{transform:translateY(2px)}.game{position:relative;isolation:isolate;width:min(100%,1080px);min-height:100svh;margin:auto;padding:18px 24px 12px;background:url('stall.webp') center top/cover;border-inline:5px solid #64341f;box-shadow:0 0 60px #160e0a70;overflow:hidden}header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-shadow:0 2px 3px #602d1c}.brand small{font-size:11px;letter-spacing:3px}.brand h1{margin:0;font-size:30px;letter-spacing:3px}.toolbar{display:flex;gap:7px;align-items:center}.toolbar>span,.toolbar button{background:#703622e8;border:2px solid #e3ae5e;color:#fff4d4;border-radius:13px;min-height:44px;padding:8px 11px;font-weight:800;box-shadow:0 3px 0 #482318}.customer-zone{height:245px;display:flex;align-items:center;justify-content:center;gap:26px}.guest{height:100%;width:235px;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.animal{width:250px;height:235px;background:url('guest-0.webp') center bottom/contain no-repeat;filter:drop-shadow(0 8px 6px #4f211e55);animation:arrive .5s ease-out}.guest>span{position:absolute;bottom:1px;background:linear-gradient(#b45e38,#753825);border:2px solid #ffcb7a;padding:5px 24px;border-radius:12px;font-weight:800;font-size:15px;box-shadow:0 3px 0 #442a20}.order{width:370px;padding:16px 20px;background:linear-gradient(#fff9d9,#ffe5b6);color:#693921;border:3px solid #b9743d;border-radius:22px 22px 22px 5px;box-shadow:0 5px 0 #6f3b25,0 8px 20px #4a291a40}.order-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16px}.order-top>span{font-size:12px;color:#946843;white-space:nowrap}#orderItems{display:flex;gap:9px;margin:9px 0 3px}.order-item{position:relative;flex:1;max-width:110px;display:flex;align-items:center;justify-content:center;gap:2px;background:#edc89480;border-radius:13px;border:2px solid #dbb27d;padding:3px;font-size:24px;font-weight:900}.order-item.done{border-color:#609342;background:#d9e7b4}.order-item .check{position:absolute;right:-4px;top:-9px;border-radius:50%;background:#628b35;color:#fff;font-size:12px;width:19px;height:19px;text-align:center}.order p{font-size:13px;margin:7px 0 0;color:#8b603f}.food-art{display:block;width:60px;height:60px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 2px #44291655)}.order-item .food-art{width:54px;height:54px}.kitchen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:18px 18px 15px;border:4px solid #693c27;border-top:7px solid #ffcd7d;border-radius:17px;background:linear-gradient(110deg,#bd7947de,#91532bdd);box-shadow:0 8px 0 #57311e,0 -6px 15px #341e252a}.section-title,.plate-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}h2{margin:0;font-size:17px;text-shadow:0 2px 2px #673c2866}.section-title>span{font-size:13px;color:#ffe4b4}.grill{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border:9px solid #aaa28c;border-top-color:#e1d2b1;border-right-color:#686b60;border-bottom:12px solid #4b5049;border-radius:13px;min-height:210px;background:repeating-linear-gradient(0deg,transparent 0 11px,#9e978555 12px 15px),repeating-linear-gradient(90deg,#282822 0 11px,#696a5e 12px 16px);box-shadow:inset 0 -12px 18px #c0602277,0 6px 0 #482b1b}.slot{position:relative;display:flex;align-items:center;justify-content:center;background:#14151130;color:#b4ac8c;border:1px dashed #c5ba8755;border-radius:8px;height:78px;font-size:24px;padding:0;overflow:visible}.slot.occupied{background:#191c1640;border-color:#ecc48522}.slot .food-art{width:85%;height:84%;transform:translateY(-5px)}.slot.second .food-art{animation:flip .5s ease-in-out}.slot.ready .food-art{filter:drop-shadow(0 2px 4px #fce18980)}.slot small{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffedbb;font-size:12px;line-height:1.25;background:#3e322bda;border-radius:6px;padding:2px 5px;pointer-events:none}.slot.await small{background:#e5a845;color:#49301e;animation:none}.slot.ready small{background:#69903e;color:white}.slot.ready{border-color:#d5ec95}.slot progress{position:absolute;bottom:2px;left:10%;width:80%;height:5px;accent-color:#efb457}.slot.cooking-label small{bottom:9px;font-size:11px}#hint{text-align:center;min-height:20px;font-size:14px;margin:11px 0 0;color:#fff3cc;text-shadow:0 1px 2px #6a361c}.ingredients .section-title{display:block}.ingredients .section-title>span{display:block;margin-top:4px}#foods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.food-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #6d523e;border-top-color:#c49763;border-radius:12px;background:linear-gradient(140deg,#483e31,#282b25);box-shadow:0 4px 0 #643519;min-height:88px;color:#fff2cb;font-weight:800;font-size:14px;padding:2px}.food-button .food-art{height:58px;width:85px}.food-button .raw-tag{position:absolute;top:3px;right:3px;background:#e7c388;border-radius:4px;color:#6b492b;font-size:10px;padding:1px 4px}.serving{grid-column:1/-1;display:grid;grid-template-columns:1fr 200px;gap:8px 16px}.plate-top{grid-column:1/-1;margin:0}#clear{border:0;background:transparent;color:#ffe5b9;font-size:13px;text-decoration:underline;padding:5px;min-height:32px}#plate{background:linear-gradient(#fff3d1,#efcc90);border:4px solid #d4ac70;border-top-color:#fff3cc;border-radius:14px;box-shadow:0 4px 0 #764326,inset 0 0 0 4px #b98b5566;min-height:68px;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px;flex-wrap:wrap}.empty{font-size:14px;color:#947047}.plate-food{padding:0;border:0;background:transparent;width:62px;height:50px}.plate-food .food-art{width:100%;height:100%}.serve,#next{background:linear-gradient(#f6b542,#d77823);border:3px solid #ffd78d;border-radius:14px;color:#532c18;font-weight:900;font-size:21px;text-shadow:0 1px #ffe8ae;box-shadow:0 5px 0 #83411e;padding:10px}.serve:active,#next:active{box-shadow:0 2px 0 #83411e}footer{text-align:center;font-size:12px;padding-top:16px;color:#ffe2ae;text-shadow:0 2px 3px #452920}.success{position:fixed;inset:0;z-index:10;background:#27190fc4;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.success[hidden]{display:none}.success>div{text-align:center;background:linear-gradient(#fff2cc,#edc68a);color:#693f28;border:5px solid #c58b41;border-radius:28px;padding:28px;box-shadow:0 10px 0 #643a20;animation:arrive .3s ease-out}.success h2{font-size:24px}.big-star{font-size:72px}.success p{font-size:18px;margin:14px 0 22px}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes flip{0%{transform:translateY(-5px) rotateY(0)}50%{transform:translateY(-20px) rotateY(90deg)}100%{transform:translateY(-5px) rotateY(180deg)}}@keyframes pulse{50%{box-shadow:0 0 9px #fff7c0}}
@media(max-width:650px){.game{padding:10px 10px 9px;border-width:0;min-height:100svh;display:flex;flex-direction:column;background-size:100% 100%}header{height:47px;flex-shrink:0}.brand small{font-size:9px;letter-spacing:2px}.brand h1{font-size:23px;letter-spacing:1px}.toolbar{gap:4px}.toolbar button,.toolbar>span{font-size:14px;padding:7px;min-height:40px;border-radius:10px}#full{display:none}.customer-zone{height:clamp(170px,26svh,230px);flex-shrink:0;gap:2px;justify-content:space-between}.guest{width:38%}.animal{width:145%;height:100%;max-height:240px}.guest>span{font-size:13px;bottom:2px;padding:4px 16px}.order{width:61%;padding:12px 10px;border-width:3px;border-radius:18px 18px 18px 3px;margin-top:-8px}.order-top{display:block;font-size:14px}.order-top>span{display:block;margin-top:3px;font-size:11px}.order-item{font-size:18px;gap:0;padding:2px;border-radius:9px}.order-item .food-art{width:34px;height:43px}#orderItems{gap:4px}.order p{font-size:11px;margin-top:6px}.kitchen{grid-template-columns:1fr;gap:11px;padding:11px 10px 12px;border-width:3px;border-top-width:6px;border-radius:12px}.grill{min-height:161px;padding:7px;border-width:6px;border-bottom-width:9px;gap:5px}.slot{height:65px}.slot .food-art{width:88%;height:86%}.slot small{font-size:11px}.slot.cooking-label small{font-size:10px}.section-title{margin-bottom:6px}h2{font-size:16px}.section-title>span{font-size:12px}#hint{font-size:12px;margin-top:8px;line-height:1.4;min-height:17px}.ingredients .section-title{display:flex}.ingredients .section-title>span{margin:0}#foods{grid-template-columns:repeat(4,1fr);gap:7px}.food-button{min-height:78px;font-size:12px;border-width:3px;border-radius:9px}.food-button .food-art{width:100%;height:51px}.food-button .raw-tag{font-size:9px;right:1px;top:1px;padding:1px 3px}.serving{grid-column:auto;grid-template-columns:1fr 112px;gap:5px 8px}.plate-top{grid-column:1/-1}#plate{min-height:59px;gap:2px;padding:3px;border-width:3px}.plate-food{width:42px;height:41px}.empty{font-size:12px}.serve{font-size:16px;padding:8px 3px;border-width:2px;border-radius:11px}#clear{font-size:12px;min-height:26px;padding:2px 4px}footer{padding-top:13px;font-size:11px}}
@media(max-width:650px) and (max-height:720px){.customer-zone{height:159px}.grill{min-height:145px}.slot{height:58px}.food-button{min-height:68px}.food-button .food-art{height:43px}.kitchen{gap:9px}.game{padding-top:6px}footer{padding-top:11px}}
@media(orientation:landscape) and (max-height:600px){.game{padding:6px 14px 12px;min-height:100svh;background-size:100% 180%;background-position:center 25%;border-width:0}header{height:38px}.brand small{display:none}.brand h1{font-size:22px}.toolbar button,.toolbar>span{min-height:34px;padding:4px 10px}.customer-zone{height:125px;gap:20px}.guest{width:145px}.animal{height:140px;width:175px}.guest>span{padding:3px 14px;font-size:12px;bottom:-1px}.order{width:340px;padding:7px 13px;border-radius:16px}.order-top{font-size:14px}.order p{display:none}#orderItems{margin-top:5px}.order-item .food-art{height:38px;width:46px}.order-item{font-size:19px}.kitchen{grid-template-columns:minmax(0,1fr) 190px 170px;padding:10px;gap:12px;border-width:3px;border-top-width:5px}.grill{min-height:145px;padding:5px;border-width:5px;gap:4px}.slot{height:57px}.slot .food-art{height:90%}.section-title{margin-bottom:6px}.section-title>span{display:none}h2{font-size:15px}.ingredients .section-title>span{display:none}#foods{gap:8px}.food-button{min-height:66px;font-size:12px;padding:0;border-width:3px}.food-button .food-art{height:43px}.serving{grid-column:auto;display:flex;flex-direction:column;gap:5px}.plate-top{flex-wrap:wrap;margin:0;gap:0}#clear{min-height:24px;padding:3px}.serve{font-size:16px;padding:8px}#plate{flex:1;border-radius:11px;min-height:57px;gap:2px;padding:3px}.plate-food{width:45px;height:43px}.empty{font-size:12px;text-align:center}#hint{font-size:12px;min-height:16px;margin-top:7px}footer{display:none}.success>div{padding:17px 25px}.big-star{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Skewer service challenge */
#coins{display:flex;align-items:center;gap:4px;background:linear-gradient(#ffe5a2,#e7a73a);color:#613613;border-color:#fff0bc;text-shadow:none;white-space:nowrap}#coins b{font-size:20px}#coins small{font-size:11px}#score{font-size:14px}.timer-box{margin-top:8px}.timer-box>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#81522e}.timer-box strong{font-size:17px;font-variant-numeric:tabular-nums;color:#7b421f}.timer-box progress{display:block;width:100%;height:7px;margin-top:4px;accent-color:#71a043;border:0;border-radius:5px;overflow:hidden;background:#dbbe91}.timer-box progress::-webkit-progress-bar{background:#dbbe91}.timer-box progress::-webkit-progress-value{background:#71a043;border-radius:5px}.timer-box.urgent strong{color:#b63825}.timer-box.urgent progress{accent-color:#d44927}.timer-box.urgent progress::-webkit-progress-value{background:#d44927}.reward{font-weight:900;font-size:27px!important;color:#99600c;background:#ffe49b;border:2px solid #d9a13a;border-radius:14px;padding:8px;margin:10px 0 18px!important}.reward[hidden]{display:none}.food-art{object-fit:contain}.slot .food-art{width:91%;height:91%;transform:translateY(-5px) rotate(-24deg)}.slot.second .food-art{animation:skewer-flip .5s ease-in-out}.food-button .food-art{height:62px}.order-item .food-art{height:62px}.plate-food .food-art{transform:rotate(-15deg)}@keyframes skewer-flip{0%{transform:translateY(-5px) rotate(-24deg) rotateY(0)}50%{transform:translateY(-18px) rotate(-24deg) rotateY(90deg)}100%{transform:translateY(-5px) rotate(-24deg) rotateY(180deg)}}
@media(max-width:650px){header{gap:5px}.brand h1{font-size:21px}.toolbar{gap:3px}.toolbar button,.toolbar>span{padding:5px;min-height:38px}#coins{gap:2px}#coins b{font-size:17px}#coins small{font-size:10px}#score{font-size:12px}.order{padding:9px 8px}.order-item .food-art{height:46px}.food-button .food-art{height:53px}.timer-box{margin-top:6px}.timer-box strong{font-size:15px}.timer-box>div{font-size:11px}.slot .food-art{height:94%}}
@media(orientation:landscape) and (max-height:600px){.order{padding:6px 12px}.order-item .food-art{height:35px}.timer-box{margin-top:3px}.timer-box progress{height:5px;margin-top:2px}.timer-box strong{font-size:14px}.timer-box>div{font-size:11px}.food-button .food-art{height:44px}.reward{font-size:20px!important;margin:7px 0 13px!important;padding:5px}.success>div{padding:12px 25px}.success p{margin:9px 0 12px}.big-star{font-size:40px}}
.grill .slot .food-art{position:absolute;width:120%;height:140%;max-width:none;transform:translateY(-5px) rotate(-65deg)}@keyframes skewer-flip{0%{transform:translateY(-5px) rotate(-65deg) rotateY(0)}50%{transform:translateY(-15px) rotate(-65deg) rotateY(90deg)}100%{transform:translateY(-5px) rotate(-65deg) rotateY(180deg)}}