*{box-sizing:border-box}body{margin:0;background:#f3e8d3;color:#49332b;font-family:system-ui,-apple-system,sans-serif}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}header{display:flex;justify-content:space-between;align-items:center;max-width:580px;margin:auto;padding:12px 20px}a{color:#98543f}header a{text-decoration:none;font-size:11px;font-weight:800}header button{background:#e4d6bf;border-radius:20px;padding:7px 13px;font-size:10px;color:#725344}main{max-width:550px;margin:auto;padding:0 15px 30px}.brand{text-align:center}.brand>span{font-size:8px;letter-spacing:4px;color:#ad8762}.brand h1{font-size:37px;letter-spacing:4px;font-weight:950;margin:5px 0}.brand h1 span{color:#b65739}.brand p{font-size:11px;color:#987353;margin:3px 0 13px}.hud{display:flex;justify-content:space-between;background:#51362c;color:#f8e4b8;border-radius:12px;padding:10px 18px}.hud small{display:block;font-size:9px;color:#ccad89}.hud b{font-size:22px;font-variant-numeric:tabular-nums}#lives{color:#ef9279;letter-spacing:3px}#customers{display:flex;gap:8px;margin:12px 0 10px}.customer{width:33.33%;background:#fff7e5;border:1px solid #d6c4a5;border-radius:12px;overflow:hidden;position:relative;padding:6px;text-align:center}.customer svg.face{width:55px;height:53px;display:block;margin:auto}.order{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:900;background:#f1dfb7;border-radius:7px;padding:3px}.order svg{width:30px;height:23px}.customer.vip{border:2px solid #daa552}.vip-label{position:absolute;top:5px;left:5px;font-size:7px;color:#ad7732;font-weight:900}.patience{height:3px;background:#e4d2ad;margin-top:7px;border-radius:3px}.patience i{display:block;height:100%;background:#86a777;border-radius:3px}.table{position:relative;border-radius:16px;background:repeating-linear-gradient(0deg,#71432d 0px,#71432d 2px,#784932 3px,#784932 34px);padding:12px;border:1px solid #895336;box-shadow:0 8px 22px #76533033}.grill-heading{display:flex;justify-content:space-between;align-items:center;color:#ecc893;font-size:9px;padding:2px 4px 12px}.grill-heading b{letter-spacing:1px;color:#ffe2a2}#grill{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:radial-gradient(ellipse,#d17133,#7b3f27 50%,#1c2525 85%);padding:10px;border:6px solid #5f6661;box-shadow:inset 0 0 0 2px #adb0a0,0 5px 0 #45372f;border-radius:14px;min-height:228px}.slot{aspect-ratio:1;position:relative;background:repeating-linear-gradient(0deg,transparent 0px,transparent 10px,#96988a 11px,#4c514c 13px,transparent 15px),repeating-linear-gradient(90deg,transparent 0px,transparent 11px,#686e65 12px,transparent 15px);border:1px solid #8e8e7980;border-radius:6px;padding:2px;overflow:hidden}.slot.empty:after{content:'＋';font-size:22px;color:#e7d6a633}.slot svg{width:100%;height:100%;position:relative;z-index:1;filter:drop-shadow(0 3px 3px #0006)}.slot .side{position:absolute;top:4px;left:5px;color:#f5ddaa;background:#362b1eaa;border-radius:4px;padding:2px 4px;font-size:7px;z-index:2}.flame{position:absolute;inset:0;background:radial-gradient(ellipse at bottom,#ffb644bb,#f04c1633 65%,transparent);z-index:0;animation:fire .22s infinite alternate;pointer-events:none}@keyframes fire{to{transform:scale(1.1);filter:brightness(1.3)}}.smoke{position:absolute;top:0;left:40%;color:#ffffffa0;font-size:18px;z-index:2;animation:steam 1.5s infinite;pointer-events:none}@keyframes steam{to{transform:translateY(-17px);opacity:0}}#toast{font-size:11px;color:#f5dcb4;text-align:center;min-height:19px;margin-top:15px;font-weight:800}#tray{display:flex;gap:8px;margin-top:14px}#tray button{width:33.33%;border:2px solid #d0bfa2;background:#fff7e7;border-radius:11px;padding:7px;color:#77513a;font-size:12px;font-weight:900}#tray svg{width:50px;height:30px;display:block;margin:auto}#tray button.selected{border-color:#b36543;background:#f7ddb5}.actions{display:flex;gap:8px;margin-top:9px}.actions button{flex:1;background:#e2d2b6;color:#75543c;border-radius:10px;padding:11px;font-size:14px;font-weight:900}.actions #serve{background:#bd633f;color:#fff2d9}.actions small{display:block;font-size:8px;margin-top:3px;font-weight:500}.actions #serve.selected{background:#4d785e;box-shadow:0 0 0 3px #95bda680}.actions #water:disabled{opacity:.4}#status{text-align:center;font-size:10px;color:#9c7d58;min-height:14px}.links{display:flex;align-items:center;gap:6px;margin:13px 0}.links button{background:#e5d8c3;color:#7c563f;border-radius:7px;padding:8px;font-size:9px}.links span{margin-left:auto;font-size:10px;font-weight:800}.links button:disabled{opacity:.4}details{font-size:11px;line-height:1.9;border:1px solid #d6c3a6;border-radius:10px;padding:13px;color:#876d53}summary{cursor:pointer;font-weight:800}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:17px;background:#452e23ee;color:#ffe5b5;border-radius:15px;backdrop-filter:blur(4px);z-index:5}#overlay[hidden]{display:none}#eyebrow{font-size:7px;letter-spacing:2px;color:#d6ac6e}#overlay h2{font-size:29px;margin:15px 0 5px}#overlay p{font-size:11px;line-height:1.9;color:#e3c6a2}#overlay button{background:#f0c884;color:#553e2d;border-radius:9px;padding:12px 20px;font-weight:900;min-width:210px;margin-top:6px}#overlay #share{background:#73513c;color:#f6dfb7}.fever #grill{border-color:#d8b46b;box-shadow:0 0 17px #ffbc49aa}@media(max-height:780px){header{padding:8px 20px}.brand h1{font-size:30px}.brand p{margin-bottom:9px}#customers{margin:9px 0}.customer svg.face{height:44px}.hud{padding:8px 15px}#grill{min-height:196px;gap:5px;padding:7px}.slot{max-height:100px}.table{padding:10px}.grill-heading{padding-bottom:8px}#tray{margin-top:9px}}

.order-heading,.tray-heading{font-size:10px;font-weight:800;color:#8c6647;margin:10px 2px 5px}#customers{margin-top:5px}.slot{aspect-ratio:auto;height:143px;max-height:none!important;touch-action:none;cursor:pointer}.slot.empty:after{display:none}.meat-visual{position:absolute;left:8%;top:14px;width:76%;height:62px;pointer-events:none}.meat-visual svg{width:100%;height:100%}.slot .side{font-size:7px;top:3px;left:3px}.both-sides{position:absolute;top:79px;left:3px;right:3px;display:flex;gap:2px;justify-content:center;background:#fff1d9;border-radius:4px;padding:3px 0;z-index:2;pointer-events:none}.both-sides span{font-size:8px;font-weight:900}.next-step{position:absolute;left:2px;right:2px;bottom:29px;font-size:7px;text-align:center;color:#ffefc9;z-index:2;pointer-events:none}.quick-serve{position:absolute;left:10%;right:10%;bottom:4px;border-radius:5px;background:#e8c791;color:#61422d;padding:4px;font-size:9px;font-weight:900;z-index:3}.ready{border:2px solid #99c179!important;box-shadow:inset 0 0 12px #a9cc6b55}.ready .quick-serve{background:#96be80;color:#284d28}.place-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dfc893;font-size:28px;pointer-events:none}.place-label small{font-size:9px;margin-top:5px}.wanted{border-color:#bc814d!important}.actions{justify-content:center}.actions #water{max-width:240px}.grill-heading span{font-size:8px}@media(max-height:780px){.slot{height:127px}.meat-visual{height:48px}.both-sides{top:66px}.next-step{bottom:28px}#grill{min-height:280px}.brand h1{font-size:27px}.brand p{margin-bottom:6px}.order-heading,.tray-heading{margin-top:7px}}

#tray{margin:6px 0 12px}.grill-heading{padding-top:3px}.actions #water{max-width:none}
