:root{--bg: #17140f;--bg2: #221d17;--card: #2a241d;--card2: #342d25;--line: rgba(255, 255, 255, .08);--text: #f4ebdd;--muted: #b3a48f;--accent: #f39c3d;--accent2: #ff6a3d;--good: #58c27d;--ok: #e3b341;--bad: #e5533d;--font-display: "Fraunces", Georgia, serif;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden auto;animation:fade .35s ease both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:-.01em}.menu{padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);justify-content:space-between;background:radial-gradient(120% 70% at 50% 0%,#3b2d20 0%,transparent 60%),linear-gradient(#1d1812,var(--bg))}.menu .brand{margin-top:8vh;text-align:center}.menu .brand canvas{width:180px;height:180px;display:block;margin:0 auto 12px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}.menu h1{font-size:64px;line-height:1;background:linear-gradient(180deg,#ffd9a3,#f39c3d 60%,#ff6a3d);-webkit-background-clip:text;background-clip:text;color:transparent}.menu .tagline{color:var(--muted);margin:10px 0 0;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 8px;text-align:center}.stat .v{font-family:var(--font-display);font-size:24px;font-weight:700}.stat .k{color:var(--muted);font-size:12px;margin-top:2px}.primary{display:block;width:100%;padding:18px;border-radius:18px;font-size:18px;font-weight:700;color:#1c1208;background:linear-gradient(180deg,#ffbf6b,var(--accent));box-shadow:0 10px 30px #f39c3d59,inset 0 1px #ffffff80;transition:transform .1s}.primary:active{transform:scale(.98)}.secondary{display:block;width:100%;padding:14px;border-radius:16px;font-size:16px;font-weight:600;background:var(--card2);border:1px solid var(--line)}.menu .row{display:flex;gap:10px;margin-top:12px}.menu .row .secondary{flex:1}.menu .foot{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}.menu .foot button{color:var(--muted);text-decoration:underline;padding:8px}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(var(--safe-top) + 10px) 16px 10px;background:linear-gradient(var(--bg) 70%,transparent)}.topbar h2{font-size:22px;flex:1}.topbar .back{width:44px;height:44px;border-radius:12px;background:var(--card);display:grid;place-items:center}.money{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--accent);background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:14px}.section{padding:4px 16px 8px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.cards{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.card{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px}.card.locked{opacity:.75}.card canvas{width:84px;height:84px;border-radius:14px;background:radial-gradient(circle at 40% 35%,#3a3d44,#1b1c20)}.card .name{font-weight:700;font-size:16px}.card .desc{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.35}.card .meta{color:var(--muted);font-size:12px;margin-top:6px}.card .meta b{color:var(--text)}.card .act{padding:12px 16px;border-radius:14px;font-weight:700;font-size:15px;color:#1c1208;background:linear-gradient(180deg,#ffbf6b,var(--accent));min-width:72px}.card .act.buy{background:var(--card2);color:var(--text);border:1px solid var(--line)}.card .act.owned{background:none;color:var(--good);border:1px solid var(--line)}.card .act:disabled{opacity:.45}.tool-card canvas{width:64px;height:64px}.tool-card{grid-template-columns:64px 1fr auto}.pad-bottom{height:calc(var(--safe-bottom) + 12px)}.cook{overflow:hidden;touch-action:none}.cook canvas#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;left:0;right:0;top:0;padding:calc(var(--safe-top) + 10px) 12px 0;display:flex;gap:8px;align-items:center;pointer-events:none}.hud>*{pointer-events:auto}.hud .chip{background:#14100cb8;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:7px 10px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:5px;white-space:nowrap}.hud .chip .k{color:var(--muted);font-weight:500;font-size:11px}.hud .spacer{flex:1}.hud .quit{width:40px;height:40px;border-radius:12px;background:#14100cb8;border:1px solid var(--line);display:grid;place-items:center}.hint{position:absolute;left:12px;right:12px;top:calc(var(--safe-top) + 78px);text-align:center;color:#ffe1b8;font-size:14px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none;min-height:20px;transition:opacity .3s}.hint.smoke{color:#ff8a6a;font-weight:700}.recipe-name{position:absolute;left:12px;right:12px;top:calc(var(--safe-top) + 58px);text-align:center;font-family:var(--font-display);font-size:13px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.toolbar{position:absolute;left:0;right:0;bottom:0;padding:10px 12px calc(var(--safe-bottom) + 12px);display:flex;flex-direction:column;gap:8px;background:linear-gradient(transparent,#0c0a08d9 30%)}.heat{display:grid;grid-template-columns:repeat(4,1fr);background:#1e1a16e6;border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.heat button{padding:10px 0;border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.heat button .flame{width:12px;height:12px;display:inline-block;border-radius:50%/60% 60% 40% 40%;background:#4b4b52}.heat button.on{color:#1c1208;background:linear-gradient(180deg,#ffbf6b,var(--accent))}.heat button.on[data-heat="3"]{background:linear-gradient(180deg,#ff9a6b,var(--accent2))}.heat button.on .flame{background:radial-gradient(circle at 50% 70%,#fff3b0,#ff7a2a 60%,#3b6bff)}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tool{background:#28221ceb;border:1px solid var(--line);border-radius:16px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;min-height:60px;transition:transform .08s}.tool:active:not(:disabled){transform:scale(.95)}.tool svg{width:26px;height:26px}.tool.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tool .count{position:absolute;margin-top:-4px;margin-left:36px;background:var(--accent);color:#1c1208;border-radius:10px;font-size:11px;padding:1px 6px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action{padding:15px 8px;border-radius:16px;font-size:16px;font-weight:700;background:var(--card2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.action.main{color:#1c1208;background:linear-gradient(180deg,#ffbf6b,var(--accent));box-shadow:0 8px 24px #f39c3d4d}.action.serve{color:#fff;background:linear-gradient(180deg,#65d08a,#2f9d55)}.action svg{width:20px;height:20px}.result{padding:calc(var(--safe-top) + 16px) 20px calc(var(--safe-bottom) + 20px);align-items:center;background:radial-gradient(90% 50% at 50% 0%,#3b2d20 0%,transparent 70%),var(--bg)}.result h2{font-size:22px;color:var(--muted);font-weight:500}.result .dish{font-family:var(--font-display);font-size:26px;margin:2px 0 8px}.plate-wrap{position:relative;width:min(68vw,300px);height:min(68vw,300px);margin:4px 0 10px}.plate-wrap canvas{width:100%;height:100%;display:block}.score{position:absolute;right:-14px;bottom:-6px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),rgba(255,255,255,.1) 0);box-shadow:0 10px 30px #00000080;transition:--p 1s}.score:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#1f1a14}.score .n{position:relative;font-family:var(--font-display);font-size:30px;font-weight:700}.score.failed{background:conic-gradient(var(--bad) calc(var(--p) * 1%),rgba(255,255,255,.1) 0)}.stars{letter-spacing:3px;color:var(--accent);font-size:20px;margin-bottom:6px}.criteria{width:100%;display:flex;flex-direction:column;gap:8px;margin:8px 0 14px}.crit{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;animation:fade .4s ease both}.crit .dot{width:10px;height:10px;border-radius:50%;margin-top:5px}.crit.great .dot{background:var(--good);box-shadow:0 0 10px var(--good)}.crit.ok .dot{background:var(--ok)}.crit.bad .dot{background:var(--bad);box-shadow:0 0 10px var(--bad)}.crit .t{font-weight:700;font-size:14px;display:flex;justify-content:space-between}.crit .t span{color:var(--muted);font-weight:500}.crit .n{color:var(--muted);font-size:13px;margin-top:2px}.payout{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--good);margin-bottom:14px}.payout.zero{color:var(--bad)}.payout small{display:block;font-family:var(--font);font-size:12px;color:var(--muted);font-weight:500}.result .row{display:flex;gap:10px;width:100%}.result .row>*{flex:1}.badge{display:inline-block;background:var(--accent);color:#1c1208;font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px;margin-left:8px;vertical-align:middle}@media (min-width: 640px){.screen{max-width:480px;margin:0 auto;box-shadow:0 0 0 1px var(--line)}}