:root{--butter:#f9d423;--butter-deep:#f2b61c;--butter-light:#fff2a8;--crust:#cf9a72;--crust-deep:#a86f4a;--crumb:#fbecdc;--cream:#fff8e8;--paper:#fffdf6;--ink:#1b1512;--ink-soft:#4a3f38;--jam:#ef7c6e;--font-display:"Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-hand:"Caveat", "Comic Sans MS", cursive;--font-body:"Nunito", ui-rounded, system-ui, sans-serif;--line:3px solid var(--ink);--pop:5px 5px 0 var(--ink);--pop-lg:8px 8px 0 var(--ink);--wobbly:18px 26px 16px 28px / 26px 16px 28px 18px;--wobbly-2:26px 14px 30px 16px / 14px 28px 16px 26px;--max:1120px;--gutter:clamp(16px, 4vw, 32px);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .5em;font-weight:600;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,4.25rem)}h2{font-size:clamp(2rem,4.5vw,3rem)}h3{font-size:1.5rem}p{text-wrap:pretty;margin:0 0 1em}a{color:inherit}:focus-visible{outline:3px dashed var(--crust-deep);outline-offset:4px}.container{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.section{padding-block:clamp(64px,10vw,120px)}.hand{font-family:var(--font-hand);font-weight:700}.eyebrow{font-family:var(--font-hand);color:var(--crust-deep);margin-bottom:.25rem;font-size:1.6rem;font-weight:700;display:inline-block;transform:rotate(-3deg)}.butter-mark{background:linear-gradient(transparent 55%, var(--butter) 55%, var(--butter) 90%, transparent 90%);padding-inline:.1em}.btn{--btn-bg:var(--butter);border:var(--line);background:var(--btn-bg);color:var(--ink);font-family:var(--font-display);box-shadow:var(--pop);cursor:pointer;transition:transform .2s var(--ease-bounce), box-shadow .2s var(--ease-bounce), background-color .2s;border-radius:999px;align-items:center;gap:.5em;padding:.8em 1.5em;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:8px 9px 0 var(--ink);transform:translate(-2px,-3px)rotate(-2deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.btn--ghost{--btn-bg:var(--paper)}.btn--ghost:hover{--btn-bg:var(--crumb);transform:translate(-2px,-3px)rotate(2deg)}.btn .btn__icon{transition:transform .3s var(--ease-bounce);display:inline-block}.btn:hover .btn__icon{transform:translate(4px)rotate(-12deg)scale(1.2)}.sticker{background:var(--paper);border:var(--line);border-radius:var(--wobbly);box-shadow:var(--pop)}.tag{border:2px solid var(--ink);background:var(--crumb);transition:transform .2s var(--ease-bounce), background-color .2s;border-radius:999px;padding:.15em .75em;font-size:.85rem;font-weight:700;display:inline-block}.tag:nth-child(3n+1):hover{background:var(--butter-light);transform:rotate(-4deg)scale(1.08)}.tag:nth-child(3n+2):hover{background:var(--butter);transform:rotate(3deg)scale(1.08)}.tag:nth-child(3n):hover{background:var(--crust);transform:rotate(-2deg)scale(1.08)}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--r,0deg) * -1))}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)scale(1.05)}40%{transform:rotate(8deg)scale(1.08)}60%{transform:rotate(-6deg)scale(1.05)}80%{transform:rotate(3deg)}}@keyframes hop{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.08,.9)}45%{transform:translateY(-34px)scale(.95,1.06)}75%{transform:translateY(0)scale(1.06,.94)}}@keyframes boop{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.08,.9)}45%{transform:translateY(-34px)scale(.95,1.06)}75%{transform:translateY(0)scale(1.06,.94)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}:root.reduce-motion *,:root.reduce-motion :before,:root.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--crumb);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}#app{top:var(--app-top,0px);height:var(--app-height,100svh);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;place-items:center;display:grid;position:fixed;left:0;right:0;overflow:hidden}@media (display-mode:standalone),(display-mode:fullscreen){#app{background:linear-gradient(var(--paper) 50%, #efcfaa 50%)}}.stage-frame{position:relative;overflow:hidden}.stage{width:390px;height:690px;transform:scale(var(--stage-scale,1));transform-origin:0 0;background:var(--cream);position:absolute;top:0;left:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.stage-frame{outline:var(--line);border-radius:var(--wobbly);box-shadow:var(--pop)}}@media (hover:none){.btn:hover{box-shadow:var(--pop);transform:none}}button{font:inherit;color:inherit}.kitchen{position:absolute;inset:0}.floor{background:linear-gradient(var(--ink), var(--ink)) 0 268px / 100% 3px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 288px / 100% 3px no-repeat, linear-gradient(var(--crust-deep), var(--crust-deep)) 0 270px / 100% 18px no-repeat, repeating-linear-gradient(90deg, #fff4c4 0 18px, #fdeaa6 18px 36px) 0 0 / 100% 270px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='84'%3E%3Crect width='168' height='42' fill='%23efcfaa'/%3E%3Crect y='42' width='168' height='42' fill='%23e6c096'/%3E%3Cpath d='M0 41H168M0 83H168M120 0V41M40 42V83' stroke='%23b98258' stroke-width='2'/%3E%3Cpath d='M14 20q30-4 60 0M86 64q30-4 60 0' stroke='%23dcae82' stroke-width='2' fill='none'/%3E%3C/svg%3E") 0 291px / 168px 84px, #efcfaa;position:absolute;inset:0}.decor{z-index:3;pointer-events:none;position:absolute}.decor>svg{width:100%;height:100%}.decor--door{z-index:1}.decor__jar{width:40px;position:absolute;top:-40px;right:102px}.hud{z-index:6;background:var(--paper);border-bottom:var(--line);align-items:center;gap:10px;height:64px;padding:12px 14px;display:flex;position:absolute;inset:0 0 auto}.hud__hearts{gap:2px;display:flex}.heart{width:26px}.heart--empty{opacity:.7}.hud__clock{border:2.5px solid var(--ink);background:var(--crumb);border-radius:999px;flex:1;height:22px;position:relative;overflow:hidden}.hud__clock-fill{background:var(--butter);transform-origin:0;height:100%}.hud__day{font-family:var(--font-display);place-items:center;font-size:.8rem;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.hud__coins{font-family:var(--font-display);align-items:center;gap:4px;font-size:1.2rem;font-weight:700;display:flex}.coin{width:24px}.hud__goal{color:var(--ink-soft);font-size:.85rem}.hud__goal--met{color:var(--crust-deep)}.hud__button{border:var(--line);background:var(--butter-light);cursor:pointer;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:grid}.hud__button svg{width:20px}.station{z-index:5;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.station--door{z-index:2}.station__art,.station__art svg{width:100%;height:100%}.station--tapped .station__art{animation:squish .25s var(--ease-bounce)}@keyframes squish{40%{transform:scale(1.06,.94)}}.station__badge{z-index:2;border:2.5px solid var(--ink);background:var(--butter);min-width:28px;height:28px;font-family:var(--font-display);border-radius:999px;place-items:center;padding:0 6px;font-size:.95rem;font-weight:700;display:grid;position:absolute;top:-12px;right:-8px}.station__badge:empty{display:none}.station--oven .oven__window{fill:#4a3f38;transition:fill .4s}.station--oven .oven__light{fill:var(--crumb)}.station--oven:has([data-state=baking]) .oven__window{fill:#ffc56b}.station--oven:has([data-state=baking]) .oven__light{fill:var(--jam)}.station--oven:has([data-state=baked]) .oven__window{fill:#ffe3a3}.station--oven:has([data-state=baked]) .station__art{animation:.6s ease-in-out infinite wiggle}.station--oven:has([data-state=burnt]) .oven__window{fill:#6b5a50}.slot{position:absolute}.slot--fetching .slot__item{visibility:hidden}.slot__item{place-items:end center;width:100%;height:100%;display:grid}.slot__item svg{width:100%;max-height:100%}.slot__bar{border:2px solid var(--ink);background:var(--paper);opacity:0;border-radius:999px;height:10px;transition:opacity .2s;position:absolute;bottom:-12px;left:12%;right:12%;overflow:hidden}.slot--progress .slot__bar{opacity:1}.slot__fill{transform-origin:0;background:var(--butter);height:100%}.slot__fill[data-tone=danger]{background:var(--jam)}.slot__fill[data-tone=warn]{background:var(--butter-deep)}.slot__fill[data-tone=cool]{background:#9fd0e8}.station--counter .slot[data-state=empty] .slot__item{opacity:.3}.bread__steam{animation:1.4s ease-in-out infinite bob}.bread__eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite blink}.station--door{pointer-events:none}.station--door .slot--customer{pointer-events:auto}.slot--customer .slot__item{width:79px;height:119px;transition:transform .35s var(--ease-bounce);margin:0 auto;position:absolute;inset:auto 0 0}.slot--customer .slot__item svg{height:100%}.slot--customer.slot--empty .slot__item{transform:translateY(40px)scale(.6)}.slot--impatient .slot__item svg{animation:.8s ease-in-out infinite wiggle}.bubble{background:var(--paper);border:2.5px solid var(--ink);width:72px;box-shadow:3px 3px 0 var(--ink);transition:opacity .2s, transform .3s var(--ease-bounce);border-radius:16px;margin-left:-36px;padding:4px 6px 7px;position:absolute;top:0;left:50%}.bubble__order>svg{width:44px;margin:0 auto}.bubble__chips{justify-content:center;gap:2px;margin-top:1px;display:flex}.chip svg{width:18px;height:18px}.slot--customer .slot__bar{opacity:1;height:10px;position:relative;inset:auto}.slot--customer.slot--empty .bubble{opacity:0;transform:scale(.7)}.baker{z-index:4;pointer-events:none;will-change:transform;width:128px;height:126px;position:absolute;top:0;left:0}.baker>svg{transform-origin:50% 100%;width:100%;height:100%}.baker--walking>svg{animation:.36s ease-in-out infinite alternate waddle}@keyframes waddle{0%{transform:rotate(-5deg)translateY(0)}to{transform:rotate(5deg)translateY(-4px)}}.baker--shrug>svg{animation:.45s ease-in-out wiggle}.flyer{z-index:5;pointer-events:none;will-change:transform;width:44px;position:absolute;top:0;left:0}.flyer[hidden]{display:none}.slot--arriving .slot__item{visibility:hidden}.flyer--fetch{transition:transform .45s cubic-bezier(.34,1.3,.64,1)}.decor--hop svg{animation:hop .5s var(--ease-bounce)}.decor--happy svg{animation:3s ease-in-out infinite bob}.decor--prepTable{z-index:3}.baker--working>svg{animation:.18s ease-in-out infinite alternate chop}@keyframes chop{to{transform:translateY(3px)rotate(2deg)}}.float{z-index:4;font-family:var(--font-display);white-space:nowrap;pointer-events:none;-webkit-text-stroke:1.5px var(--ink);font-size:1.6rem;font-weight:700;animation:1.1s ease-out forwards float-up;position:absolute;top:10%;left:50%}.float--coins{color:var(--butter)}.float--lost{color:var(--jam)}.float--ding{color:var(--paper);font-size:1.3rem}.float--combo{color:var(--jam);-webkit-text-stroke:1px var(--ink);opacity:0;font-size:1.2rem;animation-delay:.15s;top:45%}:root.reduce-motion .float{animation-name:float-fade!important;animation-duration:1.1s!important}@keyframes float-fade{0%,to{opacity:0;transform:translate(-50%,-16px)}15%,70%{opacity:1;transform:translate(-50%,-16px)}}.crumb{z-index:6;border:2px solid var(--ink);pointer-events:none;position:absolute}.hud__coins--bump{animation:coin-bump .4s var(--ease-bounce)}@keyframes coin-bump{40%{transform:scale(1.25)rotate(-4deg)}}.hud__hearts--hurt{animation:.45s ease-in-out hurt}@keyframes hurt{20%,60%{transform:translate(-4px)rotate(-3deg)}40%,80%{transform:translate(4px)rotate(3deg)}}.station .station__art.station__art--ding{animation:ding-hop .5s var(--ease-bounce)}@keyframes ding-hop{15%{transform:scale(1.04,.95)}45%{transform:translateY(-8px)scale(.98,1.03)}75%{transform:scale(1.02,.98)}}.screen__stars .star{animation:star-in .45s var(--ease-bounce) both}.screen__stars .star:first-child{animation-delay:.25s}.screen__stars .star:nth-child(2){animation-delay:.45s}.screen__stars .star:nth-child(3){animation-delay:.65s}@keyframes star-in{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.btn--booped{animation:btn-boop .35s var(--ease-bounce)}@keyframes btn-boop{40%{transform:scale(1.08,.92)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-16px)scale(1.1)}to{opacity:0;transform:translate(-50%,-70px)scale(1)}}.station--hint .station__art,.station--hint .slot__item,.slot--hint .slot__item svg{filter:drop-shadow(0 0 8px var(--butter)) drop-shadow(0 0 4px var(--butter-deep));will-change:transform;animation:1s ease-in-out infinite hint-bob}@keyframes hint-bob{50%{transform:translateY(-3px)}}.hint{z-index:7;width:230px;font-family:var(--font-display);text-align:center;pointer-events:none;padding:8px 12px;font-size:1.05rem;font-weight:600;line-height:1.25;position:absolute}.hint[hidden]{display:none}.hint--above{transform:translateY(-100%)}.hint--new{animation:hint-in .3s var(--ease-bounce)}@keyframes hint-in{0%{opacity:0;scale:.85}}.countdown{z-index:10;background:#1b151233;place-items:center;transition:background .3s;display:grid;position:absolute;inset:0}.countdown--go{pointer-events:none;background:0 0}.countdown__number{min-width:140px;font-family:var(--font-display);text-align:center;background:var(--butter);animation:count-pop .7s var(--ease-bounce) both;padding:10px 26px 14px;font-size:5.5rem;font-weight:700;line-height:1}.countdown--go .countdown__number{background:var(--paper);font-size:4.5rem;animation:.6s ease-out both count-go}@keyframes count-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}35%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes count-go{0%{transform:scale(.6)rotate(-4deg)}30%{opacity:1;transform:scale(1.1)rotate(1deg)}to{opacity:0;transform:scale(1.3)}}.screen{z-index:10;background:#1b151259;place-items:center;padding:20px;animation:.2s ease-out fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.screen__card{text-align:center;width:100%;max-width:340px;animation:pop-in .35s var(--ease-bounce);padding:26px 22px}@keyframes pop-in{0%{transform:scale(.85)rotate(-2deg)}}.screen__top{justify-content:space-between;gap:8px;margin:-10px -6px 6px;display:flex}.screen__link{min-height:44px;color:var(--crust-deep);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 6px;font-size:.9rem;font-weight:700;text-decoration:underline;display:inline-flex}.screen__tip{color:var(--ink-soft);margin:14px 0 0;font-size:.85rem}.screen__eyebrow{color:var(--crust-deep);font-size:1.5rem;display:inline-block;transform:rotate(-3deg)}.screen__title{margin:0 0 .3em;font-size:2.3rem}.screen__art svg{width:120px;margin:0 auto 10px}.screen__art--icon svg{width:72px}.screen__how{text-align:left;margin:0 0 12px;padding-left:1.3em;font-size:.98rem;line-height:1.45}.screen__how li+li{margin-top:6px}.screen__note{color:var(--ink-soft);margin:0 0 18px;font-size:.95rem}.screen__record{font-family:var(--font-display);margin:-8px 0 18px;font-size:.95rem}.screen__new-best{background:var(--butter);font-family:var(--font-display);margin:0 0 12px;padding:4px 14px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.screen__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.settings{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.settings__row{text-align:left;justify-content:space-between;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;display:flex}.settings__switch{border:var(--line);background:var(--paper);min-width:72px;min-height:48px;font-family:var(--font-display);box-shadow:2px 3px 0 var(--ink);cursor:pointer;border-radius:999px;font-size:1rem;font-weight:700}.settings__switch[aria-checked=true]{background:var(--butter)}.screen__stars{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.star{width:48px}.star--on{animation:hop .6s var(--ease-bounce)}.star--on:nth-child(2){animation-delay:.15s}.star--on:nth-child(3){animation-delay:.3s}.screen__stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 12px;display:grid}.screen__stats div{border:2.5px solid var(--ink);border-radius:var(--wobbly-2);background:var(--crumb);padding:8px 4px}.screen__stats dt{color:var(--ink-soft);font-size:.8rem;font-weight:700}.screen__stats dd{font-family:var(--font-display);margin:0;font-size:1.4rem;font-weight:700}.screen__stats small{color:var(--ink-soft);font-size:.8rem}.turn-phone{display:none}@media (orientation:landscape) and (pointer:coarse) and (max-height:540px){.turn-phone{z-index:100;background:var(--cream);font-family:var(--font-display);place-content:center;justify-items:center;gap:12px;font-size:1.4rem;font-weight:600;display:grid;position:fixed;inset:0}.turn-phone svg{width:64px;animation:2s ease-in-out infinite wiggle}}.screen__bank{border:2.5px solid var(--ink);background:var(--butter-light);font-family:var(--font-display);border-radius:999px;align-items:center;gap:6px;margin:0 0 10px;padding:4px 14px;font-size:1.1rem;font-weight:700;display:inline-flex}.screen__bank .coin{width:22px}.shop{overscroll-behavior:contain;touch-action:pan-y;max-height:100%;overflow-y:auto}.shop__list{text-align:left;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.shop__item{border:2.5px solid var(--ink);border-radius:var(--wobbly-2);background:var(--crumb);grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.shop__item--owned{background:var(--butter-light)}.shop__item--locked{opacity:.55}.shop__icon svg{width:40px;height:40px}.shop__text{line-height:1.25;display:grid}.shop__text b{font-family:var(--font-display);font-weight:600}.shop__text span{color:var(--ink-soft);font-size:.8rem}.shop__tag{font-family:var(--font-display);color:var(--ink-soft);font-size:.85rem;font-weight:600}.shop__tag--owned{color:var(--crust-deep)}.btn.shop__buy{box-shadow:3px 3px 0 var(--ink);gap:4px;padding:.35em .8em;font-size:1rem}.shop__buy .coin{width:20px}.btn.shop__buy:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.screen__card.shop{padding:16px 14px 18px}.shop .screen__title{margin-bottom:.2em;font-size:1.9rem}.shop__owned{flex-wrap:wrap;justify-content:center;gap:4px;margin:0 0 10px;display:flex}.shop__owned svg{width:28px;height:28px}.shop__empty{text-align:center;color:var(--ink-soft);padding:12px}