:root{color-scheme:light;font-family:Segoe UI,ui-rounded,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow-x:hidden;background:#fef3c7}.kitchen{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fef3c7,#fde68a 40%,#fbbf24);position:relative;overflow:hidden}.kitchen:before{content:"";position:absolute;top:0;left:0;right:0;height:55%;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.kitchen:after{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#92400e,#78350f);border-top:6px solid #a16207;pointer-events:none}.steam-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.steam{position:absolute;width:20px;height:20px;background:#fff6;border-radius:50%;animation:steam-rise 4s ease-in-out infinite}@keyframes steam-rise{0%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-120px) scale(1.8);opacity:.3}to{transform:translateY(-240px) scale(2.5);opacity:0}}.game-header{position:relative;z-index:10;text-align:center;padding:1.2rem 1rem .5rem}.game-title{font-size:2.4rem;font-weight:900;color:#dc2626;text-shadow:3px 3px 0 #fbbf24,-1px -1px 0 #78350f;letter-spacing:-.02em;animation:title-bounce 2s ease-in-out infinite}@keyframes title-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.game-subtitle{font-size:1rem;color:#92400e;font-weight:600}.score-bar{position:relative;z-index:10;display:flex;gap:1.5rem;align-items:center;background:#78350fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem 1.5rem;border-radius:999px;margin-bottom:.8rem;border:3px solid #a16207}.score-item{display:flex;align-items:center;gap:.4rem;color:#fef3c7;font-weight:700;font-size:1rem}.score-icon{font-size:1.3rem}.game-area{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;width:100%;max-width:900px;padding:0 1rem}.oven-container{position:relative;margin-bottom:.5rem}.oven{width:340px;height:200px;background:linear-gradient(180deg,#6b7280,#4b5563);border-radius:18px 18px 12px 12px;border:4px solid #374151;position:relative;box-shadow:0 8px 30px #0000004d,inset 0 2px #ffffff1a}.oven-door{position:absolute;top:20px;left:20px;right:20px;bottom:30px;background:linear-gradient(180deg,#1f2937,#111827);border-radius:10px;border:3px solid #374151;display:flex;align-items:center;justify-content:center;overflow:hidden}.oven-window{width:75%;height:70%;border-radius:6px;border:2px solid #4b5563;display:flex;align-items:center;justify-content:center;position:relative;transition:background .5s}.oven-window.idle{background:radial-gradient(circle,#1a1a2e,#0f0f1a)}.oven-window.baking{background:radial-gradient(circle,#fbbf24,#f97316,#dc2626);animation:oven-glow .8s ease-in-out infinite alternate}@keyframes oven-glow{0%{box-shadow:inset 0 0 20px #fbbf2480}to{box-shadow:inset 0 0 40px #f97316cc}}.oven-handle{position:absolute;bottom:8px;width:80px;height:8px;background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:4px;border:1px solid #6b7280}.oven-knobs{position:absolute;top:4px;right:15px;display:flex;gap:8px}.oven-knob{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#9ca3af);border:2px solid #6b7280}.oven-knob.active{background:linear-gradient(135deg,#fbbf24,#f97316);animation:knob-spin 1s linear infinite}@keyframes knob-spin{to{transform:rotate(360deg)}}.oven-fire{position:absolute;bottom:-10px;display:flex;gap:15px}.flame{width:20px;height:30px;background:linear-gradient(0deg,#dc2626,#f97316,#fbbf24);border-radius:50%/60% 60% 40% 40%;animation:flicker .3s ease-in-out infinite alternate;opacity:0;transition:opacity .3s}.flame.visible{opacity:1}@keyframes flicker{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(1.2) scaleX(.85)}}.oven-timer-bar{position:absolute;bottom:5px;left:25px;right:25px;height:6px;background:#374151;border-radius:3px;overflow:hidden}.oven-timer-fill{height:100%;background:linear-gradient(90deg,#22c55e,#fbbf24,#ef4444);border-radius:3px;transition:width .1s linear}.workspace{display:flex;gap:1.5rem;align-items:flex-start;width:100%;justify-content:center;flex-wrap:wrap}.pizza-area{display:flex;flex-direction:column;align-items:center;gap:.6rem}.pizza-plate{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);border:4px solid #d1d5db;box-shadow:0 6px 20px #00000026,inset 0 2px 4px #fffc;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s}.pizza-plate:hover{transform:scale(1.02)}.pizza-base{width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#fbbf24,#d97706 70%,#b45309);border:3px solid #92400e;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0000001a}.pizza-sauce{position:absolute;top:10%;left:10%;right:10%;bottom:10%;border-radius:50%;background:radial-gradient(circle,#ef4444,#dc2626 60%,#b91c1c);opacity:0;transition:opacity .4s;box-shadow:inset 0 0 10px #00000026}.pizza-sauce.visible{opacity:1}.pizza-cheese-layer{position:absolute;top:14%;left:14%;right:14%;bottom:14%;border-radius:50%;background:radial-gradient(circle,#fef08a,#fde047,#facc15);opacity:0;transition:opacity .4s}.pizza-cheese-layer.visible{opacity:1}.pizza-topping{position:absolute;font-size:1.8rem;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));animation:topping-drop .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;transition:transform .15s;-webkit-user-select:none;user-select:none}.pizza-topping:hover{transform:scale(1.2)}@keyframes topping-drop{0%{transform:scale(0) translateY(-30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.pizza-base.done{animation:pizza-done-glow .6s ease-in-out 3}@keyframes pizza-done-glow{0%,to{box-shadow:inset 0 0 20px #0000001a}50%{box-shadow:0 0 30px #fbbf2499,inset 0 0 20px #0000001a}}.pizza-label{font-weight:700;color:#78350f;font-size:.9rem}.ingredients-panel{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #d97706;border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 4px 15px #00000026;max-width:200px}.ingredients-title{font-weight:800;color:#92400e;font-size:1rem;text-align:center;border-bottom:2px solid #d97706;padding-bottom:.4rem}.ingredients-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ingredient-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;border:2px solid #d97706;border-radius:10px;background:linear-gradient(135deg,#fffbeb,#fef3c7);cursor:pointer;transition:all .2s;font-family:inherit;-webkit-user-select:none;user-select:none}.ingredient-btn:hover{transform:scale(1.08);background:#fef3c7;box-shadow:0 2px 8px #d977064d}.ingredient-btn:active{transform:scale(.95)}.ingredient-btn.base-btn{grid-column:span 2;flex-direction:row;justify-content:center;gap:.4rem;font-weight:700;font-size:.85rem}.ingredient-btn.sauce-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.ingredient-btn.cheese-btn{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#eab308}.ingredient-emoji{font-size:1.6rem}.ingredient-name{font-size:.65rem;font-weight:600;color:#78350f}.actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.action-btn{padding:.7rem 1.4rem;border:3px solid;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.04em}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-btn:active{transform:translateY(0)}.action-btn.bake{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#991b1b;color:#fff}.action-btn.bake:disabled{background:#9ca3af;border-color:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.action-btn.clear{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#374151;color:#fff}.action-btn.new-pizza{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;color:#fff}.rating-display{display:flex;gap:.3rem;font-size:2rem;animation:rating-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes rating-pop{0%{transform:scale(0)}to{transform:scale(1)}}.star{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.order-card{background:linear-gradient(135deg,#fff,#fef3c7);border:3px solid #d97706;border-radius:14px;padding:.8rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;box-shadow:0 4px 12px #0000001f;min-width:170px}.order-label{font-size:.75rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.1em}.order-items{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center}.order-emoji{font-size:1.4rem;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.order-req{font-size:.7rem;color:#78350f;font-weight:600}.message-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .3s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.message-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.message-box{position:relative;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:4px solid #d97706;border-radius:20px;padding:2rem 2.5rem;text-align:center;box-shadow:0 10px 40px #0000004d;animation:box-pop .4s cubic-bezier(.34,1.56,.64,1);max-width:320px}@keyframes box-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.message-title{font-size:1.6rem;font-weight:900;color:#92400e;margin-bottom:.3rem}.message-subtitle{font-size:.95rem;color:#78350f;margin-bottom:.8rem}.message-btn{padding:.6rem 1.8rem;border:3px solid #15803d;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s}.message-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.kitchen-deco{position:absolute;z-index:5;pointer-events:none}.shelf{top:8%;left:5%;display:flex;gap:12px;font-size:2rem;animation:shelf-sway 3s ease-in-out infinite}@keyframes shelf-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.clock{top:6%;right:6%;font-size:2.5rem;animation:clock-tick 1s steps(1) infinite}@keyframes clock-tick{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.potted-herb{bottom:46%;left:4%;font-size:2rem;animation:herb-sway 2.5s ease-in-out infinite}@keyframes herb-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.chef-hat{bottom:46%;right:5%;font-size:2.2rem;animation:hat-float 2s ease-in-out infinite}@keyframes hat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:640px){.game-title{font-size:1.6rem}.oven{width:260px;height:160px}.pizza-plate{width:220px;height:220px}.pizza-base{width:180px;height:180px}.workspace{flex-direction:column;align-items:center}.ingredients-panel{max-width:100%}.ingredients-grid{grid-template-columns:repeat(4,1fr)}}