:root{--bg: #1a0f0a;--bg-light: #2d1f14;--bg-card: #3a2418;--accent: #e67e22;--accent-dark: #d35400;--green: #27ae60;--red: #e74c3c;--gold: #f1c40f;--text: #fdf0e2;--text-dim: #c4a882;--crust: #d4a05a;--sauce: #c0392b;--cheese: #f1c40f;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.game-container{min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--bg-light);border-bottom:2px solid var(--accent-dark);position:sticky;top:0;z-index:100}.shop-name{font-size:1.2rem;font-weight:700;color:var(--gold)}.top-bar-right{display:flex;gap:1.5rem;align-items:center}.money-display{font-size:1.1rem;font-weight:700;color:var(--green)}.day-display{font-size:.9rem;color:var(--text-dim);background:var(--bg-card);padding:.25rem .75rem;border-radius:1rem}.btn{padding:.85rem 2rem;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn:active{transform:translateY(0)}.btn-start{background:linear-gradient(135deg,var(--accent),var(--accent-dark));font-size:1.3rem;padding:1rem 3rem}.btn-ready{background:linear-gradient(135deg,var(--green),#1e8449);margin-top:1rem}.btn-bake{background:linear-gradient(135deg,#e74c3c,#c0392b);font-size:1.2rem;padding:.85rem 2.5rem;margin-top:1rem}.title-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem}.title-pizza-icon{font-size:6rem;animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title-name{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-sub{color:var(--text-dim);font-size:1.1rem;margin-bottom:1.5rem}.title-instructions{margin-top:2rem;display:flex;flex-direction:column;gap:.6rem;color:var(--text-dim);font-size:.95rem}.day-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.day-badge{font-size:3rem;font-weight:800;color:var(--gold);text-shadow:0 4px 20px rgba(241,196,15,.3)}.day-customers{color:var(--text-dim);font-size:1.1rem;margin-bottom:1rem}.customer-scene{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.customer-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.customer-avatar{font-size:5rem;width:120px;height:120px;display:grid;place-items:center;background:var(--bg-card);border-radius:50%;border:3px solid var(--accent);box-shadow:0 4px 30px #e67e2233}.customer-name-tag{background:var(--bg-card);padding:.3rem 1rem;border-radius:1rem;font-size:.9rem;color:var(--text-dim)}.speech-bubble{background:var(--bg-card);border:2px solid var(--accent-dark);border-radius:1rem;padding:1.5rem;max-width:500px;width:100%;position:relative;opacity:0;transform:translateY(10px);transition:all .4s ease}.speech-bubble.show{opacity:1;transform:translateY(0)}.speech-bubble:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--accent-dark)}.speech-text{font-size:1.1rem;margin-bottom:.75rem;line-height:1.6}.speech-hint{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:var(--text-dim)}.building-phase{flex:1;display:flex;flex-direction:column;padding:1rem 1.5rem}.phase-header{text-align:center;margin-bottom:1rem}.phase-header h2{font-size:1.5rem;color:var(--gold)}.order-reminder{margin-top:.5rem;font-size:1rem;color:var(--text-dim);background:var(--bg-card);padding:.5rem 1rem;border-radius:.5rem;display:inline-block}.builder-layout{flex:1;display:flex;gap:1.5rem;overflow:hidden}.builder-left{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.builder-right{flex:1;overflow-y:auto;padding-bottom:1rem}.pizza-visual{width:220px;height:220px;display:grid;place-items:center}.pizza-base{width:200px;height:200px;border-radius:50%;position:relative;background:var(--crust);box-shadow:0 4px 20px #0006,inset 0 0 30px #0000001a}.pizza-crust{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:14px solid #c8903e;box-shadow:inset 0 0 10px #00000026}.pizza-sauce{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;opacity:.85}.pizza-cheese{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%}.pizza-topping{position:absolute;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d}.builder-section{margin-bottom:1.25rem}.section-title{font-size:1rem;color:var(--gold);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.08)}.option-grid{display:flex;flex-wrap:wrap;gap:.5rem}.toppings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.option-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;background:var(--bg-card);color:var(--text);cursor:pointer;transition:all .15s ease;font-size:.9rem}.option-btn:hover{border-color:var(--accent);background:#e67e221a}.option-btn.selected{border-color:var(--accent);background:#e67e2233;box-shadow:0 0 12px #e67e2233}.option-emoji{font-size:1.3rem;width:28px;text-align:center}.option-name{font-size:.85rem}.oven-scene{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.oven-visual{display:flex;flex-direction:column;align-items:center;gap:1rem}.oven-body{width:300px;height:250px;background:linear-gradient(180deg,#5d4037,#4e342e,#3e2723);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 40px #00000080;border:3px solid #6d4c41}.oven-door{width:240px;height:160px;background:#3e2723;border-radius:.5rem;display:grid;place-items:center;border:2px solid #5d4037}.oven-window{width:200px;height:130px;background:#1a0f0a;border-radius:.25rem;display:grid;place-items:center;position:relative;overflow:hidden}.pizza-in-oven{transition:filter 1s ease}.pizza-in-oven.browning{filter:saturate(1.3) brightness(1.1)}.oven-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(255,100,0,.3));pointer-events:none}.oven-fire{font-size:1.5rem;animation:flicker .3s ease infinite alternate}@keyframes flicker{0%{opacity:.8;transform:scaleY(1)}to{opacity:1;transform:scaleY(1.1)}}.oven-progress-bar{width:260px;height:14px;background:var(--bg-card);border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.oven-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--red));border-radius:.5rem;transition:width .1s linear}.oven-status{font-size:1.1rem;color:var(--gold);font-weight:600}.serve-scene{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem;overflow-y:auto}.rating-display{text-align:center;background:var(--bg-card);padding:1.25rem 2rem;border-radius:1rem;border:2px solid var(--accent-dark);width:100%;max-width:400px}.rating-stars{font-size:2rem;margin-bottom:.5rem}.rating-score{font-size:2.5rem;font-weight:800;color:var(--gold)}.rating-details{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.95rem;color:var(--text-dim)}.total-earn{color:var(--green);font-weight:700}.side-by-side{display:flex;gap:2rem;margin-top:.5rem}.compare-box{text-align:center}.compare-label{font-size:.85rem;color:var(--text-dim);margin-bottom:.3rem}.compare-box .pizza-visual{width:140px;height:140px}.compare-box .pizza-base{width:130px;height:130px}.compare-box .pizza-crust{border-width:10px}.compare-box .pizza-sauce,.compare-box .pizza-cheese{top:10px;right:10px;bottom:10px;left:10px}.compare-box .pizza-topping{width:16px;height:16px}.day-summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.summary-badge{font-size:2.5rem;font-weight:800;color:var(--gold);text-shadow:0 4px 20px rgba(241,196,15,.3)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;max-width:700px}.stat-card{background:var(--bg-card);padding:1.25rem;border-radius:.75rem;text-align:center;border:1px solid rgba(255,255,255,.06)}.stat-card.highlight{border-color:var(--gold);background:#f1c40f14}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--gold)}.stat-label{display:block;font-size:.85rem;color:var(--text-dim);margin-top:.25rem}@media(max-width:700px){.builder-layout{flex-direction:column}.builder-left{flex:none}.pizza-visual{width:160px;height:160px}.pizza-base{width:150px;height:150px}.pizza-crust{border-width:10px}.title-name{font-size:2rem}.side-by-side{gap:1rem}.compare-box .pizza-visual{width:110px;height:110px}.compare-box .pizza-base{width:100px;height:100px}.summary-stats{grid-template-columns:repeat(2,1fr)}}