/* Shop layout: waiting guest, order, workbench, ingredient tray. */
.storefront{padding-top:78px;padding-bottom:36px}.shop-sign{margin-top:14px}.display-plate{gap:15px;margin:32px auto 0;max-width:560px}.display-plate>.mochi{width:29%}.display-plate>.mochi:nth-child(2){width:33%}#entry{margin:32px auto 0;gap:15px}#entry label{font-size:23px}.header-actions{gap:0}
.cook-screen .cooking-layout{display:flex;flex-direction:column;min-height:0}.service-area{flex:none;background:#fff8e7;border-bottom:5px solid #ac8058}.service-area .customer{height:clamp(105px,15svh,170px);min-height:0}.service-area .guest{left:calc(50% - 230px);width:210px;height:100%;max-width:none}.service-area .speech{left:calc(50% + 10px);right:8%;top:18px;max-width:40%;font-size:20px;padding:10px 15px}.service-area .window{inset:8px 6% 5px;border-width:6px}.service-area .counter-front{height:8%;border-top-width:8px}.service-area #recipe{width:100%;max-width:1250px;margin:auto}.service-area .recipe{padding:7px 18px 10px}.service-area .recipe-title{font-size:18px;padding:0 0 5px}.service-area .recipe-items{margin-top:7px;gap:20px}.service-area .recipe-item{display:grid;grid-template-columns:80px minmax(0,1fr) 50px;grid-template-rows:23px 30px;gap:4px 12px;text-align:left}.service-area .recipe-item>.sprite,.service-area .recipe-item>.mochi{grid-column:1;grid-row:1/3;width:80px;height:65px}.service-area .recipe-item>span:not(.sprite):not(.mochi){grid-column:2;grid-row:1;font-size:19px}.service-area .recipe-item>b{grid-column:2;grid-row:2;font-size:21px;min-height:0;display:block;line-height:1.2}.service-area .recipe-item>em{grid-column:3;grid-row:1/3;font-size:25px;text-align:center;padding:6px 3px}.cook-screen .kitchen-main{flex:1;min-height:320px;padding-top:5px;padding-bottom:10px}.cook-screen .work-area{min-height:150px;max-width:1300px}.cook-screen .board{min-height:150px}.cook-screen .big-hint{flex:none;padding:3px 0 8px;min-height:35px}.cook-screen .shelf-tabs{margin-top:9px}.cook-screen .shelf-tabs button{padding:8px 3px}.ingredient-tray{display:grid;grid-template-columns:repeat(var(--items),minmax(0,1fr));gap:12px;background:#fff4dc;border-inline:4px solid #ad8057;padding:5px 16px;max-width:100%}.ingredient-tray .material{width:100%;min-width:0;padding:3px 4px 5px;border-radius:14px}.ingredient-tray .material:active{background:#f3e1bb}.cook-screen .ingredient-tray .material>.sprite,.cook-screen .ingredient-tray .material>.mochi{width:100%;height:85px}.ingredient-tray .material strong{font-size:21px;line-height:1.2;min-height:28px}.picker-footer{font-size:14px;padding-block:5px}
.clean-plate{position:relative!important;display:block;aspect-ratio:1}.plate-drawing{position:absolute;left:7%;top:32%;width:86%;height:38%;background:linear-gradient(#fffdf4,#e2d6bf);border:3px solid #c5b69a;border-radius:50%;box-shadow:0 7px 0 #b9a482,0 11px 9px #71583a22}.plate-drawing:before{content:"";position:absolute;inset:12% 9%;border:2px solid #d8c8aa;background:radial-gradient(ellipse,#fffdf7,#f1e6d1);border-radius:50%}.plate-drawing:after{content:"";position:absolute;inset:3% 5% 55%;border-top:2px solid #fff;border-radius:50%}.plate>.clean-plate{width:100%;height:auto;min-height:100px}.plate>span:not(.sprite){z-index:1}.guest{animation:guestEnter .35s ease-out both,guestWaiting 2s .35s ease-in-out infinite;transform-origin:50% 92%;will-change:transform}
@keyframes guestEnter{from{transform:translateX(90px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes guestWaiting{0%,100%{transform:translateY(2px) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@media(max-width:760px){.storefront{padding:73px 15px 27px}.shop-sign{margin-top:10px;font-size:47px}.display-plate{gap:9px;margin-top:30px;margin-bottom:30px}#entry{margin-top:24px;gap:13px}#entry label{font-size:22px}.service-area .customer{height:clamp(100px,15svh,140px)}.service-area .guest{left:12%;width:35%;height:100%}.service-area .speech{left:50%;right:5%;max-width:45%;top:9px;font-size:16px;padding:7px 9px;line-height:1.3}.service-area .recipe{padding:5px 9px 8px}.service-area .recipe-title{font-size:16px;padding-bottom:4px}.service-area .recipe-title span{font-size:15px}.service-area .recipe-items{gap:8px;margin-top:4px}.service-area .recipe-item{grid-template-columns:minmax(0,1fr) 29px;grid-template-rows:18px 45px 30px;gap:2px 3px;text-align:center}.service-area .recipe-item>.sprite,.service-area .recipe-item>.mochi{grid-column:1;grid-row:2;height:46px;width:100%}.service-area .recipe-item>span:not(.sprite):not(.mochi){grid-column:1/3;grid-row:1;font-size:16px}.service-area .recipe-item>b{grid-column:1/3;grid-row:3;font-size:14px;min-height:0;line-height:1.1;display:grid;place-items:center}.service-area .recipe-item>em{grid-column:2;grid-row:2;font-size:18px;padding:4px 1px}.cook-screen .kitchen-main{min-height:300px;padding:4px 8px 8px}.cook-screen .work-area,.cook-screen .board{min-height:130px}.cook-screen .big-hint{font-size:18px;min-height:30px;padding:2px 0 5px}.cook-screen .shelf-tabs{margin-top:6px}.cook-screen .shelf-tabs button{font-size:21px;padding:6px 3px}.ingredient-tray{gap:4px;padding:3px 4px;border-inline-width:3px}.ingredient-tray .material{padding:2px}.cook-screen .ingredient-tray .material>.sprite,.cook-screen .ingredient-tray .material>.mochi{height:58px}.ingredient-tray .material strong{font-size:15px;line-height:1.15;min-height:34px;display:grid;place-items:center;overflow-wrap:anywhere}.cook-screen .picker-footer{font-size:12px;padding:3px 6px}.picker-footer button{font-size:12px}.plate>span:not(.sprite){font-size:15px}.plate>.clean-plate{min-height:80px}.plate-drawing{border-width:2px}.cook-screen .dough{height:90%;width:73%}}
@media(min-width:761px) and (max-height:800px){.service-area .customer{height:105px}.cook-screen .kitchen-main{min-height:300px}.cook-screen .ingredient-tray .material>.sprite,.cook-screen .ingredient-tray .material>.mochi{height:65px}.ingredient-tray .material strong{font-size:19px}.service-area .recipe-item>b{font-size:18px}}
/* Separate grid cells and clip the entrance animation inside the photo cell. */
.customer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;padding:0 18px}.guest-space{position:relative;grid-column:1;height:100%;min-width:0;overflow:hidden;z-index:1}.customer .guest-space .guest{left:50%;top:auto;bottom:0;width:100%;height:100%;max-width:290px;translate:-50% 0}.customer .speech,.service-area .customer .speech{position:relative;grid-column:2;left:auto;right:auto;top:auto;bottom:auto;width:fit-content;max-width:100%;margin:9px 0 18px;align-self:center;z-index:2;overflow-wrap:anywhere}.customer .speech:after{left:-9px;bottom:14px;transform:rotate(135deg)}.customer .counter-front{z-index:3;pointer-events:none}.choice-layout>.customer .guest-space{height:100%}.choice-layout>.customer .guest{left:50%;width:100%;height:92%}
@media(max-width:760px){.customer{grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:12px;padding:0 12px}.customer .speech,.service-area .customer .speech{font-size:16px;padding:8px 10px;margin-bottom:14px;line-height:1.35}.service-area .customer .speech{font-size:15px}.customer .guest-space .guest{max-width:200px}.choice-layout>.customer .speech{font-size:18px}.choice-layout>.customer .guest-space{height:100%}}
.plate.blocked .plate-drawing{filter:grayscale(.4);opacity:.65}.plate.wrong-order .plate-drawing{border-color:#c85663}.plate.wrong-order>span:not(.sprite){color:#b13c4b}.plate.blocked>span:not(.sprite){color:#796954}#plate-label{white-space:normal;padding:0 3px;text-wrap:balance}
/* Square mochi frames keep the atlas at its original ratio, even in short trays. */
.cook-screen .ingredient-tray .material>.mochi{width:min(100%,96px);height:auto;aspect-ratio:721/727;flex:none}.service-area .recipe-item>.mochi{width:65px;height:auto;aspect-ratio:721/727;justify-self:center;align-self:center}.cook-screen .board .dough{width:min(65%,22svh,260px);height:auto;aspect-ratio:721/727;max-height:none}.reaction .reaction-art>.mochi{width:auto;height:100%;aspect-ratio:721/727}.topping-art svg{width:100%;height:100%;overflow:visible}.garnish{overflow:visible}.display-plate .garnish{top:0;left:32%;width:36%;height:32%}
@media(max-width:760px){.cook-screen .ingredient-tray .material>.mochi{width:min(100%,72px);height:auto;aspect-ratio:721/727}.service-area .recipe-item>.mochi{width:44px;height:auto;aspect-ratio:721/727}.cook-screen .board .dough{width:min(68%,21svh,230px);height:auto;aspect-ratio:721/727}}
/* Intro artwork has its own complete image viewport; gameplay artwork is unchanged. */
.display-plate .intro-mochi{isolation:isolate}.intro-mochi>.intro-picture{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none}.how-picture{display:block;position:relative;width:min(100%,220px);aspect-ratio:1;overflow:hidden}.how-picture>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.tutorial .how-to>div{min-width:0}.tutorial .how-to{align-items:start}.tutorial .how-to b{display:block;text-align:center}
@media(prefers-reduced-motion:reduce){.guest{animation:none!important;will-change:auto}}