:root{
      --ink:#34231f;--cream:#fff7e8;--paper:#fffdf7;--red:#e94b35;--red2:#c9362a;
      --gold:#f5b942;--green:#48a868;--blue:#4d8ed7;--muted:#7d6a64;--line:#e9d8c0;
      --shadow:0 18px 50px rgba(74,34,20,.18);--soft:0 8px 24px rgba(74,34,20,.12);
    }
    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:#f5ddba;overflow-x:hidden}
    button{font:inherit;color:inherit}
    body:before{content:"";position:fixed;inset:0;z-index:-2;background:
      radial-gradient(circle at 10% 10%,rgba(255,255,255,.85) 0 4%,transparent 4.2%),
      radial-gradient(circle at 90% 20%,rgba(255,255,255,.5) 0 3%,transparent 3.2%),
      linear-gradient(135deg,#f9e9c9,#efc896)}
    body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.17;background-image:linear-gradient(90deg,transparent 49%,#9d6d45 50%,transparent 51%),linear-gradient(transparent 49%,#9d6d45 50%,transparent 51%);background-size:48px 48px;pointer-events:none}
    .app{width:min(1180px,100%);margin:auto;padding:14px;min-height:100vh;display:flex;flex-direction:column;gap:12px}
    .topbar{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,253,247,.94);border:2px solid rgba(255,255,255,.7);box-shadow:var(--soft);border-radius:20px;backdrop-filter:blur(12px)}
    .brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-badge{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),var(--red2));color:#fff;font-size:27px;box-shadow:0 8px 18px rgba(201,54,42,.3)}
    .brand h1{font-size:clamp(18px,2vw,26px);margin:0;line-height:1}.brand small{color:var(--muted);font-weight:700}
    .stat{background:#fff7e8;border:1px solid var(--line);border-radius:14px;padding:8px 12px;min-width:86px;text-align:center}.stat b{display:block;font-size:18px}.stat span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
    .icon-btn{border:0;width:42px;height:42px;border-radius:13px;background:#fff7e8;cursor:pointer;display:grid;place-items:center;font-size:19px;box-shadow:inset 0 0 0 1px var(--line)}
    .game-shell{position:relative;min-height:650px;flex:1;background:rgba(255,253,247,.96);border:3px solid #fff;border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
    .screen{display:none;min-height:650px;height:100%;padding:24px}.screen.active{display:flex}
    #menuScreen{align-items:center;justify-content:center;text-align:center;background:
      linear-gradient(rgba(255,252,244,.78),rgba(255,248,231,.94)),
      repeating-linear-gradient(45deg,#f6d6a9 0 18px,#efc591 18px 36px)}
    .menu-card{max-width:790px;width:100%;background:rgba(255,255,255,.89);border:2px solid #fff;border-radius:30px;padding:34px;box-shadow:var(--shadow)}
    .hero-pizza{width:180px;height:180px;margin:0 auto 12px;border-radius:50%;position:relative;background:radial-gradient(circle at 45% 42%,#ffd071 0 56%,#d8973e 57% 67%,#a35d28 68%);box-shadow:0 25px 35px rgba(121,67,28,.25);animation:float 3s ease-in-out infinite}
    .hero-pizza i{position:absolute;width:27px;height:27px;border-radius:50%;background:#c52d27;box-shadow:inset -3px -4px rgba(114,17,14,.3)}
    .hero-pizza i:nth-child(1){left:35px;top:45px}.hero-pizza i:nth-child(2){right:34px;top:36px}.hero-pizza i:nth-child(3){left:72px;bottom:30px}.hero-pizza i:nth-child(4){right:30px;bottom:54px}.hero-pizza i:nth-child(5){left:28px;bottom:55px}
    @keyframes float{50%{transform:translateY(-7px) rotate(2deg)}}
    .menu-card h2{font-size:clamp(38px,7vw,76px);line-height:.9;margin:10px 0 14px;color:var(--red);letter-spacing:-.05em;text-shadow:0 4px #ffd3a3}.menu-card p{font-size:18px;color:var(--muted);max-width:620px;margin:0 auto 20px;line-height:1.6}
    .primary,.secondary,.station-btn{border:0;border-radius:15px;padding:13px 22px;font-weight:900;cursor:pointer;transition:.18s transform,.18s filter;box-shadow:0 7px 0 rgba(114,36,26,.2)}
    .primary{background:linear-gradient(#ef5c45,#d43a2d);color:#fff}.secondary{background:#fff1d9;color:var(--ink);box-shadow:0 7px 0 #e3c49c}.primary:hover,.secondary:hover,.station-btn:hover{filter:brightness(1.04);transform:translateY(-2px)}.primary:active,.secondary:active,.station-btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(114,36,26,.2)}
    .menu-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.feature{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fffaf0;font-weight:800}.feature span{display:block;font-size:25px;margin-bottom:5px}
    #gameScreen{padding:0;flex-direction:column}.station-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;background:#4c3028}.station-tab{border:0;border-radius:14px;padding:11px 8px;background:#6d4a3f;color:#e9d8d0;font-weight:900;cursor:pointer;position:relative}.station-tab.active{background:#fff2d7;color:var(--ink)}.station-tab.locked{opacity:.42;cursor:not-allowed}.station-tab .badge{position:absolute;right:7px;top:5px;background:var(--red);color:#fff;border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px}
    .game-area{display:grid;grid-template-columns:280px 1fr;min-height:596px}.orders-panel{background:#f8ead0;border-right:2px solid #e0c8a6;padding:14px;overflow:auto}.orders-panel h3{margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.orders-list{display:grid;gap:10px}.order-ticket{background:#fff;border:2px solid #ead7b9;border-radius:16px;padding:12px;cursor:pointer;box-shadow:0 5px 12px rgba(90,53,28,.08);transition:.15s}.order-ticket:hover{transform:translateY(-2px)}.order-ticket.selected{border-color:var(--red);box-shadow:0 0 0 3px rgba(233,75,53,.13)}.ticket-top{display:flex;align-items:center;gap:8px}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:25px;background:#ffe1b7}.ticket-name{font-weight:900}.ticket-meta{font-size:12px;color:var(--muted)}.patience{height:7px;background:#eee0ca;border-radius:99px;margin-top:10px;overflow:hidden}.patience i{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .3s,background .3s}.ticket-recipe{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.mini-chip{font-size:13px;background:#fff3df;border:1px solid #efd2a8;padding:3px 6px;border-radius:8px}
    .workspace{position:relative;padding:18px;background:linear-gradient(180deg,#fffdf7,#fff7e7);overflow:hidden}.station{display:none;height:100%;animation:pop .2s ease}.station.active{display:flex;flex-direction:column}.station-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.station-head h2{margin:0;font-size:25px}.hint{color:var(--muted);font-weight:700;font-size:13px}.empty-state{margin:auto;text-align:center;color:var(--muted)}.empty-state .big{font-size:70px;display:block;filter:grayscale(.25)}
    @keyframes pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
    .order-desk{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:center;flex:1}.customer-stage{min-height:380px;border-radius:24px;background:linear-gradient(#cbe9ff 0 44%,#f7e7bd 44% 100%);position:relative;overflow:hidden;border:2px solid #c7d9df}.customer-stage:before{content:"";position:absolute;left:0;right:0;top:44%;height:12px;background:#9d613f}.customer-figure{position:absolute;left:50%;bottom:57px;transform:translateX(-50%);text-align:center}.customer-head{font-size:92px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.12))}.customer-bubble{position:absolute;left:calc(50% + 75px);top:55px;width:210px;background:#fff;border:3px solid var(--ink);border-radius:20px;padding:12px;font-weight:800;box-shadow:var(--soft)}.customer-bubble:after{content:"";position:absolute;left:-14px;bottom:22px;width:22px;height:22px;background:#fff;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}
    .ticket-large{background:#fffdf8;border:3px dashed #d7b57e;border-radius:20px;padding:18px;box-shadow:var(--soft)}.ticket-large h3{margin:0 0 5px}.ticket-line{display:flex;justify-content:space-between;border-bottom:1px dashed #dcc5a4;padding:9px 0;font-weight:800}.ticket-line:last-child{border:0}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.station-btn{background:#ffe4b8;box-shadow:0 6px 0 #dcb27a}.station-btn.good{background:#61bd79;color:#fff;box-shadow:0 6px 0 #39824d}.station-btn.danger{background:#f07a67;color:#fff;box-shadow:0 6px 0 #b74a3b}
    .build-layout{display:grid;grid-template-columns:190px 1fr 180px;gap:16px;align-items:center;flex:1}.ingredient-rail,.build-summary{align-self:stretch;background:#fff7e7;border:2px solid #ecd3ae;border-radius:20px;padding:12px}.ingredient-rail h3,.build-summary h3{font-size:15px;margin:0 0 10px}.ingredient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ingredient{border:2px solid #ecd8b9;background:linear-gradient(180deg,#fffdfb,#fff4e8);border-radius:15px;padding:8px 4px;cursor:pointer;text-align:center;display:grid;place-items:center;gap:4px;min-height:72px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.ingredient small{font-size:10px;display:block;font-weight:900;color:var(--muted)}.ingredient.active{border-color:var(--red);background:#fff0e6;box-shadow:0 0 0 3px rgba(233,75,53,.1)}.ingredient-icon{width:34px;height:34px;position:relative;display:block}.ingredient-icon.sauce{border-radius:50%;background:radial-gradient(circle at 42% 38%,#ef7555 0,#d4462f 62%,#a93321 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.25)}.ingredient-icon.cheese{background:linear-gradient(145deg,#ffe680,#f3c746);clip-path:polygon(7% 18%,95% 0,82% 93%,0 76%);border-radius:6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.22)}.ingredient-icon.cheese:before,.ingredient-icon.cheese:after{content:"";position:absolute;border-radius:50%;background:rgba(228,176,41,.8)}.ingredient-icon.cheese:before{width:7px;height:7px;left:11px;top:9px}.ingredient-icon.cheese:after{width:6px;height:6px;right:7px;bottom:8px}.ingredient-icon.pepperoni{border-radius:50%;background:radial-gradient(circle at 38% 35%,#db6d57 0,#b7281f 58%,#8a170e 100%);box-shadow:inset -2px -3px 0 rgba(92,13,8,.45)}.ingredient-icon.pepperoni:before,.ingredient-icon.pepperoni:after{content:"";position:absolute;border-radius:50%;background:rgba(255,209,169,.5)}.ingredient-icon.pepperoni:before{width:5px;height:5px;left:8px;top:10px}.ingredient-icon.pepperoni:after{width:4px;height:4px;right:9px;bottom:9px}.ingredient-icon.mushroom:before{content:"";position:absolute;left:5px;top:5px;width:24px;height:17px;border-radius:14px 14px 10px 10px;background:radial-gradient(circle at 45% 28%,#f6eee4 0,#d6bda3 62%,#b79172 100%)}.ingredient-icon.mushroom:after{content:"";position:absolute;left:12px;top:18px;width:10px;height:11px;border-radius:0 0 6px 6px;background:#efe7da;box-shadow:0 0 0 1px rgba(162,122,93,.2)}.ingredient-icon.olive{border-radius:50%;border:8px solid #2e2a24;box-shadow:inset 0 0 0 2px #5d574f}.ingredient-icon.pepper:before{content:"";position:absolute;left:4px;top:9px;width:24px;height:12px;border:6px solid #49a75e;border-left-color:transparent;border-radius:50%;transform:rotate(-10deg)}.ingredient-icon.onion:before,.ingredient-icon.onion:after{content:"";position:absolute;border:4px solid rgba(173,105,185,.92);border-radius:50%}.ingredient-icon.onion:before{left:4px;top:9px;width:25px;height:14px;transform:rotate(-16deg)}.ingredient-icon.onion:after{left:8px;top:11px;width:17px;height:10px;transform:rotate(-16deg)}.ingredient-icon.eraser{border-radius:10px;background:linear-gradient(135deg,#fff 0 43%,#ffbcbc 43% 100%);border:2px solid #e8d0c7}.pizza-board{display:grid;place-items:center;min-height:430px;background:radial-gradient(circle,#f3d29f 0 45%,#c8874f 46% 47%,#a56339 48% 100%);border:9px solid #74422d;border-radius:34px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.2),var(--soft);position:relative}.pizza{width:min(370px,78vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 45% 44%,#f6ce77 0 54%,#d99347 55% 69%,#9d572d 70%);box-shadow:0 14px 25px rgba(82,39,19,.25);overflow:hidden;cursor:crosshair}.pizza:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.08),transparent 35%),radial-gradient(circle at 70% 68%,rgba(255,255,255,.06),transparent 38%);pointer-events:none}.pizza.sauced:before{content:"";position:absolute;inset:13.5%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#e76343 0,#cf422b 65%,#b93623 100%);box-shadow:inset 0 0 0 8px rgba(140,36,23,.12)}.pizza.cheesed .cheese-layer{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle at 45% 35%,#ffe596 0,#f8cf62 55%,#efbf48 100%);opacity:.95;z-index:2}.pizza.cheesed .cheese-layer:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 30% 40%,rgba(255,239,173,.58) 0 6px,transparent 6px 22px),repeating-radial-gradient(circle at 68% 62%,rgba(255,231,147,.42) 0 5px,transparent 5px 18px)}.topping{position:absolute;transform:translate(-50%,-50%);z-index:3;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.topping.pepperoni{width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#d86d58 0,#bb2e21 58%,#88170f 100%);box-shadow:inset -3px -4px 0 rgba(99,20,13,.44)}.topping.pepperoni:before,.topping.pepperoni:after{content:"";position:absolute;border-radius:50%;background:rgba(255,205,165,.55)}.topping.pepperoni:before{width:5px;height:5px;left:6px;top:9px}.topping.pepperoni:after{width:4px;height:4px;right:8px;bottom:7px}.topping.mushroom{width:28px;height:28px}.topping.mushroom:before{content:"";position:absolute;left:3px;top:5px;width:22px;height:15px;border-radius:13px 13px 9px 9px;background:radial-gradient(circle at 45% 25%,#f5eee6 0,#d3b89b 60%,#b38f73 100%)}.topping.mushroom:after{content:"";position:absolute;left:10px;top:16px;width:8px;height:9px;border-radius:0 0 5px 5px;background:#efe8dd}.topping.olive{width:20px;height:20px;border:6px solid #302c25;border-radius:50%;box-shadow:inset 0 0 0 2px #5a544a}.topping.pepper{width:27px;height:12px;border:6px solid #48a85c;border-left-color:transparent;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rot));box-shadow:0 0 0 1px rgba(255,255,255,.18)}.topping.onion{width:24px;height:16px;border:4px solid rgba(189,123,196,.95);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rot))}.topping.onion:before{content:"";position:absolute;inset:2px 3px;border:2px solid rgba(223,178,228,.85);border-radius:50%}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #dfc6a2;font-weight:800}.summary-item:last-child{border:0}.count-pill{background:#fff;border-radius:8px;padding:1px 7px}.build-summary .action-row{display:grid}.tiny-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:10px}
    .oven-layout{display:grid;grid-template-columns:1fr 250px;gap:18px;align-items:center;flex:1}.oven{background:#51382f;border:12px solid #38251f;border-radius:30px;padding:22px;box-shadow:inset 0 0 0 3px #8c6253,var(--soft)}.oven-window{height:330px;border:12px solid #25201e;border-radius:20px;background:radial-gradient(circle at 50% 80%,#ffce57,#e95b32 38%,#301c19 70%);display:grid;place-items:center;position:relative;overflow:hidden}.oven-window:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.04) 25px 26px)}.oven-pizza{width:240px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f5cf6c 0 62%,#c9833e 63%);position:relative;transition:filter .2s,transform .2s;box-shadow:0 18px 22px rgba(0,0,0,.3)}.oven-pizza .topping{transform:translate(-50%,-50%) scale(.7)}.oven-pizza .topping.pepper,.oven-pizza .topping.onion{transform:translate(-50%,-50%) rotate(var(--rot)) scale(.7)}.oven-pizza.sauced:before,.oven-pizza.cheesed:after{content:"";position:absolute;inset:14%;border-radius:50%}.oven-pizza.sauced:before{background:#cf4930}.oven-pizza.cheesed:after{inset:17%;background:#f5c84a;opacity:.9}.oven-control{background:#fff7e7;border:2px solid #ecd3ae;border-radius:20px;padding:16px}.oven-control h3{margin:0 0 8px}.bake-meter{height:260px;width:45px;margin:16px auto;background:linear-gradient(to top,#6294da 0 25%,#62bd78 25% 58%,#f7b542 58% 76%,#e85a47 76%);border-radius:99px;border:5px solid #fff;box-shadow:0 0 0 2px #cfae83;position:relative}.bake-needle{position:absolute;left:-12px;right:-12px;height:8px;background:#2e211e;border-radius:9px;bottom:0%;transition:bottom .07s linear}.bake-needle:before{content:"";position:absolute;left:-8px;top:-5px;border:9px solid transparent;border-right-color:#2e211e}.meter-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:900;color:var(--muted)}
    .cut-layout{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:center;flex:1}.cut-board{display:grid;place-items:center;background:linear-gradient(90deg,#d39b5e,#e6b774);min-height:440px;border:8px solid #8e5935;border-radius:30px;position:relative;overflow:hidden}.cut-board:before{content:"";position:absolute;inset:14px;border-radius:24px;border:2px dashed rgba(255,255,255,.25);pointer-events:none}.cut-pizza{width:min(380px,78vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle,#e9b950 0 62%,#b96f31 63%);box-shadow:0 15px 25px rgba(75,39,20,.25);overflow:hidden}.cut-pizza.sauced:before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#d65a3a 0,#b93f2b 100%)}.cut-pizza.cheesed .cheese-layer{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle at 45% 35%,#f7d66b 0,#e6b84a 100%);opacity:.94;z-index:2}.cut-pizza.cheesed .cheese-layer:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 34% 40%,rgba(255,241,173,.56) 0 6px,transparent 6px 18px),repeating-radial-gradient(circle at 66% 58%,rgba(255,231,147,.4) 0 5px,transparent 5px 17px)}.cut-line{position:absolute;left:50%;top:50%;width:100%;height:5px;background:#7b3e2a;transform-origin:center;z-index:6;box-shadow:0 1px rgba(255,255,255,.35)}.pizza-cutter{position:absolute;right:52px;bottom:36px;width:155px;height:90px;pointer-events:none;transform:rotate(-15deg);transition:transform .25s ease}.pizza-cutter .handle{position:absolute;right:10px;top:14px;width:84px;height:18px;border-radius:999px;background:linear-gradient(180deg,#454c53,#262c33);box-shadow:inset 0 2px 1px rgba(255,255,255,.15)}.pizza-cutter .arm{position:absolute;right:70px;top:24px;width:35px;height:8px;border-radius:999px;background:#a6afb6;transform:rotate(-18deg);transform-origin:right center}.pizza-cutter .wheel{position:absolute;left:14px;top:28px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fefefe 0,#cdd5dc 55%,#98a2ac 100%);border:4px solid #87919a;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.pizza-cutter .wheel:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#7f8991}.cut-board.cutting .pizza-cutter{transform:rotate(-6deg) translate(-26px,-20px)}.cut-control{background:#fff7e7;border:2px solid #ecd3ae;border-radius:20px;padding:16px}.slice-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:13px 0}.slice-btn{border:2px solid #e5c79b;background:#fff;border-radius:13px;padding:12px;font-weight:900;cursor:pointer}.slice-btn.active{border-color:var(--red);background:#fff0e8}.score-preview{background:#fff;border-radius:14px;padding:12px;margin:10px 0}.score-row{display:flex;justify-content:space-between;padding:5px 0;font-weight:800}
    .toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%,30px);background:#2e231f;color:#fff;padding:12px 18px;border-radius:13px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
    .modal{position:absolute;inset:0;background:rgba(38,24,20,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:50;backdrop-filter:blur(6px)}.modal.show{display:flex}.modal-card{width:min(640px,100%);max-height:90%;overflow:auto;background:#fffdf7;border-radius:26px;padding:25px;box-shadow:var(--shadow);text-align:center}.modal-card h2{margin:0 0 8px;font-size:34px}.grade{font-size:74px;font-weight:1000;color:var(--red);line-height:1}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.result-box{background:#fff2de;border-radius:14px;padding:10px}.result-box b{font-size:22px;display:block}.result-box span{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.upgrade{border:2px solid #ead2ae;background:#fff9ee;border-radius:16px;padding:13px;cursor:pointer}.upgrade.owned{border-color:var(--green);background:#effbef}.upgrade .emoji{font-size:30px}.upgrade b{display:block}.upgrade small{display:block;color:var(--muted);min-height:32px}.upgrade .price{margin-top:7px;color:var(--red);font-weight:900}
    #helpScreen{align-items:flex-start;justify-content:center;background:#fff8eb;overflow:auto}.help-card{max-width:820px;margin:auto}.help-card h2{font-size:38px;margin:0 0 10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{background:#fff;border:2px solid var(--line);border-radius:18px;padding:16px}.step span{font-size:35px}.step h3{margin:7px 0}.step p{font-size:13px;color:var(--muted);line-height:1.5}
    .confetti{position:absolute;width:10px;height:18px;top:-20px;animation:fall 1.8s linear forwards;z-index:80}@keyframes fall{to{transform:translate(var(--drift),720px) rotate(720deg);opacity:.3}}
    @media(max-width:900px){.topbar{grid-template-columns:1fr repeat(3,auto)}.topbar .stat:nth-of-type(3){display:none}.game-area{grid-template-columns:220px 1fr}.order-desk{grid-template-columns:1fr}.customer-stage{min-height:320px}.customer-bubble{left:55%;top:20px}.build-layout{grid-template-columns:150px 1fr}.build-summary{grid-column:1/-1;align-self:auto}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.oven-layout,.cut-layout{grid-template-columns:1fr}.bake-meter{height:150px}.oven-control{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}.steps{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:670px){.app{padding:0}.topbar{border-radius:0;position:sticky;top:0;z-index:90;padding:7px}.brand small{display:none}.brand-badge{width:38px;height:38px;border-radius:11px}.stat{min-width:65px;padding:6px}.stat b{font-size:15px}.game-shell{border-radius:0;border:0;min-height:calc(100vh - 58px)}.screen{min-height:calc(100vh - 58px);padding:14px}.menu-card{padding:22px;border-radius:22px}.hero-pizza{width:130px;height:130px}.features{grid-template-columns:1fr}.feature{padding:9px}.station-tabs{position:sticky;top:0;z-index:10;padding:7px}.station-tab{font-size:12px;padding:9px 3px}.game-area{display:block}.orders-panel{border-right:0;border-bottom:2px solid #e0c8a6;padding:8px;max-height:165px}.orders-list{display:flex;overflow:auto}.order-ticket{min-width:205px}.workspace{padding:10px;min-height:520px}.order-desk{grid-template-columns:1fr}.customer-stage{min-height:290px}.customer-head{font-size:72px}.customer-bubble{position:relative;left:auto;top:auto;width:auto;margin:15px}.customer-bubble:after{display:none}.ticket-large{padding:12px}.build-layout{display:flex;flex-direction:column}.ingredient-rail,.build-summary{width:100%;align-self:auto}.ingredient-grid{grid-template-columns:repeat(4,1fr)}.ingredient{font-size:19px;padding:7px 1px}.ingredient small{font-size:8px}.pizza-board{min-height:350px;width:100%}.oven-window{height:310px}.oven-control{display:block}.bake-meter{height:130px}.cut-board{min-height:370px}.cut-control{width:100%}.cut-layout{display:flex;flex-direction:column}.results-grid{grid-template-columns:repeat(2,1fr)}.upgrade-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.screen#helpScreen{padding:20px}.topbar .icon-btn{display:none}}