@charset "UTF-8";
:root{font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#49382e;background:#f7eddb;font-size:18px;--pink:#e16a83;--ink:#49382e;--cream:#fff9eb;--green:#507b60;--wood:#bd8856}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid #4a9295;outline-offset:3px}button{border:0}h1,h2,p{margin:0}h1{font-size:clamp(26px,3vw,42px);line-height:1.3}h2{font-size:26px}svg{display:block;width:100%;height:100%;overflow:hidden}img{max-width:100%}.sprite,.mochi{position:relative;display:inline-block;width:100%;aspect-ratio:1;vertical-align:middle;pointer-events:none}.garnish{position:absolute;top:-5%;left:28%;width:44%;height:40%;pointer-events:none}.garnish .sprite{width:100%;height:100%}.friends{display:flex;justify-content:center;width:min(100%,520px);margin:auto}.friends svg{width:33.333%;aspect-ratio:1;height:auto}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,3vw,40px);background:#fffaf0;border-bottom:2px solid #dec8a9}header a{text-decoration:none;color:var(--ink);font-size:27px;font-weight:900;display:flex;gap:14px;align-items:center}header a small{font-size:13px;letter-spacing:2px;color:#947557}#music{background:#efe3cc;padding:10px 16px;border-radius:30px;font-size:16px;font-weight:bold;min-height:44px}#screen{min-height:calc(100svh - 64px)}.primary{background:var(--pink);color:white;border:3px solid #bd5268;border-radius:18px;box-shadow:0 5px 0 #bd5268;padding:17px 26px;font-weight:900;font-size:23px;min-height:60px}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #bd5268}.secondary{padding:13px 22px;background:#f4dfc2;border-radius:12px;font-weight:bold}.welcome-screen,.tutorial-screen{display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,#fffaf0 30%,#e8d8bd 100%)}.storefront{width:min(100%,1040px);position:relative;padding:85px 35px 34px;border:12px solid #b6845a;border-radius:28px;background:linear-gradient(90deg,#f4e6cf 2px,transparent 2px) 0 0/60px 100%,#fff4df;box-shadow:0 15px 0 #94704f,0 20px 45px #8d674d22;overflow:hidden;text-align:center}.awning{height:58px;position:absolute;top:0;left:0;right:0;background:repeating-linear-gradient(90deg,#dc7d85 0 58px,#fff2d9 58px 116px);border-bottom:8px solid #bd676b;border-radius:0 0 14px 14px}.shop-sign{font-size:clamp(44px,6vw,76px);font-weight:900;letter-spacing:6px;color:#71513e;text-shadow:2px 3px #fff}.display-plate{display:flex;justify-content:center;align-items:end;margin:10px auto 0;max-width:610px;position:relative}.display-plate:after{content:"";position:absolute;bottom:1%;left:0;right:0;height:16%;background:#e8bd87;border:4px solid #b98b5c;border-radius:50%;z-index:0}.display-plate>.mochi{width:31%;z-index:1;filter:drop-shadow(0 7px 3px #895e3b22);transform:rotate(-7deg)}.display-plate>.mochi:nth-child(2){width:35%;transform:translateY(-10px) rotate(3deg)}.display-plate>.mochi:last-child{transform:rotate(8deg)}.welcome-friends{position:absolute;width:200px;bottom:25px;left:24px}#entry{width:min(100%,400px);margin:20px auto 0;position:relative;z-index:2;display:grid;gap:12px}#entry label{font-size:22px;font-weight:bold}#nickname{min-width:0;background:#fffdf7;border:3px solid #ba9877;border-radius:14px;padding:15px 18px;font-size:24px;text-align:center}#entry-error{color:#b94350;font-size:16px;min-height:0}.tutorial{width:min(100%,1000px);text-align:center;padding:25px}.how-to{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.how-to>div{display:grid;justify-items:center}.how-to .sprite{width:min(100%,220px)}.how-to b{font-size:clamp(17px,2.4vw,28px)}.opening-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding:23px;background:#fff9ea;border-radius:20px;border:2px solid #ddc49f}.opening-stats b{display:block;font-size:30px;color:var(--green)}.tutorial p{margin:24px 0}.tutorial .primary{width:min(100%,440px)}.hud{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px clamp(16px,3vw,40px);background:#5e7760;color:#fff8df;border-bottom:5px solid #455e48;min-height:87px}.hud>div{display:grid;gap:4px}.hud span{font-size:15px;color:#f4ebd7}.hud strong{font-size:clamp(23px,3vw,35px);font-variant-numeric:tabular-nums}.hud>div:last-child{text-align:right}.urgent{color:#ffb4a6;animation:blink .7s ease-in-out infinite alternate}.choice-layout{display:grid;grid-template-columns:38% 1fr;align-items:stretch;min-height:calc(100svh - 151px);background:#eed8b6}.customer{position:relative;min-width:0;overflow:hidden;height:100%;min-height:240px;background:linear-gradient(#dcf1ed,#f6ecd3);isolation:isolate}.window{position:absolute;inset:12% 10% 15%;border:12px solid #c89d70;background:linear-gradient(0deg,#b5d9a7 0 20%,transparent 20%),linear-gradient(110deg,#e3f5f1,#bbdce4);box-shadow:inset 0 0 0 3px #987248}.window:after{content:"";position:absolute;width:8px;height:100%;left:48%;background:#c89d70}.guest{position:absolute;bottom:0;left:8%;width:84%;height:89%;transform-origin:50% 100%;animation:arrive .32s ease-out both,breathe 3s .32s ease-in-out infinite}.speech{position:absolute;top:12px;left:8%;right:8%;width:fit-content;max-width:84%;background:#fffdf3;border:3px solid #846947;border-radius:18px;padding:10px 15px;line-height:1.35;font-size:clamp(18px,2vw,24px);font-weight:700;overflow-wrap:anywhere;z-index:2;box-shadow:0 4px 0 #80684d15}.speech:after{content:"";position:absolute;width:13px;height:13px;left:25px;bottom:-10px;transform:rotate(45deg);background:#fffdf3;border-right:3px solid #846947;border-bottom:3px solid #846947}.counter-front{position:absolute;bottom:0;left:0;right:0;height:11%;background:repeating-linear-gradient(90deg,#b47d4e 0 50px,#a57046 51px 53px);border-top:12px solid #e1b888;box-shadow:0 -4px 10px #49382e19}.menu-choices{padding:clamp(18px,3vw,45px);text-align:center;align-self:center}.menu-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.menu-choice{min-width:0;background:#fffaf0;border:3px solid #c9aa80;border-radius:25px;padding:16px 12px 22px;display:flex;align-items:center;flex-direction:column;gap:10px;box-shadow:0 7px 0 #b58b5f;transition:transform .15s}.menu-choice:active{transform:translateY(4px)}.menu-choice>.mochi{width:clamp(90px,13vw,220px)}.menu-name{font-size:clamp(19px,2.1vw,28px);font-weight:900}.menu-choice>strong{font-size:clamp(25px,2.8vw,38px);color:#9d4d55}.difficulty{font-size:17px;padding:7px 10px;border-radius:20px;background:#e8efdf}.level-2{background:#f5d8b7}.menu-choice small{font-size:16px}.choice-note{margin-top:25px;color:#705c46}.cooking-layout{display:grid;grid-template-columns:minmax(270px,30%) minmax(0,1fr);min-height:calc(100svh - 151px);background:#d8bc94}.order-panel{display:flex;flex-direction:column;min-width:0;background:#f9efd9;border-right:6px solid #ab8057}.order-panel .customer{height:clamp(230px,34svh,420px);flex:none}.recipe{padding:14px 12px 22px;background:#fff8e7}.recipe-title{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:2px dashed #bd9e78;padding-bottom:12px;font-size:19px}.recipe-title span{color:#9b5456;white-space:nowrap}.recipe-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.recipe-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;line-height:1.25;gap:7px}.recipe-item>.sprite,.recipe-item>.mochi{width:min(100%,155px)}.recipe-item>span:not(.sprite):not(.mochi){font-size:17px;font-weight:bold;color:#6e5136}.recipe-item>b{font-size:clamp(15px,1.5vw,21px);overflow-wrap:anywhere}.recipe-item em{font-style:normal;font-size:24px;background:#f1d7b7;border-radius:10px;padding:2px 10px;font-weight:900}.recipe-item.done em{background:#d3e7ca;color:#356445}.recipe-item.done em:before{content:"✓ "}.kitchen-main{min-width:0;padding:16px clamp(12px,2vw,32px) 22px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#f1ddbb70,#b5885c30),repeating-linear-gradient(0deg,#dec49b 0 85px,#c3a37b 86px 88px)}.big-hint{text-align:center;font-weight:900;font-size:clamp(19px,2.1vw,28px);padding:9px 0 14px;min-height:48px}.work-area{display:grid;grid-template-columns:minmax(0,1fr) 24%;gap:12px;align-items:center;width:100%;max-width:1100px;margin:0 auto}.board{position:relative;min-width:0;height:clamp(235px,35svh,450px);background:radial-gradient(ellipse,#fff9dc 0,#f3d6a2 65%,#e8c58d);border:8px solid #b88751;border-radius:28px;box-shadow:0 7px 0 #986b43,inset 0 0 15px #a8754822}.board:before{content:"";position:absolute;inset:8px;border:2px solid #d1ac72;border-radius:16px;pointer-events:none}.dough{position:absolute;width:min(67%,310px);height:86%;left:50%;top:50%;translate:-50% -50%;touch-action:none;cursor:grab;z-index:2}.dough>.mochi{height:100%;width:100%}.raw{position:relative;width:100%;height:100%}.raw>.sprite{height:100%;width:100%}.filling{position:absolute;top:40%;left:28%;width:46%;height:28%;border-radius:50%;box-shadow:inset 0 -7px 8px #704c3019}.filling .sprite{position:absolute;inset:-8%;height:116%;width:116%}.scoop-count{position:absolute;bottom:4%;left:0;right:0;text-align:center;background:#fff8e7e8;border-radius:12px;font-size:18px;font-weight:bold;padding:4px}.working-hands{position:absolute;inset:15% 4% 5%;pointer-events:none;z-index:3;transition:transform .08s}.hands{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.hands>span{width:37%;height:85%;display:grid;place-items:center}.hands .sprite{width:100%;height:100%}.working-hands:not(.moving){opacity:.8}.ready~.working-hands{opacity:0}.progress{position:absolute;bottom:8px;height:9px;background:#d0b085;left:12%;right:12%;border-radius:6px;overflow:hidden}.progress>div{height:100%;width:0;background:#73976e;border-radius:6px}#mold-mark{position:absolute;top:7px;left:50%;translate:-50% 0;width:max-content;max-width:96%;background:#dcebcf;border:2px solid #6d9364;color:#375c34;font-weight:bold;border-radius:12px;padding:5px 12px;font-size:17px;z-index:4}.plate{position:relative;min-width:0;text-align:center;pointer-events:auto;min-height:125px;display:grid;place-items:center}.plate>.sprite{width:100%}.plate>span{position:absolute;font-size:clamp(17px,1.8vw,25px);font-weight:900;line-height:1.3;color:#74533b;pointer-events:none}.shelf-tabs{display:flex;background:#b68a61;border:4px solid #ad8057;border-radius:15px 15px 0 0;overflow:hidden;margin-top:24px}.shelf-tabs button{flex:1;min-width:0;padding:12px 4px;font-size:clamp(20px,2.2vw,28px);font-weight:900;background:#ddbf96}.shelf-tabs button+button{border-left:3px solid #ad8057}.shelf-tabs .active{background:#fff7dd;color:#9d4d55;box-shadow:inset 0 -5px #de8c92}.ingredient-picker{display:flex;align-items:center;justify-content:center;gap:clamp(8px,4vw,65px);background:#fff4dc;border-inline:4px solid #ad8057;min-height:175px}.arrow{flex:none;background:#d9bd94;border:2px solid #b58b60;border-radius:50%;width:52px;height:52px;font-size:42px;line-height:1}.material{position:relative;width:min(45%,260px);display:flex;flex-direction:column;align-items:center;touch-action:none;cursor:grab;padding-bottom:8px}.material>.sprite,.material>.mochi{height:clamp(110px,16svh,200px);width:100%}.material strong{font-size:clamp(21px,2.3vw,29px);text-align:center}.picker-footer{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#f0ddbc;border:4px solid #ad8057;border-top:1px solid #c9a478;border-radius:0 0 15px 15px;padding:8px 12px;font-size:14px}.picker-footer button{background:#fff5df;border:1px solid #c4a37a;padding:8px;border-radius:8px;min-height:38px;font-size:14px}.drag-ghost{position:fixed;width:150px;height:150px;translate:-50% -50%;z-index:100;pointer-events:none;filter:drop-shadow(0 8px 7px #49382e44)}.drag-ghost>.sprite,.drag-ghost>.mochi{height:100%;width:100%}.pinch{position:absolute;right:-40%;bottom:-30%;width:110%;height:80%;rotate:-20deg;z-index:-1}.pinch .sprite{height:100%;width:100%}.reaction-screen{background:#f7edd7}.reaction{max-width:850px;margin:auto;text-align:center;padding:25px 20px 35px;display:flex;align-items:center;flex-direction:column;gap:13px}.reaction-art{height:clamp(160px,27svh,290px);width:min(80%,330px);display:grid;place-items:center}.reaction-art>.mochi{width:100%;height:100%}.reaction-art>img{height:100%;width:100%;object-fit:contain}.reaction>.friends{max-width:300px;height:105px}.reaction>.friends svg{height:100%}.reaction>p{font-size:22px;line-height:1.5;max-width:650px;overflow-wrap:anywhere}.earned{font-size:40px;color:#7b8d4b}.receipt-small{font-size:17px}.reaction .primary{margin-top:10px;width:min(100%,440px)}.summary-screen{background:#f7edd7;padding:25px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:45px;width:min(100%,1400px);margin:0 auto}.settlement{text-align:center;padding:20px 0}.settlement>.friends{max-width:420px}.settlement>p{font-size:21px;line-height:1.5}.sales-total{display:grid;margin:22px 0 16px;gap:8px}.sales-total>span{font-size:22px}.sales-total>strong{font-size:clamp(40px,5vw,66px);color:#ab4d63}.accounts{display:flex;justify-content:center;gap:28px;font-size:19px}.accounts b{display:block;margin-top:5px}.small-note{font-size:15px!important;color:#7b6855;line-height:1.5;margin:18px 0}.settlement .primary{width:min(100%,400px)}.ranking{padding:28px;background:#fff9e9;border:4px solid #be966f;border-radius:25px;align-self:start}.ranking h2{border-bottom:2px dashed #c4a27c;padding-bottom:15px}.ranking #ranking-message{margin:16px 0;font-size:20px;font-weight:bold;color:#477459}.ranking ol{padding:0;list-style:none;margin:0}.ranking li{display:flex;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #dfccb0;min-width:0}.ranking li>span{width:30px;color:#ae6a4b;font-weight:bold;flex:none}.ranking li>b{flex:1;overflow-wrap:anywhere;min-width:0}.ranking li>strong{white-space:nowrap;color:#92624a;font-size:19px}.ranking .secondary{margin-top:15px}.unavailable{filter:grayscale(.5)}
@keyframes arrive{from{translate:90px 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes breathe{0%,100%{transform:rotate(-.6deg) scaleY(1)}50%{transform:rotate(.6deg) scaleY(1.015)}}@keyframes blink{to{opacity:.6}}
@media(min-width:1400px){.order-panel .customer{height:42svh}.recipe{padding:20px}.recipe-item>b{font-size:21px}.recipe-item>span:not(.sprite):not(.mochi){font-size:21px}.board{height:39svh}.ingredient-picker{min-height:200px}}
@media(max-width:760px){:root{font-size:17px}header{height:54px;padding:0 14px}header a{font-size:24px;gap:8px}header a small{font-size:10px;letter-spacing:1px}#music{font-size:14px;padding:7px 12px;min-height:38px}#screen{min-height:calc(100svh - 54px)}.welcome-screen{padding:15px 10px}.storefront{padding:75px 16px 24px;border-width:7px}.welcome-friends{position:relative;width:180px;left:auto;bottom:auto;margin-top:10px}.display-plate{max-width:450px}.shop-sign{font-size:49px}#entry{margin-top:7px;gap:10px}#entry label{font-size:21px}.tutorial{padding:8px}.tutorial h1{font-size:28px}.how-to{gap:8px;margin:25px 0}.how-to b{font-size:17px}.opening-stats{gap:17px;padding:16px 8px;font-size:15px}.opening-stats b{font-size:24px}.hud{padding:8px 13px;min-height:72px;gap:8px;border-bottom-width:4px}.hud span{font-size:12px}.hud strong{font-size:23px}.choice-layout{display:flex;flex-direction:column;min-height:calc(100svh - 126px)}.choice-layout>.customer{height:clamp(180px,29svh,300px);min-height:180px;flex:none}.choice-layout>.customer .guest{left:20%;width:60%}.speech{font-size:18px;top:8px;padding:7px 12px;max-width:88%;left:6%;right:6%;border-width:2px;border-radius:14px}.speech:after{border-width:2px;bottom:-9px}.menu-choices{padding:17px 12px 24px;width:100%}.menu-choices h1{font-size:25px}.menu-pair{gap:12px;margin-top:14px}.menu-choice{padding:10px 8px 15px;gap:8px;border-radius:18px;border-width:2px}.menu-choice>.mochi{width:clamp(80px,26vw,150px)}.menu-name{font-size:19px}.menu-choice>strong{font-size:28px}.difficulty{font-size:14px;padding:6px}.menu-choice small{font-size:14px}.choice-note{font-size:15px;margin-top:18px}.cooking-layout{display:block;min-height:calc(100svh - 126px)}.order-panel{border-right:0;display:grid;grid-template-columns:28% minmax(0,1fr);border-bottom:5px solid #b1875e}.order-panel .customer{height:100%;min-height:177px}.order-panel .guest{width:120%;left:-10%;height:75%}.order-panel .speech{font-size:14px;left:5%;right:5%;max-width:90%;padding:5px 6px;line-height:1.2}.order-panel .window{border-width:5px;inset:20% 5% 5%}.order-panel .counter-front{border-top-width:7px;height:8%}.recipe{padding:7px 8px 9px}.recipe-title{font-size:15px;padding-bottom:6px;gap:5px}.recipe-title span{font-size:14px}.recipe-items{gap:4px;margin-top:4px}.recipe-item{gap:3px}.recipe-item>.sprite,.recipe-item>.mochi{height:63px;width:100%}.recipe-item>span:not(.sprite):not(.mochi){font-size:15px}.recipe-item>b{font-size:13px;line-height:1.2;min-height:31px;display:grid;place-items:center}.recipe-item em{font-size:20px;padding:1px 6px;border-radius:7px}.kitchen-main{padding:7px 10px 14px}.big-hint{font-size:19px;min-height:35px;padding:4px 0 9px}.work-area{grid-template-columns:minmax(0,1fr) 22%;gap:5px}.board{height:clamp(190px,28svh,310px);border-width:5px;border-radius:20px}.board:before{inset:5px;border-radius:11px}.dough{width:75%;height:88%}.working-hands{inset:22% 0 0}.plate{min-height:100px}.plate>span{font-size:16px}.scoop-count{font-size:15px}#mold-mark{font-size:13px;padding:4px 7px;top:4px}.shelf-tabs{margin-top:12px;border-width:3px;border-radius:12px 12px 0 0}.shelf-tabs button{font-size:22px;padding:9px 3px}.shelf-tabs button+button{border-left-width:2px}.ingredient-picker{min-height:123px;border-inline-width:3px;gap:25px}.material{width:48%;padding-bottom:5px}.material>.sprite,.material>.mochi{height:clamp(85px,13svh,135px)}.material strong{font-size:22px}.arrow{height:44px;width:44px;font-size:36px}.picker-footer{padding:5px 8px;border-width:3px;border-top-width:1px;font-size:12px}.picker-footer button{font-size:12px;padding:5px;min-height:32px}.drag-ghost{width:115px;height:115px}.reaction{gap:10px;padding:22px 14px}.reaction h1{font-size:26px}.reaction>p{font-size:19px}.reaction-art{height:25svh;max-height:240px}.reaction>.friends{height:90px}.earned{font-size:36px}.summary-screen{padding:15px 12px}.summary{grid-template-columns:1fr;gap:25px}.settlement{padding:7px 0}.settlement h1{font-size:27px}.settlement>.friends{max-width:300px}.settlement>p{font-size:19px}.sales-total{margin:14px 0}.sales-total strong{font-size:49px}.accounts{font-size:17px;gap:23px}.ranking{padding:20px 15px;border-width:3px}.ranking li{font-size:17px;gap:9px}.ranking li>strong{font-size:17px}}
@media(max-width:360px){.hud strong{font-size:20px}.hud span{font-size:11px}.order-panel{grid-template-columns:24% minmax(0,1fr)}.recipe-title{font-size:13px}.recipe-item>b{font-size:12px}.shelf-tabs button{font-size:20px}.ingredient-picker{gap:12px}.big-hint{font-size:17px}.menu-name{font-size:17px}.difficulty{font-size:12px}.menu-choice small{font-size:12px}.opening-stats{gap:12px}.opening-stats b{font-size:21px}}
.cook-screen{height:calc(100svh - 64px);display:flex;flex-direction:column}.cook-screen .hud{flex:none}.cook-screen .cooking-layout{flex:1;min-height:0}.cook-screen .kitchen-main{min-height:0;justify-content:initial}.cook-screen .work-area{flex:1;min-height:160px}.cook-screen .board{height:100%;min-height:160px}.cook-screen .order-panel .customer{height:40%;min-height:200px}.timeout-mascot{display:flex;align-items:center;gap:12px;background:#f4e2cb;border-radius:16px;padding:10px;margin:12px auto;max-width:440px;font-size:18px}.timeout-mascot img{height:90px;width:100px;object-fit:contain}.timeout-mascot span{flex:1;text-align:left}.summary-screen .small-note{overflow-wrap:anywhere}
@media(max-width:760px){.cook-screen{height:calc(100svh - 54px)}.cook-screen .cooking-layout{display:flex;flex-direction:column}.cook-screen .order-panel{flex:none;height:clamp(169px,23svh,210px)}.cook-screen .order-panel .customer{height:100%;min-height:0}.cook-screen .kitchen-main{flex:1;padding:5px 9px 8px}.cook-screen .work-area{min-height:140px}.cook-screen .board{min-height:140px}.cook-screen .big-hint{padding:4px 0 7px;min-height:32px;flex:none}.cook-screen #shelf{flex:none}.cook-screen .recipe-item>b{font-size:16px;min-height:35px}.cook-screen .recipe-item>span:not(.sprite):not(.mochi){font-size:17px}.cook-screen .recipe-item>.sprite,.cook-screen .recipe-item>.mochi{height:clamp(53px,8svh,79px)}.cook-screen .recipe-title{font-size:16px}.cook-screen .shelf-tabs{margin-top:9px}.cook-screen .shelf-tabs button{padding:7px 3px}.cook-screen .ingredient-picker{min-height:100px}.cook-screen .material>.sprite,.cook-screen .material>.mochi{height:clamp(67px,10svh,98px)}.cook-screen .material strong{font-size:21px}.cook-screen .picker-footer{padding:3px 7px}.cook-screen .recipe-item{gap:2px}.cook-screen .recipe-item>b{line-height:1.1}}
@media(max-width:360px){.cook-screen .recipe-item>b{font-size:14px}.cook-screen .recipe-title{font-size:14px}.cook-screen .recipe-item>span:not(.sprite):not(.mochi){font-size:16px}}
.header-actions{display:flex;align-items:center;gap:8px}#sound{background:#e0e9d4;border-radius:30px;padding:10px 15px;font-size:15px;min-height:44px;font-weight:bold}#sound[aria-pressed=false]{background:#e9ddc8;color:#7e6d58}@media(max-width:760px){header a small{display:none}.header-actions{gap:5px}#sound{font-size:12px;padding:7px 9px;min-height:38px}#music{font-size:12px;padding:7px 9px}header a{font-size:23px}}@media(max-width:340px){header{padding:0 9px}header a{font-size:21px}.header-actions{gap:4px}#sound,#music{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Native-image artwork: avoid embedded SVG image loading. */
.art-crop{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}.art-crop>img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill;display:block;pointer-events:none}.friend{position:relative;display:block;flex:1;min-width:0;aspect-ratio:1}.guest{object-fit:contain;object-position:center bottom;max-width:none;pointer-events:none}.reaction>.friends .friend{height:100%;flex:0 1 100px}.store-hours{display:flex;gap:25px;justify-content:center;margin:12px auto 4px;font-size:16px;color:#6b573d}.store-hours b{font-size:21px;color:#507b60;margin-left:4px}.store-hours span{white-space:nowrap}@media(max-width:760px){.store-hours{gap:13px;font-size:13px;margin:10px auto}.store-hours b{font-size:18px;margin-left:2px}}
