:root{--cream: #f8efdd;--ivory: #fdf7ea;--beige: #efe2c9;--caramel: #c98b5e;--caramel-deep: #a86a43;--wood: #d9b48a;--wood-deep: #b98f63;--sage: #a7bd97;--sage-deep: #7e9a6e;--mint: #c4ddc9;--pink: #e7b4ad;--pink-deep: #d98f88;--peach: #f0c3a0;--yellow: #f4d9a0;--paleblue: #b9d1da;--sky: #cfe4ea;--ink: #5b4636;--ink-soft: #7c6754;--ink-faint: #a08a74;--ink-invert: #fdf7ea;--panel: #fdf8ec;--panel-warm: #f7ead2;--panel-line: #e6d4b4;--card: #fffdf6;--coin: #e8b45a;--coin-deep: #c98f36;--heart: #e08a86;--star: #f2c14e;--good: #86a86e;--bad: #d99277;--shadow-sm: 0 2px 6px rgba(120, 86, 54, .1);--shadow-md: 0 8px 20px rgba(120, 86, 54, .14);--shadow-lg: 0 18px 44px rgba(120, 86, 54, .2);--shadow-inset: inset 0 2px 4px rgba(120, 86, 54, .1);--r-sm: 12px;--r-md: 20px;--r-lg: 30px;--r-xl: 42px;--font-head: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--ease-soft: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, .61, .36, 1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;color:var(--ink);margin:0;letter-spacing:.2px}button{font-family:var(--font-head);cursor:pointer;border:none;background:none;color:inherit}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.35}.panel{position:relative;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1.5px solid var(--panel-line)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-size:1rem;font-weight:600;color:var(--ink);background:var(--panel-warm);box-shadow:var(--shadow-sm),inset 0 -3px #7856361a;transition:transform .18s var(--ease-soft),box-shadow .18s var(--ease-out),background .2s;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-inset)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg,var(--peach),var(--caramel));color:#fff;box-shadow:var(--shadow-md),inset 0 -3px #8c502840}.btn.sage{background:linear-gradient(180deg,var(--mint),var(--sage));color:#3f5236}.btn.ghost{background:transparent;box-shadow:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--wood);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.coin-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-head);font-weight:700}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.05s!important}}.reduce-motion *{animation:none!important}.reduce-motion .no-rm-hide{animation:revert!important}.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--cream);overflow:hidden}.topbar{position:relative;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#fdf8ecf5,#fdf8ecd1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1.5px solid var(--panel-line);box-shadow:0 4px 18px #7856361a}.tb-left,.tb-right{display:flex;align-items:center;gap:10px}.tb-mid{flex:1;padding:0 6px}.tb-chip{position:relative;display:flex;align-items:center;gap:9px;padding:7px 14px;background:var(--card);border-radius:999px;border:1.5px solid var(--panel-line);box-shadow:var(--shadow-sm)}.tb-weather{font-size:1.4rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.tb-day{display:flex;flex-direction:column;line-height:1.05}.tb-day strong{font-family:var(--font-head);font-size:1rem;color:var(--ink)}.tb-day small{font-size:.68rem;color:var(--ink-faint)}.coin-chip-lg{gap:6px}.coin-ico{font-size:1.15rem}.coin-chip-lg strong{font-family:var(--font-head);color:var(--coin-deep);font-size:1.05rem}.tb-gear{width:42px;height:42px;border-radius:50%;background:var(--card);border:1.5px solid var(--panel-line);font-size:1.2rem;color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease-out)}.tb-gear:hover{transform:rotate(90deg)}.day-progress{position:relative;height:12px;background:var(--beige);border-radius:999px;box-shadow:var(--shadow-inset);overflow:visible}.day-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--peach),var(--yellow));transition:width .4s linear}.day-progress-sun{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:1.1rem;transition:left .4s linear;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.game-stage{position:relative;flex:1;overflow:hidden}.stage-cafe{position:absolute;top:0;right:0;bottom:0;left:0}.stage-cafe.back{visibility:hidden}.cafe-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size;isolation:isolate;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--cream) 94%,#fff) 0%,var(--cream) 60%,color-mix(in srgb,var(--cream) 88%,#7c5334) 100%)}.iso-room{position:absolute;left:50%;top:50%;width:min(max(102cqw,131cqh),118cqw);aspect-ratio:460 / 360;transform:translate(-50%,-53%)}.iso-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.iso-entity{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.iso-entity>svg{display:block;width:100%;height:auto}.iso-entity .flip svg,.iso-entity.flip svg{transform:scaleX(-1)}.iso-door-leaf{transition:transform .35s var(--ease-out)}.iso-door-leaf.open{transform:translate(-43px,-22px)}.iso-mote{animation:isoMote 9s linear infinite;opacity:0}@keyframes isoMote{0%{transform:translate(0);opacity:0}20%{opacity:.85}80%{opacity:.55}to{transform:translate(-20px,-44px);opacity:0}}.machine-steam{animation:steamRise 3s ease-in-out infinite;transform-origin:bottom}@keyframes steamRise{0%,to{opacity:.3;transform:translateY(1px)}50%{opacity:.75;transform:translateY(-2.5px)}}.win-sun{animation:sunPulse 6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes sunPulse{50%{transform:scale(1.07);opacity:.94}}.win-rain{animation:winRain .7s linear infinite}@keyframes winRain{to{transform:translate(-5px,26px)}}.lamp-bulb{animation:lampFlicker 5s ease-in-out infinite}@keyframes lampFlicker{0%,to{opacity:.85}50%{opacity:1}}.sign-sway{animation:signSway 4.5s ease-in-out infinite;transform-origin:112px -14px}@keyframes signSway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.bunt-sway{animation:signSway 6s ease-in-out infinite;transform-origin:0px -90px}.iso-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:350;mix-blend-mode:multiply;border-radius:6px}.iso-tint.evening{background:linear-gradient(160deg,#9478a533,#e6a06e24)}.iso-tint.rainy{background:#94a5b226}.iso-tint.cloudy{background:#bebcb217}.iso-tint.festival{background:#e7b4ad1a}.cat-nap svg{transform:rotate(4deg) scale(.94)}.cat-zzz{position:absolute;top:-14px;right:-4px;font-family:var(--font-head);font-size:.7rem;font-weight:700;color:var(--ink-faint);letter-spacing:2px;animation:zzzFloat 2.6s ease-in-out infinite}@keyframes zzzFloat{0%{transform:translateY(0);opacity:.2}50%{opacity:.9}to{transform:translateY(-7px);opacity:.1}}.guest{pointer-events:auto;display:flex;flex-direction:column;align-items:center}.guest-seated{cursor:pointer}.guest-entering .guest-body>svg{animation:guestIn .4s var(--ease-out)}@keyframes guestIn{0%{opacity:0;transform:translateY(6px) scale(.7)}}.guest-body{position:relative;z-index:2}.guest-seated .guest-body,.guest-served .guest-body{animation:idleBob 3.4s ease-in-out infinite}@keyframes idleBob{50%{transform:translateY(-2.5px)}}.guest-walking .guest-body{animation:walkBob .36s ease-in-out infinite}@keyframes walkBob{50%{transform:translateY(-2.5px)}}.guest-seated:hover .guest-body{transform:scale(1.05)}.speech,.order-card,.order-bubble{pointer-events:none;width:max-content}.speech{position:relative;margin-bottom:6px;background:var(--card);color:var(--ink);padding:7px 12px;border-radius:14px;font-size:.78rem;font-weight:600;text-align:center;box-shadow:var(--shadow-sm);border:1.5px solid var(--panel-line);max-width:150px;animation:popIn .35s var(--ease-soft)}.speech:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--card)}.speech-stars{margin-top:2px;font-size:.8rem}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.order-card{position:relative;width:128px;margin-bottom:6px;background:var(--card);border-radius:16px;border:1.5px solid var(--panel-line);box-shadow:var(--shadow-md);padding:8px 10px 9px;animation:popIn .4s var(--ease-soft)}.order-card:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--card)}.order-urgent{animation:urgentPulse .8s ease-in-out infinite}@keyframes urgentPulse{50%{box-shadow:0 0 0 4px #d98f8859,var(--shadow-md)}}.order-head{display:flex;align-items:center;gap:6px}.order-emoji{font-size:1.4rem}.order-name{font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--ink);line-height:1}.order-ings{display:flex;gap:4px;margin:5px 0 6px}.ing-dot{font-size:.82rem;background:var(--panel-warm);border-radius:6px;padding:1px 4px}.patience{display:flex;align-items:center;gap:5px}.pat-heart{font-size:.8rem}.pat-track{flex:1;height:8px;background:var(--beige);border-radius:999px;overflow:hidden;box-shadow:var(--shadow-inset)}.pat-fill{height:100%;border-radius:999px;transition:width .2s linear,background .4s}.tap-hint{text-align:center;font-size:.62rem;color:var(--caramel-deep);font-weight:700;margin-top:5px;letter-spacing:.4px}.float-coin{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-head);font-weight:700;color:var(--coin-deep);font-size:1.1rem;z-index:6;pointer-events:none;text-shadow:0 2px 0 #fff,0 3px 6px rgba(120,86,54,.3);animation:floatUp 1.5s var(--ease-out) forwards}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-160%) scale(1.1)}}.empty-hint{position:absolute;left:50%;bottom:12%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft);text-align:center;z-index:2;background:#fdf8ecb3;padding:10px 20px;border-radius:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.empty-hint span{font-family:var(--font-head);font-size:1rem}.empty-hint small{font-size:.78rem;color:var(--ink-faint)}.navbar{position:relative;z-index:30;display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#fdf8ecfa,#fdf8ece6);border-top:1.5px solid var(--panel-line);box-shadow:0 -4px 18px #7856361a}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:16px;color:var(--ink-faint);transition:transform .2s var(--ease-soft),background .2s,color .2s;min-width:52px}.nav-ico{font-size:1.4rem;filter:grayscale(.3);transition:filter .2s}.nav-label{font-size:.66rem;font-weight:700}.nav-item.active{color:var(--caramel-deep);background:var(--panel-warm);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.nav-item.active .nav-ico{filter:none;transform:scale(1.1)}.content-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;background:radial-gradient(140% 80% at 50% 0%,var(--ivory),var(--cream));animation:panelIn .32s var(--ease-out)}@keyframes panelIn{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.cp-title{display:flex;align-items:center;gap:10px}.cp-icon{font-size:1.8rem}.cp-title h2{font-size:1.35rem}.cp-title small{color:var(--ink-faint);font-size:.76rem}.cp-scroll{flex:1;overflow-y:auto;padding:4px 16px 24px;-webkit-overflow-scrolling:touch}.sec-title{margin:18px 0 10px;font-size:1rem;color:var(--ink-soft)}.hint-inline{font-size:.7rem;color:var(--ink-faint);font-style:normal;font-family:var(--font-body)}.center-btn{display:flex;margin:18px auto 6px}.recipe-count{text-align:center;font-family:var(--font-head);color:var(--caramel-deep);margin-bottom:12px;font-size:1.05rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.recipe-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;background:var(--card);border-radius:var(--r-md);border:1.5px solid var(--panel-line);box-shadow:var(--shadow-sm);border-left:6px solid var(--tint)}.recipe-card.locked{opacity:.6;filter:saturate(.5);border-left-color:var(--panel-line)}.recipe-emoji{font-size:2rem;align-self:center}.recipe-info{display:flex;flex-direction:column}.recipe-info strong{font-family:var(--font-head);font-size:1rem}.recipe-info small{color:var(--ink-faint);font-size:.74rem}.recipe-steps{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.rstep{font-size:.68rem;color:var(--ink-soft);background:var(--panel-warm);padding:2px 7px;border-radius:8px}.shop-grid{display:flex;flex-direction:column;gap:10px}.shop-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;background:var(--card);border-radius:var(--r-md);border:1.5px solid var(--panel-line);box-shadow:var(--shadow-sm)}.shop-emoji{font-size:2rem}.shop-main{display:flex;flex-direction:column;gap:2px}.shop-main strong{font-family:var(--font-head)}.shop-main small{color:var(--ink-faint);font-size:.74rem}.up-level{display:flex;align-items:center;gap:5px;margin-top:4px}.up-pip{width:22px;height:7px;border-radius:999px;background:var(--beige)}.up-pip.on{background:var(--sage)}.up-level em{font-style:normal;font-size:.7rem;color:var(--sage-deep);font-weight:700;margin-left:4px}.buy-btn{white-space:nowrap;padding:10px 16px;font-size:.9rem}.restock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.restock-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;background:var(--card);border-radius:var(--r-sm);border:1.5px solid var(--panel-line);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-soft)}.restock-card:hover:not(:disabled){transform:translateY(-2px)}.restock-card:disabled{opacity:.4}.ri-emoji{font-size:1.5rem}.ri-name{font-size:.74rem;font-weight:700;color:var(--ink-soft)}.ri-cost{font-size:.72rem;color:var(--coin-deep);font-weight:700}.pantry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pantry-card{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border-radius:var(--r-md);border:1.5px solid var(--panel-line);box-shadow:var(--shadow-sm)}.pantry-card.low{border-color:var(--pink-deep);background:#fdf1ef}.pantry-emoji{font-size:1.6rem}.pantry-name{flex:1;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.pantry-count{font-family:var(--font-head);font-size:1.2rem;color:var(--ink)}.pantry-count.low{color:var(--bad)}.pantry-low-tag{position:absolute;top:-7px;right:8px;font-size:.6rem;background:var(--pink-deep);color:#fff;padding:1px 7px;border-radius:999px;font-weight:700}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--card);border-radius:var(--r-md);border:2px solid var(--panel-line);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-soft)}.theme-card:hover:not(:disabled){transform:translateY(-2px)}.theme-card.active{border-color:var(--caramel);box-shadow:0 0 0 3px #c98b5e33,var(--shadow-sm)}.theme-card:disabled{opacity:.45}.theme-swatch{display:flex;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.theme-swatch span{width:26px;height:30px}.theme-card strong{font-size:.82rem}.theme-card small{font-size:.7rem;color:var(--ink-faint)}.decor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.decor-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px;background:var(--card);border-radius:var(--r-md);border:2px solid var(--panel-line);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-soft)}.decor-card:hover:not(:disabled){transform:translateY(-2px)}.decor-card.owned{border-color:var(--sage);background:#f2f6ec}.decor-card:disabled{opacity:.45}.decor-emoji{font-size:1.9rem}.decor-card strong{font-size:.78rem;text-align:center}.decor-card small{font-size:.7rem;color:var(--ink-faint)}.rep-card{padding:18px;text-align:center;border-radius:var(--r-lg)}.rep-stars-big{font-size:1.9rem;color:var(--star);letter-spacing:3px}.rep-empty{color:var(--beige)}.rep-score{font-family:var(--font-head);font-size:2rem;color:var(--ink);margin:2px 0 12px}.rep-score span{font-size:1rem;color:var(--ink-faint)}.rep-stats{display:flex;justify-content:space-around}.rep-stats div{display:flex;flex-direction:column}.rep-stats strong{font-family:var(--font-head);font-size:1.3rem;color:var(--caramel-deep)}.rep-stats small{font-size:.72rem;color:var(--ink-faint)}.level-ladder{display:flex;flex-direction:column;gap:8px}.ladder-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card);border-radius:var(--r-md);border:1.5px solid var(--panel-line);opacity:.7}.ladder-row.passed{opacity:.85}.ladder-row.current{opacity:1;border-color:var(--caramel);box-shadow:var(--shadow-sm)}.ladder-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--panel-warm);font-family:var(--font-head);font-weight:700;color:var(--ink-soft)}.ladder-row.current .ladder-dot{background:var(--caramel);color:#fff}.ladder-row.passed .ladder-dot{background:var(--sage);color:#fff}.ladder-name{flex:1;font-family:var(--font-head);font-size:.95rem}.ladder-prog{width:70px;height:8px;background:var(--beige);border-radius:999px;overflow:hidden}.ladder-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--peach),var(--caramel));border-radius:999px}.next-hint{text-align:center;color:var(--ink-soft);font-size:.82rem;margin:12px 0 0}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.ach-card{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:14px 10px;background:var(--card);border-radius:var(--r-md);border:1.5px solid var(--panel-line);box-shadow:var(--shadow-sm);opacity:.55;filter:grayscale(.6)}.ach-card.got{opacity:1;filter:none;border-color:var(--yellow)}.ach-emoji{font-size:1.8rem}.ach-card strong{font-size:.8rem}.ach-card small{font-size:.68rem;color:var(--ink-faint);line-height:1.2}.prep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#5b463659;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prep-card{position:relative;width:min(460px,94vw);padding:20px;border-radius:var(--r-xl);animation:popIn .35s var(--ease-soft)}.prep-close{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;background:var(--panel-warm);color:var(--ink-soft);font-size:1rem;box-shadow:var(--shadow-sm)}.prep-header{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.prep-title{display:flex;align-items:center;gap:12px}.prep-emoji{font-size:2.4rem}.prep-title h3{font-size:1.3rem}.prep-title small{color:var(--ink-faint);font-size:.78rem}.prep-steps-dots{display:flex;gap:6px}.prep-steps-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--beige);transition:all .3s}.prep-steps-dots .dot.done{background:var(--sage)}.prep-steps-dots .dot.cur{background:var(--caramel);transform:scale(1.3)}.prep-body{display:flex;align-items:center;gap:16px}.prep-cup-wrap{width:130px;flex-shrink:0;display:grid;place-items:center}.cup-svg{width:118px}.cup-liquid{transition:y .6s var(--ease-out),height .6s var(--ease-out)}.cup-steam{animation:steamRise 3s ease-in-out infinite}.food-plate{position:relative;width:120px;height:120px;display:grid;place-items:center}.plate{position:absolute;bottom:10px;width:110px;height:34px;background:radial-gradient(ellipse,#fff 40%,#e6d4b4);border-radius:50%;box-shadow:var(--shadow-md)}.food-emoji{font-size:3.4rem;position:relative;z-index:2;transition:all .5s var(--ease-soft);filter:drop-shadow(0 4px 4px rgba(120,86,54,.2))}.prep-action{flex:1;min-height:150px;display:grid;place-items:center}.mech{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.mech-label{font-family:var(--font-head);font-weight:600;color:var(--ink);text-align:center;font-size:.92rem;margin:0}.mech-hint{font-size:.72rem;color:var(--ink-faint)}.mech-bar{position:relative;width:100%;height:46px;border-radius:999px;background:var(--beige);box-shadow:var(--shadow-inset);overflow:hidden;cursor:pointer}.mech-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,var(--mint),var(--sage));box-shadow:0 0 12px #7e9a6e80}.mech-marker{position:absolute;top:-4px;bottom:-4px;width:8px;margin-left:-4px;background:var(--caramel-deep);border-radius:999px;box-shadow:0 0 8px #a86a4399}.steam-gauge{position:relative;width:60px;height:120px;background:var(--beige);border-radius:14px;box-shadow:var(--shadow-inset);overflow:hidden}.steam-band{position:absolute;left:0;right:0;background:#7e9a6e66;border-top:2px dashed var(--sage-deep);border-bottom:2px dashed var(--sage-deep)}.steam-fill{position:absolute;left:0;right:0;bottom:0;transition:none}.mech-hold,.mech-tap-btn{padding:14px 26px;border-radius:999px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--peach),var(--caramel));box-shadow:var(--shadow-md),inset 0 -3px #8c502840;-webkit-user-select:none;user-select:none;touch-action:none}.mech-hold:active,.mech-tap-btn:active{transform:translateY(2px)}.whisk-track{position:relative;width:100%;height:24px;background:var(--beige);border-radius:999px;box-shadow:var(--shadow-inset);overflow:hidden}.whisk-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--mint),var(--sage));border-radius:999px;transition:width .08s}.whisk-target{position:absolute;top:-4px;bottom:-4px;width:4px;background:var(--caramel-deep);z-index:2}.prep-flash{font-family:var(--font-head);font-size:2rem;font-weight:700;animation:flashPop .5s var(--ease-soft)}.prep-flash.great{color:var(--good)}.prep-flash.ok{color:var(--caramel)}.prep-flash.bad{color:var(--bad)}@keyframes flashPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.prep-final{text-align:center}.final-stars{font-size:2rem;animation:flashPop .5s var(--ease-soft)}.prep-final p{color:var(--ink-faint);margin:6px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#5b463666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease}.modal{position:relative;width:min(400px,94vw);padding:26px 24px;border-radius:var(--r-xl);text-align:center;animation:popIn .35s var(--ease-soft);max-height:88vh;overflow-y:auto}.modal-x{position:absolute;top:14px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--panel-warm);color:var(--ink-soft);box-shadow:var(--shadow-sm)}.modal-title{font-size:1.5rem;margin-bottom:14px}.set-row{display:flex;align-items:center;justify-content:space-between;padding:10px 2px}.set-row label{font-family:var(--font-head);font-weight:600}.slider{width:100%;margin:0 0 8px;accent-color:var(--caramel)}.switch{width:52px;height:30px;border-radius:999px;background:var(--beige);box-shadow:var(--shadow-inset);position:relative;transition:background .25s}.switch.on{background:var(--sage)}.switch-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left .25s var(--ease-soft)}.switch.on .switch-knob{left:25px}.set-actions{display:flex;gap:10px;margin-top:18px}.set-actions .btn{flex:1}.credits{margin-top:16px;font-size:.74rem;color:var(--ink-faint)}.big-btn{width:100%;margin-top:18px;padding:15px;font-size:1.05rem}.summary-badge{font-size:3rem;animation:bob 3s ease-in-out infinite}.summary-stats{margin:8px 0 14px}.sum-row{display:flex;justify-content:space-between;padding:9px 4px;border-bottom:1.5px dashed var(--panel-line)}.sum-row span{color:var(--ink-soft)}.sum-row strong{font-family:var(--font-head);color:var(--ink)}.summary-highlight{background:var(--panel-warm);border-radius:var(--r-md);padding:12px;color:var(--ink-soft);position:relative}.ach-pop-emoji,.levelup-burst{font-size:3.6rem;animation:flashPop .6s var(--ease-soft)}.ach-pop-kicker{font-family:var(--font-head);font-weight:700;color:var(--caramel-deep);letter-spacing:1px;text-transform:uppercase;font-size:.78rem;margin:6px 0 2px}.ach-pop-desc{color:var(--ink-soft);font-size:.9rem;margin:4px 0 0}.toast-wrap{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:55;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.toast{pointer-events:auto;display:flex;align-items:center;gap:9px;background:var(--card);color:var(--ink);padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-md);border:1.5px solid var(--panel-line);font-size:.86rem;font-weight:600;font-family:var(--font-body);animation:toastIn .4s var(--ease-soft)}.toast-ico{font-size:1.15rem}@keyframes toastIn{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}.menu{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(180deg,#cfe4ea,#e6eede 42%,#f4e6cb)}.menu-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 70% 10%,rgba(255,244,205,.6),transparent 60%)}.menu-sun{position:absolute;top:10%;right:16%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff6d8,#fbe3a0 62%,#fbe3a000 72%);box-shadow:0 0 80px 40px #fbe3a080;animation:sunPulse 6s ease-in-out infinite}.menu-clouds span{position:absolute;background:#ffffffbf;border-radius:999px;filter:blur(2px);animation:drift linear infinite}.menu-clouds span:nth-child(1){width:120px;height:34px;top:16%;left:-140px;animation-duration:40s}.menu-clouds span:nth-child(2){width:90px;height:28px;top:28%;left:-120px;animation-duration:55s;animation-delay:8s}.menu-clouds span:nth-child(3){width:150px;height:40px;top:9%;left:-180px;animation-duration:65s;animation-delay:20s}@keyframes drift{to{transform:translate(calc(100vw + 200px))}}.menu-cafe{position:relative;z-index:3;width:min(360px,76vw);margin:0 auto 30px}@media (max-height: 600px){.menu-cafe{display:none}}.awning{display:flex;height:34px;border-radius:12px 12px 4px 4px;overflow:hidden;box-shadow:var(--shadow-md);position:relative;z-index:2}.awning span{flex:1}.awning span:nth-child(odd){background:#e08f88}.awning span:nth-child(2n){background:#fdf7ea}.awning:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%)}.storefront{position:relative;display:flex;gap:10px;padding:18px;background:linear-gradient(180deg,var(--cafe-wall, #f2ddb8),#e9d3a8);border-radius:4px 4px 14px 14px;box-shadow:var(--shadow-lg)}.store-window{position:relative;flex:1;height:74px;border-radius:12px;background:linear-gradient(180deg,#dcecef,#eef4e6);box-shadow:inset 0 0 0 4px #fffdf6,inset 0 0 0 7px var(--wood-deep);display:grid;place-items:center;overflow:hidden}.store-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 120%,rgba(255,220,140,.6),transparent 60%)}.store-emoji{font-size:2.2rem;position:relative;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.store-door{width:70px;height:110px;margin-top:-20px;align-self:flex-end;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--caramel),var(--caramel-deep));box-shadow:var(--shadow-md);display:grid;place-items:start center}.door-open-sign{margin-top:26px;font-family:var(--font-head);font-size:.66rem;background:#fdf7ea;color:#6b4a2f;padding:3px 8px;border-radius:6px;box-shadow:var(--shadow-sm)}.menu-plants{position:absolute;bottom:-10px;left:-6px;right:-6px;display:flex;justify-content:space-between;font-size:2.2rem;filter:drop-shadow(0 3px 3px rgba(120,86,54,.2))}.menu-front{position:relative;z-index:4;text-align:center;padding-bottom:8%}.menu-title{font-size:clamp(2.8rem,11vw,4.6rem);color:var(--caramel-deep);text-shadow:0 3px 0 #fff,0 6px 14px rgba(120,86,54,.25);line-height:1}.menu-tag{color:var(--ink-soft);font-size:1rem;margin:6px 0 22px;font-weight:600}.menu-buttons{display:flex;flex-direction:column;gap:12px;align-items:center;width:min(300px,80vw);margin:0 auto}.menu-buttons .btn{width:100%;padding:15px;font-size:1.05rem}.menu-play{font-size:1.2rem!important;padding:17px!important}.menu-foot{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:.72rem;color:var(--ink-faint);z-index:4}.menu-recipe-list{display:flex;flex-direction:column;gap:6px;text-align:left;max-height:50vh;overflow-y:auto}.menu-recipe-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--panel-warm);border-radius:12px;font-weight:600}.menu-recipe-row small{color:var(--coin-deep);font-weight:700}@media (min-width: 780px){.game-stage{max-width:1100px;margin:0 auto;width:100%}.cafe-scene{border-radius:0}.guest{width:150px}}@media (max-width: 560px){.cp-title h2{font-size:1.15rem}.prep-body{flex-direction:column}.prep-cup-wrap{width:100px}.nav-label{font-size:.6rem}.nav-item{min-width:46px;padding:6px}.tb-day small{display:none}.window{height:30%}}@media (max-width: 380px){.nav-ico{font-size:1.2rem}}.account-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.account-form input{width:100%;padding:12px 14px;border-radius:var(--r-lg);background:var(--card);color:var(--ink);font-family:var(--font-body);font-size:.9rem;border:2px solid var(--panel-warm);box-shadow:var(--shadow-sm)}.account-form input:focus{outline:none;border-color:var(--cafe-accent, var(--wood))}.account-form .btn{width:100%;padding:13px}.account-hint{font-size:.85rem;color:var(--ink-soft);line-height:1.45}.account-error{font-size:.82rem;color:#b4543e;font-weight:700}.account-switch{background:none;border:none;box-shadow:none;cursor:pointer;font-family:var(--font-body);font-size:.8rem;color:var(--ink-faint);text-decoration:underline;padding:4px}.account-switch:hover{color:var(--ink-soft)}.account-signedin{display:flex;flex-direction:column;gap:12px;align-items:center}.menu-gate-hint{margin-top:6px;font-size:.78rem;line-height:1.5;color:var(--ink-faint);text-align:center;max-width:300px;margin-left:auto;margin-right:auto}.iso-entity.staff .char-sprite{animation:idleBob 3.6s ease-in-out infinite}.emp-role{color:var(--ink-faint);font-weight:600;font-size:.82rem}.trace-svg{width:158px;height:158px;max-width:60vw;border-radius:50%;touch-action:none;cursor:crosshair;box-shadow:var(--shadow-md),inset 0 2px 6px #78563640;user-select:none;-webkit-user-select:none}.trace-start{animation:traceStart 1.2s ease-in-out infinite;transform-origin:center}@keyframes traceStart{0%,to{opacity:.35}50%{opacity:1}}.order-bubble{position:relative;width:46px;height:46px;margin-bottom:10px;display:grid;place-items:center;filter:drop-shadow(0 3px 5px rgba(120,86,54,.22));animation:popIn .35s var(--ease-soft)}.order-bubble .pat-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:46px;height:46px}.pat-ring-bg{fill:none;stroke:var(--beige);stroke-width:3.5}.pat-ring-fg{fill:none;stroke-width:3.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s linear,stroke .3s}.order-bubble .bubble-face{width:36px;height:36px;border-radius:50%;background:var(--card);border:1.5px solid var(--panel-line);display:grid;place-items:center;font-size:1.15rem;line-height:1}.order-bubble .bubble-tail{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--card);filter:drop-shadow(0 1px 0 var(--panel-line))}.order-bubble.urgent{animation:urgentPulse .8s ease-in-out infinite}@keyframes urgentPulse{50%{transform:translateY(-2px) scale(1.06)}}.guest-seated:hover .order-bubble{transform:translateY(-2px) scale(1.06)}.cafe-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:360;pointer-events:none;background:radial-gradient(120% 105% at 50% 42%,#5b463600 52%,#5b46361a 82%,#5b463638)}