.bakery-game{color:#59433e;background:radial-gradient(at top,#fff6df,#f4ede7);min-height:100vh;padding-bottom:22px}.bakery-toolbar{justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:auto;padding:18px 24px;display:flex}.bakery-toolbar>div{text-align:center}.bakery-toolbar b{font-size:22px}.bakery-toolbar small{color:#8f7467;margin-top:4px;display:block}.bakery-toolbar nav{gap:8px;display:flex}.bakery-icon{cursor:pointer;color:#715953;background:#fff9;border:1px solid #dfd0bc;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.bakery-icon:focus-visible{outline-offset:3px;outline:3px solid #9b6c87}.bakery-scene{isolation:isolate;background:#e9ccab;border:5px solid #fff4df;border-radius:30px;width:calc(100% - 32px);max-width:1240px;height:clamp(490px,51vw,650px);margin:auto;position:relative;overflow:hidden;box-shadow:0 16px 40px #6b50392b}.bakery-backdrop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bakery-prompt{z-index:4;text-align:center;background:linear-gradient(130deg,#fffdf4f7,#fff0dbef);border:1px solid #fff;border-radius:22px;padding:17px 20px;position:absolute;top:5%;left:38%;right:4%;box-shadow:0 6px #ad856637,0 12px 25px #65433524}.bakery-prompt>span{letter-spacing:2px;text-transform:uppercase;color:#977669;font-size:11px}.bakery-prompt h1{color:#78515b;margin:10px 0 13px;font-size:clamp(26px,3.3vw,43px);line-height:1.2}.bakery-progress{justify-content:center;gap:7px;display:flex}.bakery-progress i{background:#d9c6b2;border-radius:9px;width:22px;height:10px;transition:background .4s,transform .4s}.bakery-progress i.filled{background:#7cbb9e;transform:scaleY(1.15);box-shadow:inset 0 2px 1px #ffffff60}.bakery-cake{aspect-ratio:1;z-index:2;pointer-events:none;width:36%;height:auto;position:absolute;bottom:8%;left:52%}.bakery-cake-art{object-fit:contain;filter:drop-shadow(0 10px 7px #75564244);width:100%;height:100%;animation:.8s ease-out bakery-cake-appear;position:absolute}.bakery-plate{background:linear-gradient(#fffbf0,#badbcc);border:3px solid #fcffef;border-radius:50%;width:70%;height:12%;position:absolute;bottom:10%;left:15%;box-shadow:0 6px #9bbdad,0 15px 15px #72503c30}.has-cake .bakery-plate{opacity:0}.bakery-bare-cake{filter:drop-shadow(0 8px 5px #60321b33);position:absolute;inset:14% 10% 6%}.bakery-frosting{opacity:0;background:radial-gradient(#fff9e5,#fff5d83b);border-radius:50%;width:52%;height:8%;transition:transform .9s,opacity .9s;position:absolute;top:20%;left:24%;transform:scale(0)}.bakery-frosting.visible{opacity:.7;transform:scale(1)}.bakery-toppings{position:absolute;inset:0}.bakery-topping{left:var(--top-x);top:var(--top-y);aspect-ratio:1;filter:drop-shadow(0 3px 2px #53362344);width:19%;animation:.65s cubic-bezier(.2,1.5,.4,1) bakery-topping;position:absolute;transform:translate(-50%,-50%)}.bakery-topping.topping-3{opacity:.9;width:12%}.bakery-topping.topping-5{width:22%}.bakery-ingredient-art{aspect-ratio:1;width:100%;height:100%;display:block;position:relative;overflow:hidden}.bakery-ingredient-art>img{object-fit:fill;width:300%;max-width:none;height:300%;position:absolute}.bakery-active-ingredient{z-index:5;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 8px 5px #77583d30);background:radial-gradient(circle,#fff2becc,#0000 70%);border:0;width:17%;min-width:125px;max-width:190px;position:absolute;top:50%;left:43%;transform:translate(-50%,-50%)}.bakery-active-ingredient .bakery-ingredient-art{transition:transform .2s}.bakery-active-ingredient:not(:disabled):hover .bakery-ingredient-art{transform:translateY(-6px)}.bakery-active-ingredient:focus-visible{outline-offset:8px;border-radius:25px;outline:3px solid #ae7469}.bakery-active-ingredient b{white-space:nowrap;color:#795347;background:#fff9e9f2;border:1px solid #e2c6a4;border-radius:13px;padding:8px 18px;font-size:21px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #7c52352b}.bakery-ingredient-spark{color:#fff1a1;text-shadow:0 0 10px #f2bd63;font-size:30px;animation:2s ease-in-out infinite bakery-twinkle;position:absolute;top:0;right:-6%}.bakery-active-ingredient.is-adding{pointer-events:none;animation:2.3s cubic-bezier(.4,0,.3,1) both bakery-add}.is-adding b{animation:.3s both bakery-label-out}.bakery-active-ingredient.is-added{visibility:hidden}.bakery-added-spark{z-index:4;color:#ffefbe;pointer-events:none;text-shadow:0 0 12px #ffe092;font-size:45px;animation:.9s ease-out both bakery-spark;position:absolute;top:62%;left:73%}.bakery-candles{z-index:4;justify-content:space-between;align-items:flex-end;width:27%;height:24%;animation:.7s .5s both bakery-candles;display:flex;position:absolute;top:0%;left:40%}.bakery-candles>span{background:repeating-linear-gradient(35deg,#fff4db 0 5px,#e8a6a4 6px 11px);border-radius:3px;width:9%;height:85%;position:relative;box-shadow:2px 2px 3px #6d51402b}.bakery-candles>span:nth-child(2){background:repeating-linear-gradient(35deg,#fff4db 0 5px,#94c9b7 6px 11px);height:100%}.bakery-candles i{background:radial-gradient(at 50% 70%,#fffbe0,#ffd477 65%,#f3a658);border-radius:70% 30% 60% 40%;width:160%;height:24%;animation:1.6s ease-in-out infinite bakery-flame;position:absolute;bottom:calc(100% + 3px);left:-30%;box-shadow:0 0 18px 7px #ffe59166}.bakery-celebration{z-index:6;pointer-events:none;animation:5.5s linear both bakery-finale;position:absolute;inset:0}.bakery-cake-halo{background:radial-gradient(#fff4aa3b,#0000 65%);border-radius:50%;width:50%;height:60%;animation:3s ease-in-out infinite bakery-twinkle;position:absolute;bottom:2%;left:48%}.bakery-confetti{background:var(--confetti-color);width:9px;height:16px;animation:bakery-confetti 3.5s var(--confetti-delay) ease-in both;border-radius:3px;position:absolute;top:-5%}.bakery-finale-stars{white-space:nowrap;color:#fff2b8;text-shadow:0 0 10px #ffe792;font-size:50px;animation:2s 1s both bakery-spark;position:absolute;top:50%;left:73%}.bakery-controls{text-align:center;max-width:1000px;min-height:175px;margin:auto;padding:20px 18px 6px}.bakery-controls>div,.bakery-summary>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.bakery-controls p{margin:0 0 14px;font-size:17px}.bakery-controls small{color:#8a786d;margin-top:16px;font-size:12px;display:block}.bakery-paused *{animation-play-state:paused!important}.bakery-pause{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#67493755;place-items:center;display:grid;position:absolute;inset:0}.bakery-pause>div{text-align:center;background:#fff8e9;border-radius:25px;padding:30px}.bakery-pause h2{margin-bottom:20px}.bakery-summary{text-align:center;color:#765751;background:radial-gradient(at top,#fff0c8,#f7ede5);min-height:85vh;padding:70px 20px}.bakery-summary h1{margin:20px 0;font-size:42px}.bakery-summary>div{margin-top:30px}.bakery-summary-words{max-width:600px;margin:20px auto;line-height:1.8}.bakery-cover{background:url(/art/bakery/workshop-v1.png) 50%/cover;width:100%;height:100%;min-height:180px;position:relative;overflow:hidden}.bakery-cover img{object-fit:contain;filter:drop-shadow(0 5px 3px #69514144);width:65%;height:92%;position:absolute;bottom:-8%;right:0}@keyframes bakery-add{0%{top:50%;left:43%;transform:translate(-50%,-50%)scale(1)}30%{top:40%;left:46%;transform:translate(-50%,-50%)rotate(-10deg)scale(1.08)}65%{top:42%;left:68%;transform:translate(-50%,-50%)rotate(8deg)}to{opacity:0;top:64%;left:73%;transform:translate(-50%,-50%)scale(.2)}}@keyframes bakery-label-out{to{opacity:0}}@keyframes bakery-topping{0%{opacity:0;transform:translate(-50%,-140%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes bakery-cake-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bakery-spark{0%{opacity:0;transform:translate(-50%,10px)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50px)scale(1.15)}}@keyframes bakery-candles{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bakery-flame{50%{transform:rotate(8deg)scale(.9,1.1)}}@keyframes bakery-twinkle{50%{opacity:.5;transform:scale(.95)}}@keyframes bakery-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}85%{opacity:1}to{transform:translateY(680px) rotate(var(--confetti-turn));opacity:0}}@keyframes bakery-finale{0%{--progress:0}to{--progress:1}}@media (width<=600px){.bakery-toolbar{gap:8px;padding:12px 10px}.bakery-toolbar b{font-size:16px}.bakery-toolbar small{font-size:11px}.bakery-toolbar>.btn span{display:none}.bakery-toolbar>.btn{padding:9px}.bakery-icon{width:37px;height:37px}.bakery-toolbar nav{gap:4px}.bakery-scene{border-width:3px;border-radius:22px;width:calc(100% - 16px);height:510px}.bakery-backdrop{object-position:10% center}.bakery-prompt{padding:14px 10px;top:3%;left:4%;right:4%}.bakery-prompt h1{margin:8px 0 12px;font-size:27px}.bakery-prompt>span{letter-spacing:1.5px;font-size:9px}.bakery-progress{gap:6px}.bakery-progress i{width:18px;height:8px}.bakery-cake{width:65%;height:auto;bottom:8%;left:36%}.bakery-active-ingredient{width:32%;min-width:108px;top:45%;left:44%}.bakery-active-ingredient b{padding:6px 13px;font-size:17px;bottom:-12%}.bakery-controls{padding:16px 12px}.bakery-controls p{font-size:15px}.bakery-controls .btn{font-size:14px}.bakery-finale-stars{font-size:35px;top:62%}.bakery-summary{padding-top:40px}}@media (prefers-reduced-motion:reduce){.bakery-ingredient-spark,.bakery-candles i,.bakery-cake-halo{animation:none}.bakery-active-ingredient.is-adding{animation-duration:.1s}.bakery-cake-art,.bakery-topping,.bakery-candles{animation-duration:.1s;animation-delay:0s}.bakery-celebration{animation-duration:1s}.bakery-confetti,.bakery-finale-stars,.bakery-added-spark{display:none}}.bakery-prepared-decorations,.bakery-sugar-dust,.bakery-caramel-drizzle{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bakery-prepared-topping{aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--topping-rotation));filter:drop-shadow(0 1px 1px #76533833);animation:.8s ease-out both bakery-prepared-arrive;position:absolute}.bakery-prepared-topping>span{width:100%;height:100%;display:block;position:relative;overflow:hidden}.bakery-prepared-topping img{width:300%;max-width:none;height:300%;position:absolute}.bakery-sugar-dust ellipse{animation:.9s ease-out both bakery-sugar-fall}.bakery-caramel-drizzle path{stroke-dasharray:1;animation:1.3s ease-out both bakery-drizzle}@keyframes bakery-prepared-arrive{0%{opacity:0;translate:0 -12px}to{opacity:1;translate:0}}@keyframes bakery-sugar-fall{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bakery-drizzle{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.bakery-prepared-topping,.bakery-sugar-dust ellipse,.bakery-caramel-drizzle path{animation-duration:.1s;animation-delay:0s!important}}.bakery-original-ingredient{width:100%;height:100%;display:block}.bakery-processed-ingredient{opacity:0;position:absolute;inset:0}.is-adding .bakery-original-ingredient:has(+.bakery-processed-ingredient){animation:2.3s both bakery-transform-out}.is-adding .bakery-processed-ingredient{animation:2.3s both bakery-transform-in}@keyframes bakery-transform-out{0%,30%{opacity:1}45%,to{opacity:0}}@keyframes bakery-transform-in{0%,30%{opacity:0;scale:.7}45%,to{opacity:1;scale:1}}