@view-transition{navigation:auto}:root{--wood-1: #ead6b2;--wood-2: #dfc59b;--panel-bg: rgba(250, 245, 236, .94);--panel-w: clamp(340px, 29vw, 430px);--gutter-x: 16px}html{height:100%;scroll-behavior:auto}body.game{height:100%;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--wood-1);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}@supports (height: 100dvh){body.game{height:100dvh;min-height:100dvh}}.worktop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;transform:translateZ(0);background-color:var(--wood-1);background-image:radial-gradient(120% 95% at 45% 42%,#0000 52%,#4a2c1447),radial-gradient(26% 20% at 16% 74%,#fffdf652,#fffdf600 70%),radial-gradient(24% 18% at 84% 20%,#fffdf66b,#fffdf600 70%),radial-gradient(40% 30% at 50% 50%,#fffdf659,#fffdf600 70%),var(--tex-flour, none),var(--tex-wood, none),repeating-linear-gradient(90deg,#6e482400 0 calc(25vw - 2px),#6e482421 calc(25vw - 2px) 25vw),linear-gradient(90deg,var(--wood-1),var(--wood-2) 25%,var(--wood-1) 50%,#e3cba3 75%,var(--wood-1));background-size:auto,auto,auto,auto,320px 320px,640px 640px,auto,auto}.decor{position:absolute;pointer-events:none}.decor svg{width:100%;height:auto;display:block}.decor-pot{width:clamp(84px,10vw,160px);left:clamp(-34px,-1.5vw,-6px);top:clamp(150px,22vh,210px);transform:rotate(-5deg)}.decor-towel{width:clamp(200px,23vw,360px);right:clamp(-80px,-4vw,-30px);bottom:clamp(-70px,-5vh,-30px);transform:rotate(-9deg)}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back actions" "progress progress";align-items:center;gap:2px 10px;padding:max(6px,env(safe-area-inset-top)) var(--gutter-x) 6px;background:linear-gradient(180deg,#f5eddff7,#f3eadbe6);border-bottom:1px solid rgba(42,35,32,.08)}.back-link{grid-area:back;justify-self:start;display:inline-flex;align-items:center;gap:.4em;min-height:44px;font:600 1rem/1.1 var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 0,"opsz" 24;color:var(--c-ink);text-decoration:none;white-space:nowrap}.back-link span{transition:transform var(--dur-fast) var(--ease-out)}.back-link:hover span{transform:translate(-3px)}.back-link:hover{color:var(--c-terracotta-deep)}.progress{grid-area:progress;list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.progress li{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;font:600 11px/1.1 var(--f-body);letter-spacing:.01em;color:var(--c-ink-soft)}.progress li:not(:first-child):before{content:"";position:absolute;top:10px;right:50%;width:100%;height:2px;background:#2a232026;z-index:0;border-radius:2px}.progress li.is-done:before,.progress li.is-current:before{background:var(--c-olive)}.pdot{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--c-cream);box-shadow:inset 0 0 0 2px #2a232033;font:700 11px/1 var(--f-body);color:var(--c-ink-soft);transition:background var(--dur-med),box-shadow var(--dur-med),transform var(--dur-med) var(--ease-spring)}.progress li.is-done .pdot{background:var(--c-olive);box-shadow:none;color:var(--c-flour)}.progress li.is-done .pnum{font-size:0}.progress li.is-done .pnum:before{content:"✓";font-size:12px}.progress li.is-current .pdot{background:var(--c-terracotta);color:var(--c-flour);box-shadow:0 0 0 4px #a94a2633;transform:scale(1.1)}.progress li.is-current{color:var(--c-ink)}.progress li.is-current .plabel{font-weight:750}.topbar-actions{grid-area:actions;display:flex;align-items:center;gap:8px}.icon-btn,.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:44px;min-width:44px;border:1.5px solid rgba(42,35,32,.18);border-radius:var(--r-pill);background:#fffdf8bf;color:var(--c-ink);font:650 14px/1 var(--f-body);transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.icon-btn{width:44px;padding:0}.pill-btn{padding:0 14px 0 11px;white-space:nowrap}.icon-btn:hover,.pill-btn:hover{background:var(--c-flour);border-color:var(--c-terracotta)}.icon-btn:active,.pill-btn:active{transform:scale(.96)}.icon-btn svg{width:22px;height:22px}.pill-btn svg{width:18px;height:18px}.sound-btn[aria-pressed=false]{color:var(--c-ink-soft);background:#fffdf866}.sound-icon{display:grid;place-items:center}.restart-wrap{position:relative}.confirm{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:min(290px,calc(100vw - 32px));padding:14px 14px 12px;border-radius:var(--r-md);background:var(--c-charcoal);color:var(--c-on-dark);box-shadow:var(--shadow-lift);animation:pop-in .24s var(--ease-spring) both}.confirm:before{content:"";position:absolute;top:-6px;right:28px;width:12px;height:12px;background:var(--c-charcoal);transform:rotate(45deg);border-radius:2px}.confirm p{margin:0 0 10px;font-size:14.5px;line-height:1.4}.confirm-actions{display:flex;gap:8px}.confirm-actions button{flex:1;min-height:44px;border:0;border-radius:var(--r-pill);font:650 14px/1.1 var(--f-body);padding:0 12px}.confirm-yes{background:var(--c-terracotta);color:var(--c-flour)}.confirm-no{background:var(--c-flour);color:var(--c-ink)}.confirm :focus-visible{outline-color:var(--c-honey)}.game-main{position:relative;z-index:1;min-height:0;overflow:clip;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.instruction{position:relative;z-index:3;text-align:center;padding:8px var(--gutter-x) 2px}#step-title{font-size:clamp(1.3rem,.95rem + 1.9vw,2.75rem);font-weight:620;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72;letter-spacing:-.012em;color:var(--c-ink);outline:none}.hand-hint{display:inline-block;margin:2px 0 0;font:650 clamp(1.15rem,1rem + .75vw,1.65rem)/1.1 var(--f-hand);color:var(--c-terracotta-deep);transform:rotate(-1.5deg)}.hand-hint[hidden]{display:none}.hand-hint.is-flash{animation:wiggle .7s var(--ease-out)}.stage{position:relative;z-index:2;min-height:0;container-type:size;display:grid;place-items:center}.stage-inner{position:relative;width:min(100cqw - 2 * var(--gutter-x),100cqh - 16px);aspect-ratio:1}.stage-inner:before{content:"";position:absolute;inset:-14%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#fffdf699,#fffdf640 60%,#fffdf600);border-radius:50%}.board{position:absolute;inset:0;view-transition-name:pizza-stage;will-change:transform;transition:opacity .45s var(--ease-out),transform .6s var(--ease-out)}.board-face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0000 65%,#2814063d,#ffe2be21 67.6%,#0000 69%),radial-gradient(circle at 32% 26%,#ffe4be4d,#ffe4be00 50%),var(--tex-board, none) center / 100% 100%,radial-gradient(circle at 50% 46%,#9c6a40,#8a5a33 62%,#774a28 92%,#66401f);box-shadow:inset 0 0 0 2px #ffecd238,inset 0 -16px 30px #46260c52,inset 0 12px 24px #fff0d738,0 36px 60px -26px #321c0a9e,0 6px 14px #321c0a33}.board-handle{position:absolute;left:50%;top:50%;width:66%;height:12.5%;transform-origin:0 50%;transform:translateY(-50%) rotate(38deg);border-radius:0 999px 999px 0;background:radial-gradient(circle at 92% 50%,#3c200c8c 0 3.2%,#0000 3.6%),linear-gradient(180deg,#a2703f,#8a5a33 55%,#704621);box-shadow:0 18px 26px -14px #321c0a8c,inset 0 2px #ffecd24d}.pizza{position:absolute;inset:3%;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body[data-step=dough] .pizza{cursor:pointer}body[data-step=sauce] .pizza,body[data-step=cheese] .pizza{cursor:crosshair}body[data-step=toppings] .pizza{cursor:copy}.pizza.hide-cursor{cursor:none!important}.pizza-layers,.layer{position:absolute;inset:0;width:100%;height:100%}.pizza-layers{pointer-events:none;transform-origin:50% 50%}.layer{display:block;max-width:none}.layer-baked{opacity:0}.layer-sauce{transition:filter 1.1s var(--ease-out)}.pizza.is-baked .layer-sauce{filter:saturate(1.08) brightness(.9) contrast(1.05)}.pizza-light{position:absolute;inset:3%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 34% 28%,#fffaec21,#fffaec00 44%),radial-gradient(circle at 50% 50%,#0000 64%,#46230a1a);opacity:0;transition:opacity .6s}body:not([data-step=dough]) .pizza-light{opacity:1}.toppings{position:absolute;inset:0;transition:filter 1.1s var(--ease-out)}.pizza.is-baked .toppings{filter:sepia(.28) saturate(1.15) brightness(.92) contrast(1.04)}.topping{position:absolute;display:block;max-width:none;height:auto;aspect-ratio:1;transform-origin:50% 50%;pointer-events:auto;cursor:grab;-webkit-user-drag:none;user-select:none}body:not([data-step=toppings]) .topping{pointer-events:none}.topping.is-lifted{will-change:transform;cursor:grabbing;filter:drop-shadow(0 10px 8px rgba(45,22,6,.38))}.topping.is-leaving{opacity:.45}.topping.is-settling{transition:left .24s var(--ease-out),top .24s var(--ease-out)}.pizza-fx{position:absolute;inset:0;pointer-events:none;z-index:4}.puff{position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffdf6f2,#fffdf68c 38%,#fffdf600 70%)}.tool{position:absolute;left:50%;top:50%;z-index:5;pointer-events:none;will-change:transform;opacity:0;transition:opacity .14s}.tool.is-on{opacity:1}.tool svg,.tool img{display:block;width:100%;height:auto;max-width:none}.tool--spoon{width:30%;transform:translate(-22.5%,-22.5%)}.tool--cheese{width:17%;transform:translate(-50%,-50%)}.tool--ghost{width:calc(var(--tw, .1) * 100%);transform:translate(-50%,-50%)}.tool--ghost.is-on{opacity:.55}.steam{position:absolute;inset:0;pointer-events:none;transition:opacity .8s}.steam.is-fading{opacity:0}.wisp{position:absolute;width:8%;color:#ffffffeb;filter:blur(3px);opacity:0;animation:wisp 3.2s var(--ease-out) 2 both}.wisp svg{width:100%;height:auto}.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:950}.drag-ghost{position:fixed;left:0;top:0;z-index:960;max-width:none;height:auto;pointer-events:none;opacity:.8;filter:drop-shadow(0 14px 12px rgba(40,20,5,.35));transition:opacity .12s}.drag-ghost.is-over{opacity:1}body[data-step=bake] .board{opacity:0;transform:scale(.86) translateY(6%);pointer-events:none}.board.is-arriving{animation:arrive .9s var(--ease-spring) both}.oven{position:absolute;left:50%;top:4%;width:104%;aspect-ratio:600 / 560;opacity:0;transform:translate(-50%,5%);transition:opacity .5s var(--ease-out),transform .7s var(--ease-out);pointer-events:none}.oven[hidden]{display:none}.oven.is-shown{opacity:1;transform:translate(-50%)}.oven-back,.oven-front{position:absolute;inset:0}.oven-back svg,.oven-front svg{display:block;width:100%;height:100%}.oven-back{z-index:1}.oven-front{z-index:3;filter:drop-shadow(0 18px 24px rgba(60,25,8,.25))}.oven-pizza{position:absolute;z-index:2;left:51.667%;top:64.643%;width:26.667%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.34);opacity:0}.oven-pizza.is-front{z-index:4}.oven-pizza canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none}.op-baked{opacity:0}.oven.is-baking .op-baked{opacity:1;transition:opacity var(--bake-ms, 8s) linear}.oven.is-done .op-baked{opacity:1;transition:none}.oven.is-hot .oven-pizza{filter:brightness(1.06) saturate(1.1)}.oven-glow{position:absolute;z-index:5;left:50%;top:56%;width:52%;aspect-ratio:1.1;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 55%,#ffb05a80,#ff782829 42%,#ff782800 66%);mix-blend-mode:screen;opacity:0;transition:opacity .8s;pointer-events:none}.oven.is-hot .oven-glow{opacity:.95;animation:glow 2.2s ease-in-out infinite alternate}.oven-shimmer{position:absolute;z-index:6;left:37%;top:15%;width:26%;height:22%;background:repeating-linear-gradient(0deg,#fff4e400 0 7px,#fff4e438 8px 9px,#fff4e400 10px 15px);filter:blur(1.4px);-webkit-mask-image:radial-gradient(ellipse at 50% 85%,#000 18%,transparent 68%);mask-image:radial-gradient(ellipse at 50% 85%,#000 18%,transparent 68%);opacity:0;transition:opacity .9s;animation:shimmer 1.4s linear infinite}.oven.is-hot .oven-shimmer{opacity:.8}.oven-smoke{position:absolute;z-index:6;left:50%;top:11%;width:11%;height:1px}.oven-smoke span{position:absolute;left:50%;bottom:0;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffffb3,#fff0 70%);opacity:0;animation:smoke 3.6s ease-out infinite}.oven-smoke span:nth-child(2){animation-delay:1.2s}.oven-smoke span:nth-child(3){animation-delay:2.4s}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:flicker 1.2s ease-in-out infinite alternate}.fl2{animation-duration:.85s;animation-delay:-.3s}.fl3{animation-duration:.6s;animation-delay:-.15s}.ember{animation:ember 1.6s ease-in-out infinite alternate}.e2{animation-delay:-.5s}.e3{animation-delay:-1s}.e4{animation-delay:-.2s}.ov-fireglow{animation:fireglow 1.7s ease-in-out infinite alternate}.panel{position:relative;z-index:4;display:flex;flex-direction:column;background:var(--panel-bg);border-radius:24px 24px 0 0;padding:12px var(--gutter-x) calc(58px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px -14px #3c230f66,0 -1px #ffffffb3 inset;outline:none}.eyebrow{margin:0 0 8px;font:750 11.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c-terracotta-deep)}.panel-body{display:grid;gap:12px;align-content:start}.panel-body>*{margin:0;min-width:0}.panel-foot{margin-top:12px}.panel-foot[hidden]{display:none}.panel-lede{font-size:15px;line-height:1.45;color:var(--c-ink-soft)}.panel-tip{font-size:13.5px;line-height:1.4;color:var(--c-ink-soft)}.group-label{font:650 13px/1.2 var(--f-body);color:var(--c-ink-soft);padding:0;margin:0 0 8px}.choice-group{border:0;margin:0;padding:0;min-width:0}.next-btn{width:100%;min-height:54px;font-size:1.0625rem}.next-btn[aria-disabled=true]{--btn-bg: rgba(255, 253, 248, .6);--btn-fg: var(--c-ink-soft);box-shadow:inset 0 0 0 2px #2a232033;cursor:help}.next-btn[aria-disabled=true]:hover{transform:none;box-shadow:inset 0 0 0 2px #2a232052}.next-btn[aria-disabled=true] .arrow{opacity:.6}.next-btn{position:relative}.next-btn.is-ready:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 3px #a94a2673;opacity:0;animation:ready-ring 2.6s ease-out .6s infinite}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:8px 4px 9px;border:2px solid transparent;border-radius:18px;background:var(--c-flour);color:var(--c-ink);box-shadow:0 1px #fff inset,0 8px 16px -12px #3c230f8c,0 0 0 1px #2a232014;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}.choice:hover{transform:translateY(-2px)}.choice[aria-pressed=true]{border-color:var(--c-terracotta);background:#fff7ec;box-shadow:0 0 0 4px #a94a2624,0 10px 18px -12px #6e280f99}.choice-art{display:block;width:58px;height:58px;transition:transform var(--dur-med) var(--ease-spring)}.choice[aria-pressed=true] .choice-art{transform:scale(1.06) rotate(-4deg)}.choice-art svg{width:100%;height:100%}.choice-label{font:700 14.5px/1.15 var(--f-body)}.choice-sub{font:500 12px/1.15 var(--f-body);color:var(--c-ink-soft)}.choice-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--c-terracotta);color:var(--c-flour);opacity:0;transform:scale(.4);transition:opacity var(--dur-fast),transform var(--dur-med) var(--ease-spring)}.choice-check svg{width:14px;height:14px}.choice[aria-pressed=true] .choice-check{opacity:1;transform:scale(1)}.meter{display:grid;gap:6px}.meter-head{display:flex;justify-content:space-between;align-items:baseline;font:650 13px/1.2 var(--f-body);color:var(--c-ink-soft)}.meter-val{color:var(--c-ink);font-variant-numeric:tabular-nums}.meter-track{position:relative;height:12px;border-radius:99px;background:#2a23201a;box-shadow:inset 0 1px 2px #2a232026;overflow:hidden}.meter-fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--c-honey),var(--c-ember) 70%,var(--c-terracotta));border-radius:inherit;transition:transform .2s var(--ease-out)}.meter.is-met .meter-fill{background:linear-gradient(90deg,#95ad55,var(--c-olive))}.meter-goal{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#2a232073}.tool-row{display:flex;gap:8px;flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.65em 1.15em;border:1.5px solid rgba(42,35,32,.2);border-radius:var(--r-pill);background:var(--c-flour);color:var(--c-ink);font:650 15px/1.1 var(--f-body);box-shadow:0 1px #fff inset,0 8px 16px -12px #3c230f99;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),background var(--dur-fast)}.tool-btn svg{width:20px;height:20px;flex:none;color:var(--c-terracotta)}.tool-btn:hover{border-color:var(--c-terracotta);transform:translateY(-1px)}.tool-btn:active{transform:scale(.97)}.tool-btn[aria-disabled=true]{opacity:.55}.tool-btn[aria-disabled=true]:hover{transform:none;border-color:#2a232033}.tool-btn[aria-busy=true]{opacity:.7}.tool-btn--big{width:100%;min-height:56px;font-size:17px}.tool-btn--big svg{width:24px;height:24px}.tool-btn--accent{background:var(--c-apron);color:var(--c-flour);border-color:transparent}.tool-btn--accent svg{color:var(--c-honey)}.tool-btn--accent:hover{border-color:transparent;background:#1c3a5c}.tool-btn--small{font-size:14px;padding:.6em 1em}.stretch-meter{display:flex;gap:8px}.pip{flex:1;height:12px;border-radius:99px;background:#2a23201a;box-shadow:inset 0 1px 2px #2a232024;transition:background var(--dur-med),transform var(--dur-med) var(--ease-spring)}.pip.is-on{background:linear-gradient(180deg,#f4e2c0,var(--c-crust));box-shadow:0 2px 6px -2px #965f2899;transform:scaleY(1.25)}.count-text{font:650 14px/1.2 var(--f-body);color:var(--c-ink-soft)}.tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tray.is-pulse{animation:tray-pulse .7s var(--ease-out)}.tray-item{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:5px 12px 5px 5px;border:2px solid transparent;border-radius:16px;background:var(--c-flour);color:var(--c-ink);font:650 14px/1.15 var(--f-body);text-align:left;box-shadow:0 1px #fff inset,0 8px 16px -12px #3c230f8c,0 0 0 1px #2a232014;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.tray-item:hover{transform:translateY(-1px)}.tray-item:active{cursor:grabbing}.tray-item[aria-pressed=true]{border-color:var(--c-terracotta);background:#fff6ea;box-shadow:0 0 0 4px #a94a2626,0 10px 18px -12px #6e280f99}.tray-art{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#fffaf1,#efe2cb);box-shadow:inset 0 0 0 1px #2a23200f}.tray-art img{width:40px;height:40px;pointer-events:none;transition:transform var(--dur-med) var(--ease-spring)}.tray-item[aria-pressed=true] .tray-art img{transform:scale(1.12) rotate(-8deg)}.tray-label{min-width:0}.tray-count{margin-left:auto;font:750 13px/1 var(--f-body);color:var(--c-terracotta-deep);font-variant-numeric:tabular-nums}.tray-count:empty{display:none}.tray-actions{display:flex;flex-wrap:wrap;gap:8px}.tray-summary{display:grid;gap:6px}.tray-status{margin:0;font:650 14px/1.3 var(--f-body);color:var(--c-ink)}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.chip{font:650 12.5px/1 var(--f-body);padding:6px 10px;border-radius:99px;background:#5c6a3521;color:var(--c-olive-deep)}.bake-panel{display:grid;justify-items:center;gap:10px;text-align:center}.breath{position:relative;width:168px;aspect-ratio:1;display:grid;place-items:center}.breath-ring{position:absolute;inset:0}.breath-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#2a23201f;stroke-width:5}.ring-fill{fill:none;stroke:var(--c-terracotta);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.breath.is-running .ring-fill{animation:ring var(--bake-ms, 8s) linear forwards}.breath-orb{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 40% 34%,#fff1d6,#f7b878 48%,var(--c-ember) 78%,#d9673a);box-shadow:0 0 36px #e9864a80;transform:scale(.56)}.breath.is-running .breath-orb{animation:breathe var(--bake-ms, 8s) ease-in-out forwards}.breath-text{position:relative;z-index:1;margin:0;font:650 1.25rem/1.1 var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 36;color:var(--c-ink)}.bake-caption{margin:0;font:650 1.45rem/1.15 var(--f-hand);color:var(--c-terracotta-deep)}.reveal-card{display:grid;gap:2px}.reveal-kicker{margin:0;font:650 1.4rem/1 var(--f-hand);color:var(--c-terracotta-deep)}.pizza-name{margin:2px 0 4px;font-size:clamp(1.6rem,1.15rem + 1.5vw,2.4rem);font-weight:640;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72;line-height:1.04;color:var(--c-ink);outline:none}.reveal-summary{margin:0;font:650 14px/1.35 var(--f-body);color:var(--c-ink-soft)}.reveal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.reveal-actions .btn{flex:1 1 auto}.reveal-actions .btn svg{width:20px;height:20px;flex:none}.reveal-actions .btn--ghost{color:var(--c-ink)}.invite{position:relative;margin-top:18px;padding:18px 18px 14px;border-radius:20px;background:linear-gradient(160deg,#fffdf8,#f5eadb);box-shadow:0 0 0 1px #2a23201a,0 14px 28px -20px #3c230f99}.invite:before{content:"";position:absolute;inset:6px;border-radius:15px;pointer-events:none;border:1.5px dashed rgba(169,74,38,.28)}.invite h3{font-size:1.28rem;line-height:1.12;margin:0 0 8px;font-variation-settings:"SOFT" 100,"WONK" 0,"opsz" 48}.invite p{font-size:15px;line-height:1.5;color:var(--c-ink-soft);margin:0 0 12px}.invite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:8px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--c-terracotta-deep);font-weight:650;text-underline-offset:3px}.text-link:hover{color:var(--c-ink)}.invite .fineprint{margin:0;font-size:13px;color:var(--c-ink-soft)}.noscript{position:fixed;inset:auto 16px 70px;z-index:50;padding:14px;border-radius:14px;background:var(--c-flour);text-align:center}@media(max-width:759px),(max-width:1023px)and (orientation:portrait){.panel-lede,.panel-tip,.choice-sub{display:none}.panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;align-content:start}.panel>.eyebrow{grid-column:1 / -1}.panel-body{display:contents}.panel-body>*{grid-column:1 / -1;margin-bottom:10px}.panel-body>.tool-row{grid-column:1;margin-bottom:0}.panel-body>.tool-row .tool-btn{width:100%;min-height:54px;font-size:14.5px;gap:.4em;padding-inline:.5em;white-space:nowrap}.panel-foot{grid-column:2;margin-top:0}.panel:not(:has(.panel-body>.tool-row)) .panel-foot{grid-column:1 / -1}.next-btn{font-size:1rem;padding-inline:.8em}.choice{flex-direction:row;justify-content:center;gap:6px;padding:6px 4px}.choice-art{width:40px;height:40px}.choice-label{font-size:14px}.choice-check{top:-6px;right:-6px;width:20px;height:20px}.meter{gap:4px}body.game[data-step=reveal]{overflow-x:hidden}.tray{display:flex;overflow-x:auto;overflow-y:hidden;margin:0 calc(-1 * var(--gutter-x));padding:4px var(--gutter-x) 6px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter-x);touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 22px),transparent)}.tray::-webkit-scrollbar{display:none}.tray-item{flex:0 0 76px;flex-direction:column;justify-content:center;gap:4px;min-height:86px;padding:6px 4px 7px;text-align:center;font-size:12px;scroll-snap-align:start;touch-action:pan-x}.tray-art{width:50px;height:50px}.tray-art img{width:44px;height:44px}.tray-count{position:absolute;top:3px;right:3px;margin:0;padding:3px 6px;border-radius:99px;background:var(--c-terracotta);color:var(--c-flour);font-size:11px}.tray-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tray-actions .tool-btn{flex-direction:column;gap:3px;min-height:52px;padding:6px 4px;font-size:12.5px}.tray-actions .tool-btn svg{width:19px;height:19px}.chips,body[data-step=toppings] .group-label{display:none}.panel-body>.tray-summary{margin:0}.tray-summary{position:absolute;top:12px;right:var(--gutter-x)}.tray-status{font-size:12.5px;color:var(--c-ink-soft)}.bake-panel{grid-template-columns:auto 1fr;grid-template-areas:"ring cap" "ring skip";justify-items:start;text-align:left;column-gap:16px;align-items:center}.breath{grid-area:ring;width:128px}.bake-caption{grid-area:cap;font-size:1.3rem;align-self:end}.bake-panel .tool-row{grid-area:skip;align-self:start}.breath-text{font-size:1.05rem}body.game[data-step=reveal]{overflow-y:auto;height:auto;min-height:100dvh}body[data-step=reveal] .game-main{grid-template-rows:auto auto auto}body[data-step=reveal] .stage{height:min(86vw,46vh)}body[data-step=reveal] .decor-pot{position:fixed}}@media(max-width:759px)and (max-height:720px){.eyebrow,.tray-summary{display:none}.progress .plabel{font-size:10px}.panel-body>*{margin-bottom:8px}.next-btn,.panel-body>.tool-row .tool-btn{min-height:50px}.tray-item{min-height:76px;flex-basis:70px}.tray-art{width:44px;height:44px}.tray-art img{width:38px;height:38px}}@media(max-width:759px)and (max-height:620px){.progress .plabel{display:none}.progress li:not(:first-child):before{top:10px}.hand-hint{font-size:1.05rem}}@media(max-width:759px){.decor-pot{width:82px;left:-30px;top:34%}.decor-towel{width:180px;right:-96px;top:22%;bottom:auto;transform:rotate(-14deg)}}@media(min-width:760px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back progress actions";column-gap:20px;padding:10px 24px}.progress{max-width:560px;justify-self:center}.topbar-actions{justify-self:end}.back-link{font-size:1.1rem}.progress li{font-size:12.5px;gap:5px}.pdot{width:26px;height:26px;font-size:12px}.progress li:not(:first-child):before{top:12px}.panel-inner-max{max-width:640px}}@media(min-width:760px)and (max-width:1023px)and (orientation:portrait){.panel{padding-inline:max(var(--gutter-x),calc((100vw - 640px)/2))}.tray-summary{right:max(var(--gutter-x),calc((100vw - 640px)/2))!important}.tray-item{flex-basis:84px}}@media(min-width:900px)and (min-height:560px),(orientation:landscape)and (min-width:640px){.game-main{grid-template-columns:minmax(0,1fr) var(--panel-w);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(16px,3vw,56px);padding:0 clamp(16px,3vw,48px) 0 clamp(16px,2vw,32px)}.instruction{grid-column:1;grid-row:1;padding-top:clamp(10px,2.4vh,26px)}.stage{grid-column:1;grid-row:2}.stage-inner{width:min(100cqw - 24px,100cqh - 40px,620px)}.panel{grid-column:2;grid-row:1 / span 2;align-self:center;max-height:calc(100% - 32px);overflow-y:auto;border-radius:var(--r-lg);padding:24px 24px 22px;margin-bottom:52px;box-shadow:var(--shadow-lift),0 0 0 1px #fff9 inset;scrollbar-width:thin}.panel-body{gap:16px}.panel-foot{margin-top:18px}.decor-towel{right:clamp(-60px,-2vw,-20px);bottom:-40px}body[data-step=reveal] .panel{align-self:center}}@media(orientation:landscape)and (max-height:559px){.topbar{padding-block:4px}.stage{margin-bottom:44px}.progress .plabel{display:none}.instruction{padding-top:4px}#step-title{font-size:1.25rem}.hand-hint{font-size:1.1rem}.panel{padding:14px 16px;margin-bottom:10px;max-height:calc(100% - 16px)}.eyebrow,.panel-tip,.panel-lede{display:none}.choice-art{width:44px;height:44px}.tray-item{min-height:50px}.tray-art{width:40px;height:40px}.tray-art img{width:34px;height:34px}.decor{display:none}}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)}20%{transform:rotate(-4deg) scale(1.05)}45%{transform:rotate(2deg) scale(1.05)}70%{transform:rotate(-2.5deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}@keyframes ready-ring{0%{opacity:.9;transform:scale(1)}45%,to{opacity:0;transform:scale(1.06,1.22)}}@keyframes tray-pulse{0%{transform:none}30%{transform:translateY(-4px)}60%{transform:translateY(1px)}to{transform:none}}@keyframes arrive{0%{opacity:0;transform:scale(.84) translateY(10%) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes wisp{0%{opacity:0;transform:translate(-50%,10%) scaleX(.8)}30%{opacity:.85}to{opacity:0;transform:translate(-50%,-170%) scaleX(1.4)}}@keyframes flicker{0%{transform:scale(1) skew(0)}30%{transform:scale(.94,1.08) skew(-3deg)}65%{transform:scale(1.05,.93) skew(2.5deg)}to{transform:scale(.98,1.05) skew(-1deg)}}@keyframes ember{0%{opacity:.35}to{opacity:1}}@keyframes fireglow{0%{opacity:.7}to{opacity:1}}@keyframes glow{0%{opacity:.8}to{opacity:1}}@keyframes shimmer{0%{background-position:0 0;transform:skew(0) scaleX(1)}50%{transform:skew(2deg) scaleX(1.04)}to{background-position:0 -30px;transform:skew(0) scaleX(1)}}@keyframes smoke{0%{opacity:0;transform:translate(-50%) scale(.4)}18%{opacity:.65}to{opacity:0;transform:translate(-10%,-320%) scale(2)}}@keyframes ring{to{stroke-dashoffset:0}}@keyframes breathe{0%{transform:scale(.56)}50%{transform:scale(1)}to{transform:scale(.56)}}@keyframes breathe-soft{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.flame,.ember,.ov-fireglow,.oven-smoke span,.oven-shimmer,.wisp,.next-btn.is-ready:after,.tray.is-pulse,.hand-hint.is-flash{animation:none!important}.oven-smoke,.oven-shimmer{display:none}.oven,.oven.is-shown{transform:translate(-50%);transition:opacity .4s linear}.board{transition:opacity .4s linear}body[data-step=bake] .board{transform:none}.board.is-arriving{animation:fade-in .5s linear both}.oven.is-hot .oven-glow{animation:none;opacity:.85}.breath-orb{transform:scale(.82)}.breath.is-running .breath-orb{animation:breathe-soft var(--bake-ms, 8s) ease-in-out forwards}.choice,.tray-item,.tool-btn,.pdot,.choice-art,.tray-art img,.choice-check{transition:none}.confirm{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}