:root{--night:#231e46;--ink:#322c51;--cream:#fff4d7;--orange:#ffad66;--purple:#b7b2f8;--mint:#b8e4bc;--edge:#706792;--shadow:#171630;--pink:#fa86aa;color:var(--cream);font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color-scheme:dark;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html{height:100%;background-color:#231e46;overscroll-behavior:none;touch-action:none}body{margin:0;height:100%;height:100dvh;overflow:hidden;touch-action:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;color:inherit;border:0;background:none;padding:0;position:relative;flex-shrink:0;cursor:pointer;touch-action:none}button:focus-visible,a:focus-visible{outline:4px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}svg{display:block;width:100%;height:100%;pointer-events:none;overflow:visible}button svg{pointer-events:none}button>*{pointer-events:none}.space-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 15%,#4b386580,transparent 60%)}.space-backdrop>i{position:absolute;left:9%;top:18%;width:4px;height:4px;border-radius:50%;background:#fff4d7;box-shadow:90px 80px #fff4d755,280px 20px #fff4d777,50px 430px #fff4d733,550px 180px #fff4d7,320px 390px #fff4d766,710px 510px #fff4d777}.space-backdrop>i:nth-child(2){left:65%;top:25%;scale:.7}.space-backdrop>i:nth-child(3){left:40%;top:60%;scale:.8}.space-backdrop>i:nth-child(4){left:88%;top:78%}.space-backdrop>i:nth-child(5){left:20%;top:88%}.planet-glow{position:absolute;width:80vw;height:80vw;border:2px solid #8c7dab20;border-radius:50%;right:-40vw;top:8%;box-shadow:0 0 90px #b7b2f811 inset}
#toolbar{height:68px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:9px 20px;position:relative;z-index:8}.gate{width:50px;height:50px;padding:13px;border:1px solid #b7b2f844;background:#fff4d70b;border-radius:50%;isolation:isolate}#home-gate>svg{filter:brightness(0) invert(.94)}.gate::before{content:'';position:absolute;inset:0;border-radius:50%;background:#ffad6699;z-index:-1;transform:scale(0)}.holding::before{animation:hold-fill var(--hold-time) linear forwards}@keyframes hold-fill{to{transform:scale(1)}}#visit-progress{display:flex;align-items:center;gap:12px}.current-chef{width:40px;height:40px}.visit-dots{display:flex;gap:7px}.visit-dots>span{width:27px;height:27px;opacity:.2}.visit-dots>span.done{opacity:1}.cafe-mark{height:33px;width:33px;opacity:.6}
#app{height:calc(100% - 68px);max-width:1100px;margin:auto;padding:4px 20px 21px;position:relative}.touch-pad{border:3px solid var(--edge);border-radius:23px;background:var(--cream);box-shadow:0 6px 0 #736590;color:var(--ink)}.primary{min-width:142px;height:74px;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:28px;background:var(--orange);border:3px solid #de8751;box-shadow:0 7px 0 #925552;color:var(--ink)}.primary>svg{height:43px;width:43px}.primary>svg:last-of-type{width:34px}.primary:active:enabled,.touch-pad:active:enabled{translate:0 3px;box-shadow:0 3px 0 #736590}.demo-hand{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:44px;height:44px;z-index:10;pointer-events:none;filter:drop-shadow(0 3px 2px #231e4633);animation:tap-demo 2.4s ease-in-out infinite}.demo-hand::before{content:'';position:absolute;width:24px;height:24px;left:38%;top:18%;translate:-50% -50%;border:3px solid #e78655;background:#fff4d799;border-radius:50%;z-index:-1}@keyframes tap-demo{0%,100%{transform:translateY(6px)}40%,60%{transform:translateY(0) scale(.92)}}.demo-hand.drag-demo{animation:drag-demo 3.8s ease-in-out infinite}@keyframes drag-demo{0%,12%{translate:0 0;opacity:1}65%,78%{translate:var(--demo-x,0) var(--demo-y,0);opacity:1}84%,100%{translate:var(--demo-x,0) var(--demo-y,0);opacity:0}}
.cafe-screen{height:100%;display:flex;flex-direction:column;align-items:center;gap:9px}.cafe-logo{font-weight:900;line-height:.82;letter-spacing:-.065em;text-align:center;rotate:-4deg;position:relative;z-index:2;color:var(--cream);font-size:clamp(43px,7vw,75px);text-shadow:0 5px 0 #131228}.cafe-logo>span,.cafe-logo>strong{display:block}.cafe-logo>strong{font-weight:900;color:var(--orange);font-size:1.16em}.cafe-logo>small{font-size:.27em;letter-spacing:.24em;display:block;margin-top:13px;text-transform:uppercase;color:var(--purple)}.cafe-window{width:100%;flex:1;min-height:110px;max-height:560px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cafe-window>svg{width:115%;flex-shrink:0}.cafe-host{position:absolute;left:28%;bottom:4%;height:57%;width:44%;filter:drop-shadow(0 8px 0 #17163033);animation:float 4s ease-in-out infinite}.cafe-controls{width:100%;max-width:390px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:15px 15px;align-items:center;justify-items:center;padding-bottom:4px}.profile-picks{grid-column:1/4;display:flex;gap:24px}.profile{width:72px;height:66px;background:#fff4d713;border:3px solid #746391;border-radius:25px;padding:7px;box-shadow:0 5px 0 #16142d}.profile.chosen{background:#514672;border-color:var(--mint);rotate:-5deg}.profile.chosen::after{content:'';position:absolute;width:10px;height:10px;background:var(--mint);border:3px solid var(--night);border-radius:50%;bottom:-9px;left:calc(50% - 5px)}.start-button{grid-column:2;min-width:160px}.book-button{grid-column:3;width:65px;height:65px;padding:11px;justify-self:start}.cafe-toys{display:flex;gap:10px;height:65px;flex-shrink:0}.toy{height:64px;width:64px;padding:5px;border-radius:18px;border-width:2px}
.kitchen-screen{height:100%;display:grid;grid-template-rows:145px minmax(150px,1fr) 94px;gap:17px;max-width:900px;margin:auto}.customer-order{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;min-height:0}.customer{height:100%;width:29%;max-width:190px;flex-shrink:0;position:relative;animation:breathe 4s ease-in-out infinite}.thought-bubble{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;max-width:650px;flex:1;background:var(--cream);border-radius:24px;padding:13px 10px;box-shadow:0 7px 0 #b7b2f833;color:var(--ink);min-height:90px;max-height:100%}.thought-bubble::before{content:'';position:absolute;left:-9px;bottom:23px;width:18px;height:18px;background:var(--cream);border-radius:50%}.request-group{flex:1;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-content:center;max-width:220px;min-width:0;min-height:44px}.request-group+.request-group{border-left:2px dashed #c8b7c4;padding-left:7px}.wanted-food{border-radius:50%;background:#eddfca88;width:27px;height:27px;position:relative;flex-shrink:0;display:block}.wanted-food.matched{opacity:.48}.wanted-food>i{position:absolute;width:14px;height:14px;right:-2px;bottom:-2px;background:var(--mint);border-radius:50%;padding:1px}.wanted-food.matched>i{opacity:1}
.prep-area{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center;min-height:0}.bowl-drop{max-height:320px;height:90%;min-height:155px;width:100%;position:relative;border-radius:30px 30px 65px 65px;background:#b7b2f8;border:6px solid #8c82bd;box-shadow:0 9px 0 #12102c66,inset 0 -20px 0 #9089c1;display:flex;align-items:center;justify-content:center;padding:18px 14px 34px;isolation:isolate}.bowl-rim{position:absolute;left:-5px;top:-10px;width:calc(100% + 10px);height:26px;border:5px solid #ddd5f7;background:#8175a4;border-radius:50%;z-index:-1}.bowl-front{position:absolute;bottom:13px;left:16%;height:7px;width:25%;background:#ddd5f777;border-radius:10px;rotate:6deg}.empty-bowl{width:95px;height:95px;opacity:.18}.drop-ready{outline:5px dashed var(--mint);outline-offset:8px;background:#c7c3f6}.food-pictures{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:3px;width:100%;height:100%;min-height:0}.food-pictures>span{display:block;width:clamp(27px,7.8vw,43px);height:clamp(27px,7.8vw,43px);flex-shrink:0}.prep-actions{display:flex;flex-direction:column;gap:25px;align-items:center}.undo-button{width:68px;height:68px;padding:14px;border-radius:24px}.check-button{width:74px;min-width:74px;height:108px;flex-direction:column;padding:12px 17px;gap:8px}.check-button>svg{width:35px;height:35px}.pantry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch;padding-bottom:6px}.pantry-bin{min-width:64px;min-height:74px;height:100%;padding:8px;border-radius:22px;background:#fff0d7;box-shadow:0 7px 0 #71637c;border-color:#b59fbd}.pantry-bin::before{content:'';position:absolute;inset:auto 8px 5px;height:5px;border-radius:8px;background:#f2d8b7;pointer-events:none}.pantry-bin.dragging{border-color:var(--orange);background:#fff9e9}.pantry-bin>svg{max-width:115px;margin:auto}
.check-screen{height:100%;display:grid;grid-template-rows:150px minmax(100px,1fr) 94px;gap:25px;max-width:750px;margin:auto}.surprise-dish{width:87%;height:80%;align-self:center;justify-self:center;border-radius:50%;background:var(--purple);border:13px solid #e0d5fa;position:relative;padding:17px 22px;box-shadow:0 8px 0 #7c70a3}.surprise-swirls{position:absolute;inset:0;pointer-events:none}.surprise-swirls>svg{width:45px;height:45px;position:absolute;right:-22px;top:-20px;rotate:12deg}.surprise-swirls>svg:last-child{left:-22px;bottom:0;top:auto;rotate:-12deg}.decision-actions{display:flex;gap:22px;justify-content:center;align-items:center}.decision-button{min-width:135px;width:140px;height:77px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px}.decision-button>svg{width:42px;height:42px}.check-screen .surprise .creature-eyes{animation:eyes 1s ease-in-out infinite}
.cook-screen{height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:850px;margin:auto}.recipe-strip{height:65px;flex-shrink:0;display:flex;gap:23px;align-items:center;justify-content:center}.recipe-strip>span{width:52px;height:52px;padding:7px;border:2px dashed #807395;border-radius:18px;opacity:.35}.recipe-strip>span.current{opacity:1;border:3px solid var(--orange);background:#ffad661c;scale:1.13}.recipe-strip>span.done{opacity:1;background:#b8e4bc33;border-style:solid}.cook-zone{flex:1;min-height:160px;width:100%;max-height:520px;position:relative;display:flex;align-items:center;justify-content:center;background:#473966;border:3px solid #77638e;border-radius:40px;box-shadow:0 10px 0 #14112d;overflow:visible}.cook-zone>svg{max-height:100%;max-width:100%;position:relative}.cook-zone.dragging>svg{transform:translate(var(--gesture-x,0),var(--gesture-y,0))}.cooking-food{position:absolute;width:45%;height:26%;bottom:20%;left:27%;pointer-events:none}.cooking-food .food-pictures{gap:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.cooking-food .food-pictures>span{width:100%;height:100%;max-width:50px;max-height:50px}.cook-zone.chop .cooking-food{bottom:13%;left:22%;width:55%}.cook-zone.pour .cooking-food{left:46%;width:34%;bottom:12%;height:25%}.cook-zone.flip .cooking-food{bottom:29%;width:40%;left:25%;height:20%}.cook-zone.disabled{opacity:1}.cook-zone:disabled{border-color:var(--mint)}.cook-zone.doing>svg{animation:boing .45s ease-out}.cook-zone.chop.doing .cooking-food{animation:chop-food .45s ease-in-out}.cook-zone.stir.doing .cooking-food{animation:stir-food .5s ease-in-out}.cook-zone.pour.doing .cooking-food{animation:pour-food .5s ease-in-out}.cook-zone.flip.doing .cooking-food{animation:flip-food .5s ease-in-out}.cook-zone .demo-hand{left:calc(50% - 22px);top:calc(45% - 22px);width:54px;height:54px}.cook-zone.chop .demo-hand{animation:chop-hand 3s ease-in-out infinite}.cook-zone.stir .demo-hand{animation:stir-hand 3s ease-in-out infinite}.cook-zone.pour .demo-hand{animation:pour-hand 3s ease-in-out infinite}.cook-zone.flip .demo-hand{animation:flip-hand 3s ease-in-out infinite}.cook-bottom{height:87px;width:100%;display:flex;align-items:center;justify-content:center;gap:35px;flex-shrink:0}.gesture-progress{display:flex;gap:9px}.gesture-progress>span{width:39px;height:39px;padding:5px;border:2px dashed #b7b2f8;border-radius:50%;opacity:.25}.gesture-progress>span.done{opacity:1;background:#b8e4bc33;border:2px solid var(--mint)}.cook-instruction{width:68px;height:68px;opacity:.5}
.serve-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:15px;max-width:750px;margin:auto;position:relative}.serve-screen .customer-order{height:42%;max-height:260px}.serve-screen .customer{width:40%;max-width:270px}.serve-screen .thought-bubble{max-height:160px}.plate-drop{width:91%;height:44%;max-height:300px;position:relative;min-height:120px;filter:drop-shadow(0 10px 0 #16102e55)}.plate-art{position:absolute;inset:0}.plate-drop>.food-pictures{position:absolute;inset:40% 12% 12%;height:48%;width:76%;padding:8px 15px}.plate-drop .demo-hand{left:calc(50% - 22px);top:calc(50% - 22px)}.serve-arrow{position:absolute;top:43%;left:16%;width:43px;height:43px;rotate:-65deg;opacity:.6}
.reaction-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative}.happy-stars{display:flex;justify-content:center;gap:25px;height:50px}.happy-stars>svg{width:44px;height:44px}.happy-stars>svg:nth-child(2){translate:0 -15px;scale:1.15}.reaction-creature{width:83%;height:45%;max-height:450px;max-width:430px;min-height:150px;filter:drop-shadow(0 10px 0 #11112877)}.meal-memory{position:relative;height:53px;width:80px;flex-shrink:0}.meal-memory>svg:last-child{position:absolute;inset:9px 22px;height:35px;width:35px}.unlock-gifts{display:flex;align-items:center;justify-content:center;gap:15px;height:70px;max-width:100%;border:2px dashed #b7b2f8;border-radius:20px;padding:5px 15px}.unlock-gifts>svg{height:42px;width:42px}.unlock-gifts>span{height:58px;width:65px;display:block}.reaction-screen .next-button{margin-top:6px}.reaction-jelly.animate .creature-body{animation:jelly .9s ease-in-out 2}.reaction-jelly.animate .reaction-bubble{animation:bubbles 1.5s ease-out 2}.reaction-puff.animate .creature-accent{animation:antennae .8s ease-in-out 3;transform-origin:50% 60%}.reaction-rock.animate .creature-eyes{animation:eyes .6s ease-in-out 4}.reaction-comet.animate{animation:float-turn 1.2s ease-in-out 2}.reaction-wobble.animate .creature-accent{animation:hat .9s ease-in-out 2}.reaction-crater.animate .creature-mouth{animation:puff .8s ease-in-out 3}.reaction-creature.animate .creature-body{transform-origin:50% 80%}
.handoff-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.handoff-pictures{display:flex;align-items:center;gap:24px;height:95px}.handoff-pictures>svg{height:90px;width:90px}.handoff-pictures>svg:first-child{opacity:.3}.handoff-pictures>svg:nth-child(2){width:43px;height:43px}.handoff-customer{width:65%;height:40%;max-height:330px}.reward-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.reward-window{height:45%;width:100%;max-height:440px;overflow:hidden}.reward-gift{width:64px;height:64px}.reward-choices{display:flex;gap:15px;width:100%;align-items:center;justify-content:center}.decoration-choice{width:29%;height:140px;max-width:190px;min-width:64px;padding:10px}
.album-screen{height:100%;display:flex;flex-direction:column;gap:16px;max-width:800px;margin:auto}.album-top{height:65px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.album-top>svg{width:60px;height:60px}.album-top>button{width:64px;height:64px;padding:15px}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:13px;flex:1;min-height:0}.album-card{width:100%;height:100%;min-height:64px;min-width:64px;padding:12px}.album-footer{height:70px;display:flex;justify-content:center;align-items:center;gap:25px;flex-shrink:0}.album-next{width:74px;height:64px;padding:14px}.page-dots{display:flex;gap:9px}.page-dots>i{width:10px;height:10px;background:#b7b2f833;border-radius:50%}.page-dots>i.current{background:var(--orange)}
dialog{background:var(--cream);color:var(--ink);border:0;border-radius:28px;padding:24px;width:calc(100% - 28px);max-width:500px;max-height:calc(100dvh - 35px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 20px 70px #10102080}dialog::backdrop{background:#17142ecc;backdrop-filter:blur(6px)}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.sheet-top h1{font-size:26px;margin:0}.sheet-top>button{height:55px;width:55px;background:#e3d7ea;border-radius:50%;padding:14px}.setting{width:100%;min-height:80px;display:flex;align-items:center;gap:18px;padding:13px;text-align:left;border:2px solid #ad9ebd;background:#e9dff1;border-radius:20px;margin:16px 0}.setting>svg{width:50px;height:50px;flex-shrink:0}.setting small{display:block;font-size:12px;margin-top:6px}dialog p{font-size:14px;line-height:1.65;user-select:text}#storage-note:empty{display:none}#arcade-link{display:block;padding:18px;background:#584874;border-radius:17px;text-align:center;text-decoration:none;color:var(--cream);touch-action:manipulation}#build-version{display:block;text-align:center;font-size:11px;margin-top:18px;opacity:.65}
#effects{position:fixed;inset:0;z-index:15;overflow:hidden;pointer-events:none}#effects>i{position:absolute;width:9px;height:9px;border-radius:3px;animation:scatter .85s ease-out forwards}#drag-ghost{position:fixed;width:76px;height:76px;z-index:20;pointer-events:none;filter:drop-shadow(0 8px 5px #17142e66)}[hidden]{display:none!important}@keyframes scatter{to{transform:translate(var(--dx),var(--dy)) rotate(120deg) scale(.2);opacity:0}}@keyframes breathe{50%{transform:translateY(-4px)}}@keyframes float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes boing{40%{transform:scale(.93,1.06) rotate(-3deg)}75%{transform:scale(1.02,.98)}}.boing{animation:boing .6s ease-out}@keyframes chop-hand{10%,90%{transform:translate(-40px,-20px)}55%{transform:translate(40px,35px)}}@keyframes stir-hand{0%,100%{transform:translate(-30px,0)}25%{transform:translate(0,-35px)}50%{transform:translate(35px,0)}75%{transform:translate(0,30px)}}@keyframes pour-hand{0%,25%{transform:translate(-45px,-35px)}65%,90%{transform:translate(35px,35px)}}@keyframes flip-hand{0%,30%,100%{transform:translate(0,40px)}60%,75%{transform:translate(0,-45px)}}@keyframes chop-food{40%{transform:scale(.9) translateY(7px)}}@keyframes stir-food{to{transform:rotate(360deg)}}@keyframes pour-food{from{transform:translate(-40px,-50px);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes flip-food{50%{transform:translateY(-60px) rotate(180deg)}to{transform:rotate(360deg)}}@keyframes jelly{40%{transform:scale(1.13,.8)}65%{transform:scale(.9,1.08)}}@keyframes bubbles{to{transform:translateY(-40px) scale(.7);opacity:0}}@keyframes antennae{50%{transform:rotate(10deg) scaleY(1.2)}}@keyframes eyes{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes float-turn{50%{transform:translateY(-20px) rotate(180deg)}}@keyframes hat{50%{transform:translateY(-25px) rotate(8deg)}}@keyframes puff{50%{transform:scale(1.13)} }
@media(min-width:700px) and (min-height:700px){#toolbar{height:88px;padding:14px 30px}.gate{height:58px;width:58px}.current-chef{height:52px;width:52px}.visit-dots>span{height:33px;width:33px}#app{height:calc(100% - 88px);padding:8px 35px 26px}.kitchen-screen{grid-template-rows:200px minmax(220px,1fr) 132px;gap:25px}.wanted-food{width:40px;height:40px}.thought-bubble{padding:20px;gap:18px;border-radius:35px}.request-group{gap:5px}.request-group+.request-group{padding-left:16px}.pantry{gap:19px}.pantry-bin{padding:13px}.prep-area{grid-template-columns:minmax(0,1fr) 98px;gap:26px}.undo-button{width:82px;height:82px}.check-button{width:92px;min-width:92px;height:128px}.check-button>svg{width:42px;height:42px}.food-pictures>span{width:50px;height:50px}.bowl-drop{max-height:390px;padding:30px}.primary{height:84px;min-width:162px}.check-button{min-width:92px}.cook-screen{gap:24px}.cook-bottom{height:105px}.recipe-strip{height:82px}.recipe-strip>span{width:65px;height:65px}.gesture-progress>span{width:50px;height:50px}.profile{width:88px;height:78px}.book-button{width:75px;height:75px}.cafe-controls{max-width:450px;gap:20px}.check-screen{grid-template-rows:210px minmax(180px,1fr) 100px}.reaction-creature{height:47%}.decoration-choice{height:180px}.album-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.album-card{padding:20px}}
@media(max-height:740px) and (orientation:portrait){#toolbar{height:59px;padding:5px 15px}.gate{height:48px;width:48px;padding:12px}#app{height:calc(100% - 59px);padding:2px 16px 18px}.current-chef{width:35px;height:35px}.visit-dots>span{height:26px;width:26px}.cafe-logo{font-size:40px}.cafe-logo>small{margin-top:10px}.cafe-controls{gap:10px}.primary{height:68px;min-width:136px;padding:10px 18px}.profile{height:64px;width:67px}.cafe-screen{gap:7px}.cafe-window{min-height:80px}.cafe-toys{height:64px}.cafe-toys .toy{width:64px;height:64px}.kitchen-screen{grid-template-rows:135px minmax(145px,1fr) 85px;gap:15px}.wanted-food{height:25px;width:25px}.thought-bubble{padding:10px 9px;gap:7px;border-radius:20px}.request-group{gap:2px}.request-group+.request-group{padding-left:5px}.pantry{gap:7px}.pantry-bin{padding:6px;border-radius:19px}.prep-area{grid-template-columns:minmax(0,1fr) 72px;gap:12px}.check-button{height:103px;width:70px;min-width:70px;padding:11px 15px}.undo-button{height:65px;width:65px}.bowl-drop{padding:15px 10px 28px;min-height:145px}.food-pictures>span{width:28px;height:28px}.check-screen{grid-template-rows:135px minmax(110px,1fr) 84px;gap:20px}.decision-actions{gap:16px}.decision-button{min-width:133px;width:133px;height:72px;padding:13px 17px}.cook-screen{gap:12px}.recipe-strip{height:57px}.recipe-strip>span{width:47px;height:47px}.cook-bottom{height:78px;gap:24px}.gesture-progress>span{height:34px;width:34px}.cook-zone{border-radius:30px}.reaction-screen{gap:11px}.happy-stars{height:36px}.happy-stars>svg{height:33px;width:33px}.reaction-creature{height:43%;min-height:120px}.meal-memory{height:44px}.unlock-gifts{height:65px}.unlock-gifts>span{height:50px;width:50px}.reward-screen{gap:15px}.reward-gift{height:54px;width:54px}.decoration-choice{height:115px;padding:7px}.album-screen{gap:12px}.album-grid{gap:10px}.album-card{padding:8px}.album-footer{height:66px}.handoff-screen{gap:24px}}
@media(orientation:landscape) and (max-height:650px){#toolbar{height:55px;padding:4px 17px}.gate{width:46px;height:46px;padding:12px}#app{height:calc(100% - 55px);padding:0 20px 15px}.current-chef{width:34px;height:34px}.visit-dots>span{width:25px;height:25px}.primary{height:66px;min-width:122px;padding:10px 17px;gap:10px}.primary>svg{width:36px;height:36px}.cafe-screen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:1fr;gap:10px}.cafe-logo{position:absolute;left:20px;top:4px;font-size:31px;z-index:3}.cafe-logo>small{font-size:10px;margin-top:7px}.cafe-window{grid-column:1;grid-row:1;min-height:0;height:100%;width:100%;padding-top:12px}.cafe-window>svg{width:100%}.cafe-host{height:53%;bottom:2%;left:40%;width:40%}.cafe-controls{grid-column:2;grid-row:1;grid-template-columns:1fr auto;gap:16px 12px}.profile-picks{grid-column:1/3;gap:19px}.profile{height:64px;width:66px;padding:7px}.start-button{grid-column:1;min-width:129px;width:129px;padding:10px 15px;gap:8px}.book-button{grid-column:2;height:64px;width:64px}.cafe-toys{position:absolute;left:0;bottom:0;z-index:4;padding:4px;background:#231e46cc;border-radius:18px;gap:7px;height:68px}.cafe-screen:has(.cafe-toys) .cafe-window{padding-bottom:47px}.kitchen-screen{grid-template-columns:minmax(175px,.9fr) minmax(330px,1.5fr);grid-template-rows:minmax(145px,1fr) 82px;gap:10px 22px}.customer-order{grid-column:1;grid-row:1/3;flex-direction:column;gap:0;justify-content:space-around}.customer{width:67%;height:48%;max-height:155px;max-width:160px}.thought-bubble{width:100%;flex:0 1 auto;min-height:70px;padding:9px 10px;max-height:53%;gap:7px}.thought-bubble::before{left:50%;top:-10px;bottom:auto}.wanted-food{height:23px;width:23px}.request-group{gap:2px;min-height:30px}.request-group+.request-group{padding-left:5px}.prep-area{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) 72px;gap:12px;align-items:stretch}.bowl-drop{min-height:120px;height:88%;align-self:center;border-width:5px;border-radius:25px 25px 48px 48px;padding:15px 12px 22px}.bowl-rim{height:23px}.food-pictures>span{width:25px;height:25px}.prep-actions{gap:14px;justify-content:center}.undo-button{width:64px;height:64px;padding:14px}.check-button{height:82px;min-width:68px;width:68px;padding:8px 16px;gap:2px}.check-button>svg{height:30px;width:30px}.pantry{grid-column:2;grid-row:2;gap:12px}.pantry-bin{padding:5px;height:76px;min-height:64px;border-radius:18px}.cook-screen{display:grid;grid-template-columns:70px minmax(250px,1fr) 145px;grid-template-rows:1fr;gap:20px;max-width:950px}.recipe-strip{grid-column:1;grid-row:1;flex-direction:column;height:100%;gap:14px}.recipe-strip>span{width:47px;height:47px;padding:6px}.cook-zone{grid-column:2;grid-row:1;height:94%;width:100%;min-height:0;align-self:center;border-radius:30px}.cook-bottom{grid-column:3;grid-row:1;flex-direction:column;height:100%;gap:23px}.gesture-progress{gap:6px}.gesture-progress>span{height:33px;width:33px;padding:4px}.cook-bottom .primary{height:68px;min-width:125px}.cooking-food{height:30%}.check-screen{display:grid;grid-template-columns:minmax(175px,.85fr) minmax(230px,1.1fr) 143px;grid-template-rows:1fr;gap:17px}.check-screen .customer-order{grid-column:1;grid-row:1}.surprise-dish{grid-column:2;grid-row:1;width:100%;height:68%;border-width:9px;padding:12px 8px}.decision-actions{grid-column:3;grid-row:1;flex-direction:column;gap:25px}.decision-button{width:132px;min-width:132px;height:74px;padding:12px 16px;gap:8px}.decision-button>svg{width:37px;height:37px}.serve-screen{flex-direction:row;max-width:100%;gap:25px}.serve-screen .customer-order{height:95%;width:40%;max-height:none}.serve-screen .customer{height:54%;width:58%;max-width:180px}.serve-screen .thought-bubble{max-height:42%;width:90%}.plate-drop{width:54%;height:83%;max-height:280px}.serve-arrow{left:42%;top:20%;rotate:190deg;width:38px;height:38px}.reaction-screen{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(230px,1.6fr) 150px;grid-template-rows:1fr 70px;gap:8px 20px}.happy-stars{grid-column:1;grid-row:1;align-self:start;gap:13px;margin-top:35px}.happy-stars>svg{width:31px;height:31px}.reaction-creature{grid-column:2;grid-row:1/3;justify-self:center;height:96%;width:100%;min-height:100px;max-width:320px}.meal-memory{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;width:110px;height:75px;margin-top:30px}.meal-memory>svg:last-child{width:45px;height:45px;inset:12px 33px}.unlock-gifts{grid-column:1;grid-row:2;align-self:center;gap:7px;padding:4px 6px;height:65px;min-width:0}.unlock-gifts>svg{width:28px;height:28px}.unlock-gifts>span{width:40px;height:45px}.reaction-screen .next-button{grid-column:3;grid-row:1/3;align-self:center;min-width:135px;justify-self:center}.handoff-screen{flex-direction:row;gap:25px}.handoff-pictures{gap:14px;height:80px}.handoff-pictures>svg{width:66px;height:66px}.handoff-pictures>svg:nth-child(2){width:33px}.handoff-customer{width:31%;height:90%}.reward-screen{flex-direction:row;position:relative;gap:25px}.reward-window{width:47%;height:95%;max-height:300px}.reward-gift{position:absolute;left:18%;top:10px;height:44px;width:44px}.reward-choices{width:49%;gap:12px}.decoration-choice{height:126px;padding:5px;width:30%;min-width:64px}.album-screen{display:grid;grid-template-columns:64px minmax(0,1fr) 76px;grid-template-rows:1fr;gap:20px;max-width:100%}.album-top{flex-direction:column;height:100%;padding:5px 0}.album-top>svg{height:55px;width:55px}.album-grid{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.album-card{padding:7px}.album-footer{height:100%;flex-direction:column;gap:20px}.album-next{height:64px;width:70px}.page-dots{gap:6px}.page-dots>i{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.demo-hand{opacity:1}.holding::before{transform:scale(1);opacity:.5}#effects{display:none}.cook-zone.dragging>svg{transform:none}.touch-pad:active:enabled,.primary:active:enabled{translate:none}}

.plate-drop.dragging{transform:translate(var(--gesture-x,0),var(--gesture-y,0));z-index:12}.plate-drop.dragging .demo-hand{display:none}.recipe-earned{position:absolute;right:7px;bottom:7px;width:30px;height:30px;padding:4px;background:var(--mint);border:2px solid #6d9b7d;border-radius:50%}.album-card.animate .creature-body{transform-origin:50% 80%}