:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a1a2e;color:#fafafa;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;-webkit-user-select:none;user-select:none;position:relative;max-width:600px;margin:0 auto}.header{text-align:center;margin-bottom:.5rem}.header h1{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:.75rem;color:#ffffff73}.score-bar{display:flex;gap:1.25rem;justify-content:center;align-items:center;margin-bottom:.4rem}.score-item{text-align:center}.score-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff73}.score-value{font-size:1.3rem;font-weight:700;color:#ffd93d}.level-value{color:#4d96ff}.served-value{color:#6bcb77}.best-value{color:#c56cf0}.lives-bar{display:flex;gap:.25rem;margin-bottom:.6rem}.life{font-size:1rem;transition:transform .2s}.life.lost{opacity:.3;transform:scale(.8)}.area-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.4rem;text-align:center}.customers-area{width:100%;margin-bottom:.6rem}.customers-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;min-height:100px}.no-customers{width:100%;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:.85rem}.customer-card{flex-shrink:0;width:120px;padding:.5rem;background:#ffffff0d;border-radius:10px;border:1.5px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:border-color .3s,box-shadow .3s}.customer-card.urgent{border-color:#ff6b6b80;box-shadow:0 0 12px #ff6b6b33;animation:urgentPulse .8s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.customer-order{display:flex;align-items:center;gap:.3rem}.customer-emoji{font-size:1.5rem}.customer-name{font-size:.7rem;font-weight:600;color:#fffc}.customer-ingredients{display:flex;gap:.15rem;flex-wrap:wrap;justify-content:center}.customer-ing{font-size:.8rem;background:#ffffff0f;padding:.1rem .2rem;border-radius:4px}.patience-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.patience-fill{height:100%;border-radius:2px;transition:width .4s linear,background .4s}.cooking-station{width:100%;padding:.6rem;background:#ffffff08;border-radius:12px;border:2px solid rgba(255,255,255,.06);margin-bottom:.6rem;text-align:center;transition:border-color .3s,background .3s}.cooking-station.active{border-color:#ff9f4366;background:#ff9f430f}.station-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.3rem}.cooking-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.cooking-emoji{font-size:2rem;animation:cookBounce .6s ease-in-out infinite}@keyframes cookBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cook-bar{flex:1;max-width:200px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.cook-fill{height:100%;background:linear-gradient(90deg,#ff9f43,#ffd93d);border-radius:4px;transition:width .1s linear}.cook-timer{font-size:.8rem;font-weight:700;color:#ff9f43;min-width:2rem}.cooking-idle{display:flex;align-items:center;justify-content:center;gap:.5rem}.fire-emoji{font-size:1.5rem;opacity:.3}.idle-text{font-size:.8rem;color:#ffffff40}.prep-area{width:100%;padding:.6rem;background:#ffffff08;border-radius:12px;border:2px solid rgba(255,255,255,.06);margin-bottom:.6rem}.prep-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.4rem;text-align:center}.prep-slots{display:flex;gap:.4rem;justify-content:center;margin-bottom:.5rem}.prep-slot{width:44px;height:44px;border-radius:8px;background:#ffffff0a;border:2px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .15s}.prep-slot.filled{border-style:solid;border-color:#ffffff26;background:#ffffff14}.prep-emoji{font-size:1.5rem}.prep-actions{display:flex;gap:.5rem;justify-content:center}.btn{padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .12s,opacity .12s}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.95)}.btn-clear{background:#ffffff1a;color:#fff9}.btn-cook{background:#ff9f4333;color:#ff9f43;border:1px solid rgba(255,159,67,.3)}.btn-cook.ready{background:linear-gradient(135deg,#ff9f43,#ffd93d);color:#1a1a2e;border:none;animation:cookReady 1.5s ease-in-out infinite}@keyframes cookReady{0%,to{box-shadow:0 0 #ff9f4366}50%{box-shadow:0 0 12px 4px #ff9f4333}}.btn-start{padding:.75rem 2rem;font-size:1.1rem;font-weight:800;border:none;border-radius:12px;background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#1a1a2e;cursor:pointer;transition:transform .15s}.btn-start:hover{transform:scale(1.05)}.ingredients-area{width:100%;margin-bottom:.5rem}.ingredients-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.ingredient-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s;color:inherit}.ingredient-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.ingredient-btn:active:not(:disabled){transform:scale(.93)}.ingredient-btn:disabled{opacity:.3;cursor:not-allowed}.ingredient-btn.dim{opacity:.35}.ingredient-btn.useful{opacity:1}.ing-emoji{font-size:1.4rem}.ing-name{font-size:.5rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.particle{position:fixed;font-size:1.5rem;font-weight:800;color:#ffd93d;text-shadow:0 0 10px rgba(255,217,61,.5);pointer-events:none;animation:particleFloat 1.2s ease-out forwards;z-index:200}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(-80px) scale(1.2)}}.sizzle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,159,67,.03) 0%,transparent 60%);pointer-events:none;z-index:5;animation:sizzleAnim .3s ease}@keyframes sizzleAnim{0%{opacity:0}to{opacity:1}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{text-align:center;padding:2rem;max-width:340px}.start-screen .chef-hat{font-size:4rem;margin-bottom:.5rem}.start-screen h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.start-screen p{color:#ffffff80;margin-bottom:1.5rem;font-size:.9rem}.how-to-play{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.step{display:flex;align-items:center;gap:.75rem;text-align:left}.step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#1a1a2e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}.step span:last-child{font-size:.85rem;color:#ffffffb3}.game-over-screen h2{font-size:2rem;font-weight:800;color:#ff6b6b;margin-bottom:1rem}.go-stats{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.go-stat{text-align:center}.go-stat-val{display:block;font-size:1.8rem;font-weight:800;color:#ffd93d}.go-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6}.new-best{font-size:1rem;font-weight:700;color:#6bcb77;margin-bottom:1rem;animation:newBestPulse 1s ease-in-out infinite}@keyframes newBestPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:420px){.ingredients-grid{grid-template-columns:repeat(5,1fr)}.customer-card{width:100px}.prep-slot{width:36px;height:36px}.header h1{font-size:1.4rem}}