@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}:root{--wood-dark:#5b3a24;--wood:#8a5a35;--wood-mid:#a86f42;--wood-light:#c99060;--cream:#fbf1e1;--cream-2:#f3e3c9;--cream-3:#e6cfac;--green:#4f7a4a;--green-dark:#355a32;--green-light:#79a96f;--red:#c4513f;--red-dark:#8e3326;--gold:#f2b544;--ink:#3b2a20;--ink-soft:#6b5242;--shadow:#341e0f59;--u:clamp(.72px, calc(100vmin / 540), 1.6px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);font-family:Fredoka,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:calc(16 * var(--u));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#2d2019;margin:0;overflow:hidden}#view{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}[hidden]{display:none!important}.screen{padding:calc(12 * var(--u)) calc(16 * var(--u) + max(var(--safe-l), var(--safe-r)));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{padding:calc(10 * var(--u));background:#28180e73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:linear-gradient(var(--cream), var(--cream-2));border:calc(4 * var(--u)) solid var(--wood);border-radius:calc(20 * var(--u));box-shadow:0 calc(5 * var(--u)) 0 var(--wood-dark), 0 calc(10 * var(--u)) calc(24 * var(--u)) var(--shadow), inset 0 0 0 calc(3 * var(--u)) var(--cream-3);padding:calc(18 * var(--u)) calc(22 * var(--u));max-height:100%;overflow:auto}h1,h2{margin:0 0 calc(8 * var(--u));color:var(--wood-dark);font-weight:700}h2{font-size:calc(24 * var(--u))}p{margin:calc(6 * var(--u)) 0;line-height:1.35}.small{font-size:calc(13 * var(--u));color:var(--ink-soft)}.error-text{color:var(--red-dark);font-weight:600}.btn{font:inherit;font-weight:600;font-size:calc(18 * var(--u));min-height:max(44px, calc(46 * var(--u)));min-width:max(44px, calc(46 * var(--u)));padding:calc(8 * var(--u)) calc(18 * var(--u));color:var(--wood-dark);background:linear-gradient(#fff8ec, var(--cream-2));border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(14 * var(--u));box-shadow:0 calc(4 * var(--u)) 0 var(--wood-dark);cursor:pointer;justify-content:center;align-items:center;gap:calc(8 * var(--u));touch-action:manipulation;transition:transform 60ms,box-shadow 60ms,filter .12s;display:inline-flex}.btn:active,.btn.pressed{transform:translateY(calc(3 * var(--u)));box-shadow:0 calc(1 * var(--u)) 0 var(--wood-dark)}.btn:disabled{filter:grayscale(.7)opacity(.6);cursor:default}.btn:focus-visible{outline:calc(3 * var(--u)) solid var(--gold);outline-offset:calc(2 * var(--u))}.btn-green{color:#fff;background:linear-gradient(var(--green-light), var(--green));border-color:var(--green-dark);box-shadow:0 calc(4 * var(--u)) 0 var(--green-dark)}.btn-green:active{box-shadow:0 calc(1 * var(--u)) 0 var(--green-dark)}.btn-red{color:#fff;background:linear-gradient(#d9705e, var(--red));border-color:var(--red-dark);box-shadow:0 calc(4 * var(--u)) 0 var(--red-dark)}.btn-icon{padding:calc(6 * var(--u));width:max(44px, calc(52 * var(--u)));height:max(44px, calc(52 * var(--u)))}.btn-icon svg,.icon svg{width:70%;height:70%;display:block}.icon{justify-content:center;align-items:center;width:1.2em;height:1.2em;display:inline-flex}.icon svg{width:100%;height:100%}.logo{font-size:calc(40 * var(--u));letter-spacing:.02em;text-align:center;color:var(--wood-dark)}.loading-panel{width:min(92vw, calc(440 * var(--u)));text-align:center}.bar{height:calc(18 * var(--u));border-radius:calc(9 * var(--u));background:var(--cream-3);border:calc(3 * var(--u)) solid var(--wood);margin-top:calc(10 * var(--u));overflow:hidden}.bar-fill{background:linear-gradient(var(--gold), #e09a2c);width:0%;height:100%;transition:width .2s}.message-panel{width:min(92vw, calc(520 * var(--u)));text-align:center}#screen-title{-webkit-backdrop-filter:blur(calc(6 * var(--u)));backdrop-filter:blur(calc(6 * var(--u)))}.title-block{isolation:isolate;flex-direction:column;align-items:center;display:flex}.menu-logo{z-index:1;margin-bottom:calc(-18 * var(--u));flex-direction:column;align-items:center;display:flex;position:relative}.logo.big{font-size:calc(78 * var(--u));padding:0 calc(6 * var(--u));white-space:nowrap;background:linear-gradient(#fffaf0 35%,#f2c98f 90%);color:#0000;--o:calc(3 * var(--u));filter:drop-shadow(var(--o) 0 0 var(--wood-dark)) drop-shadow(calc(-1 * var(--o)) 0 0 var(--wood-dark)) drop-shadow(0 var(--o) 0 var(--wood-dark)) drop-shadow(0 calc(-1 * var(--o)) 0 var(--wood-dark)) drop-shadow(0 calc(4 * var(--u)) 0 var(--wood-dark)) drop-shadow(0 0 calc(12 * var(--u)) #00000059);-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.05}.menu-hat{top:calc(-12 * var(--u));right:calc(-12 * var(--u));width:calc(84 * var(--u));filter:drop-shadow(0 calc(3 * var(--u)) calc(3 * var(--u)) #0000004d);position:absolute;transform:rotate(14deg)}.menu-hat svg,.menu-deco svg{width:100%;height:auto;display:block}.menu-by{margin:calc(2 * var(--u)) 0 0;padding:calc(2 * var(--u)) calc(18 * var(--u)) calc(4 * var(--u));font-size:calc(28 * var(--u));white-space:nowrap;color:var(--cream);background:var(--wood-dark);border-radius:calc(14 * var(--u));box-shadow:0 calc(3 * var(--u)) 0 #3a2415;font-weight:700;line-height:1.15}.menu-card{gap:calc(10 * var(--u));width:calc(320 * var(--u));padding:calc(30 * var(--u)) calc(22 * var(--u)) calc(20 * var(--u));flex-direction:column;display:flex;position:relative;overflow:visible}.menu-btn{font-size:calc(21 * var(--u));text-transform:uppercase;letter-spacing:.03em;padding:calc(6 * var(--u)) calc(14 * var(--u));border-radius:calc(22 * var(--u));justify-content:flex-start}.menu-btn .icon{flex:none;width:1.7em;height:1.7em}.menu-label{text-align:center;flex:1}.menu-gear{color:var(--wood-mid)}.menu-arrow{color:var(--wood-light);width:1em!important}.menu-chip{letter-spacing:0;text-transform:none;color:var(--wood);background:var(--cream-3);border-radius:calc(8 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u));white-space:nowrap;font-size:.68em}.menu-deco{bottom:calc(-14 * var(--u));width:calc(46 * var(--u));pointer-events:none;position:absolute}.menu-beans{left:calc(-16 * var(--u))}.menu-cake{right:calc(-18 * var(--u));width:calc(52 * var(--u))}@media (max-height:380px){.title-block{gap:calc(40 * var(--u));flex-direction:row}.menu-logo{margin:0}.menu-by{margin-top:calc(12 * var(--u))}.menu-card{padding-top:calc(20 * var(--u))}}.corner-buttons{top:calc(12 * var(--u) + var(--safe-t));right:calc(12 * var(--u) + var(--safe-r));gap:calc(10 * var(--u));display:flex;position:absolute}#screen-m0{pointer-events:none;justify-content:flex-start;align-items:flex-start}#screen-m0>*{pointer-events:auto}.m0-panel{gap:calc(8 * var(--u));width:calc(230 * var(--u));text-align:center;padding:calc(10 * var(--u)) calc(12 * var(--u));margin-top:var(--safe-t);flex-direction:column;align-items:stretch;display:flex}.m0-panel h2{font-size:calc(18 * var(--u));margin:0}.m0-panel .btn{font-size:calc(15 * var(--u));min-height:max(44px, calc(40 * var(--u)))}.m0-panel .small{font-size:calc(11 * var(--u));margin:0}.settings-panel{width:min(94vw, calc(520 * var(--u)));gap:calc(8 * var(--u));flex-direction:column;display:flex}.row{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));min-height:calc(44 * var(--u));display:flex}.row-label{font-weight:600;font-size:calc(18 * var(--u))}.hint{margin-top:0}.segmented{border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(12 * var(--u));background:var(--cream-2);display:inline-flex;overflow:hidden}.segmented button{font:inherit;font-weight:600;font-size:calc(16 * var(--u));min-height:max(44px, calc(40 * var(--u)));min-width:max(44px, calc(58 * var(--u)));color:var(--wood-dark);padding:0 calc(12 * var(--u));cursor:pointer;background:0 0;border:0}.segmented button+button{border-left:calc(2 * var(--u)) solid var(--wood-light)}.segmented button.on{background:var(--green);color:#fff}input[type=range]{width:min(48vw, calc(240 * var(--u)));accent-color:var(--green);height:calc(32 * var(--u))}#debug-panel{left:calc(8 * var(--u) + var(--safe-l));bottom:calc(8 * var(--u) + var(--safe-b));color:#f6ead8;font:600 calc(12 * var(--u)) / 1.35 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;padding:calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));max-width:min(60vw, calc(420 * var(--u)));pointer-events:none;white-space:pre-wrap;word-break:break-word;z-index:50;background:#140e0ac7;position:absolute}#debug-panel b{color:#ffd27a;font-weight:700}#rotate{z-index:100;background:radial-gradient(circle at 50% 40%,#6b4630,#2d2019);display:none}@media (orientation:portrait){#rotate{display:flex}}.rotate-icon{width:calc(96 * var(--u));height:calc(96 * var(--u));margin:0 auto calc(8 * var(--u));color:var(--wood);animation:2.4s ease-in-out infinite tilt}.rotate-icon svg{width:100%;height:100%}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.touch-only,.desktop-only{display:none}@media (pointer:coarse){.touch-only{display:block}}@media (pointer:fine){.desktop-only{display:block}}.joy-base{border:calc(3 * var(--u)) solid #8a5a358c;pointer-events:none;z-index:20;background:radial-gradient(circle,#fbf1e147,#fbf1e11f);border-radius:50%;position:absolute}.joy-knob{background:radial-gradient(circle at 40% 35%, #fff8ec, var(--cream-3));border:calc(3 * var(--u)) solid var(--wood);width:46%;height:46%;box-shadow:0 calc(3 * var(--u)) 0 var(--wood-dark);border-radius:50%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%}#screen-game{pointer-events:none;padding:0;display:block}#screen-game>*{pointer-events:auto}#hud{top:calc(6 * var(--u) + var(--safe-t));left:calc(8 * var(--u) + var(--safe-l));right:calc(8 * var(--u) + var(--safe-r));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-group{gap:calc(8 * var(--u));align-items:center;display:flex}.hud-group>*{pointer-events:auto}.hud-pill{align-items:center;gap:calc(6 * var(--u));height:max(36px, calc(46 * var(--u)));padding:0 calc(12 * var(--u)) 0 calc(6 * var(--u));background:linear-gradient(#fff8ec, var(--cream-2));border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(23 * var(--u));box-shadow:0 calc(3 * var(--u)) 0 var(--wood-dark);color:var(--wood-dark);font-weight:700;display:flex}.hud-icon{width:max(26px, calc(34 * var(--u)));height:max(26px, calc(34 * var(--u)));flex:none}.hud-icon svg{width:100%;height:100%;display:block}.hud-value{font-size:calc(20 * var(--u));min-width:2.4em;line-height:1}.hud-clock-body{gap:calc(3 * var(--u));flex-direction:column;display:flex}.hud-bar{width:calc(96 * var(--u));height:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:var(--cream-3);overflow:hidden}.hud-bar-fill{background:linear-gradient(90deg, var(--gold), #e09a2c);width:100%;height:100%}.hud-clock.closing .hud-bar-fill{background:var(--red)}.hud-stars{padding:0 calc(10 * var(--u));gap:calc(2 * var(--u))}.hud-stars .star{width:max(20px, calc(26 * var(--u)));height:max(20px, calc(26 * var(--u)))}.hud-stars .star svg{width:100%;height:100%;display:block}.hud-btn{width:max(40px, calc(46 * var(--u)));height:max(40px, calc(46 * var(--u)));border-radius:calc(23 * var(--u));min-width:0;min-height:0;position:relative}.hud-btn:before{content:"";position:absolute;inset:-5px}.action-btn{right:calc(18 * var(--u) + var(--safe-r));bottom:calc(18 * var(--u) + var(--safe-b));width:max(76px, calc(118 * var(--u)));height:max(76px, calc(118 * var(--u)));border:calc(4 * var(--u)) solid var(--green-dark);background:radial-gradient(circle at 40% 30%, var(--green-light), var(--green));box-shadow:0 calc(5 * var(--u)) 0 var(--green-dark), 0 calc(8 * var(--u)) calc(16 * var(--u)) var(--shadow);color:#fff;font:inherit;justify-content:center;align-items:center;gap:calc(2 * var(--u));cursor:pointer;touch-action:manipulation;border-radius:50%;flex-direction:column;font-weight:700;transition:transform 60ms,box-shadow 60ms,filter .15s;display:flex;position:absolute}.action-btn:active:not(:disabled),.action-btn.pressed{transform:translateY(calc(4 * var(--u)));box-shadow:0 calc(1 * var(--u)) 0 var(--green-dark)}.action-btn:disabled{filter:grayscale(.85)opacity(.55);cursor:default}.action-icon{width:46%;height:46%}.action-icon svg{width:100%;height:100%;display:block}.action-label{font-size:calc(17 * var(--u));text-shadow:0 calc(1 * var(--u)) 0 var(--green-dark);white-space:nowrap;line-height:1}.joy-ghost{left:calc(34 * var(--u) + var(--safe-l));bottom:calc(34 * var(--u) + var(--safe-b));border:calc(3 * var(--u)) dashed #5b3a2459;background:#fbf1e124;border-radius:50%;justify-content:center;align-items:center;width:max(88px,26vmin);height:max(88px,26vmin);position:absolute;pointer-events:none!important}.joy-ghost-knob{border:calc(3 * var(--u)) solid #5b3a2459;background:#fbf1e159;border-radius:50%;width:40%;height:40%}.touch-only-flex{display:none}@media (pointer:coarse){.touch-only-flex{display:flex}}body.joy-active .joy-ghost{opacity:0}#overlays{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.hud-day{padding:0 calc(14 * var(--u));font-size:calc(18 * var(--u))}.hud-clock.closing .hud-value{color:var(--red-dark);font-size:max(12.5px, calc(16 * var(--u)))}.holding{padding:0 calc(8 * var(--u)) 0 calc(6 * var(--u));gap:calc(4 * var(--u))}.holding .slot{width:max(28px, calc(36 * var(--u)));height:max(28px, calc(36 * var(--u)));border-radius:calc(9 * var(--u));background:var(--cream-3);justify-content:center;align-items:center;display:flex}.holding .slot img{object-fit:contain;width:100%;height:100%}.holding .slot.empty{border:calc(2 * var(--u)) dashed var(--wood-light);background:0 0}.holding.bump{animation:.26s ease-out bump}@keyframes bump{40%{transform:scale(1.14)}}#bubbles,#pops{position:absolute;inset:0}.bubble{align-items:center;gap:calc(2 * var(--u));padding:calc(3 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));border:calc(2.5 * var(--u)) solid var(--wood);border-radius:calc(11 * var(--u));box-shadow:0 calc(2 * var(--u)) 0 #5b3a248c;will-change:transform;background:#fffaf2;flex-direction:column;display:flex;position:absolute;top:0;left:0}.bubble:after{content:"";left:50%;bottom:calc(-7 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));margin-left:calc(-5 * var(--u));border-right:calc(2.5 * var(--u)) solid var(--wood);border-bottom:calc(2.5 * var(--u)) solid var(--wood);border-bottom-right-radius:calc(3 * var(--u));background:#fffaf2;position:absolute;transform:rotate(45deg)}.bubble-items{gap:calc(2 * var(--u));display:flex}.bubble-item{width:max(24px, calc(31 * var(--u)));height:max(24px, calc(31 * var(--u)));position:relative}.bubble-item img{object-fit:contain;width:100%;height:100%;display:block}.bubble-item.got img{opacity:.35}.bubble-item .badge{color:#fff;background:var(--green);border:calc(2 * var(--u)) solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52%;height:52%;display:flex;position:absolute;bottom:-8%;right:-8%}.bubble-item .badge.wrong{background:var(--red)}.bubble-item .badge svg{width:80%;height:80%}.pbar{width:100%;min-width:max(24px, calc(31 * var(--u)));height:max(4px, calc(5.5 * var(--u)));border-radius:calc(4 * var(--u));background:var(--cream-3);overflow:hidden}.pbar-fill{border-radius:inherit;background:var(--green-light);height:100%;transition:background-color .3s}.pbar-fill.mid{background:var(--gold)}.pbar-fill.low{background:var(--red)}.bubble.queued{padding:calc(4 * var(--u)) calc(6 * var(--u));border-width:calc(2 * var(--u))}.bubble.queued:after{display:none}.bubble.queued .pbar{min-width:max(26px, calc(34 * var(--u)))}.bubble.edge:after{display:none}.bubble.edge:before{content:"";width:max(12px, calc(14 * var(--u)));height:max(12px, calc(14 * var(--u)));background:var(--wood);clip-path:polygon(0 0,100% 50%,0 100%);translate:-50% -50%;transform:rotate(var(--to,90.0117deg)) translateX(var(--reach,30px));position:absolute;top:50%;left:50%}.bubble.target.edge:before{background:var(--gold)}.bubble.target{border-color:var(--gold);box-shadow:0 0 0 calc(3 * var(--u)) #f2b54499, 0 calc(3 * var(--u)) 0 #5b3a248c}.bubble.target:after{border-color:var(--gold)}.pointer{width:max(26px, calc(34 * var(--u)));height:max(26px, calc(34 * var(--u)));margin:calc(-34 * var(--u)) 0 0 calc(-17 * var(--u));filter:drop-shadow(0 calc(2 * var(--u)) 0 #5b3a2480);will-change:transform;position:absolute;top:0;left:0}.pointer svg{width:100%;height:100%;animation:.9s ease-in-out infinite point;display:block}@keyframes point{50%{transform:translateY(calc(-8 * var(--u)))}}.wipe-ring{width:max(40px, calc(56 * var(--u)));height:max(40px, calc(56 * var(--u)));border:calc(3 * var(--u)) solid var(--wood);padding:calc(4 * var(--u));background:#fbf1e1d9;border-radius:50%;position:absolute;top:0;left:0}.wipe-fill{background:conic-gradient(var(--green-light) calc(var(--p,0) * 1turn), transparent 0);border-radius:50%;width:100%;height:100%}.coin-pop{align-items:center;gap:calc(3 * var(--u));font-weight:700;font-size:calc(22 * var(--u));color:#fff6d8;-webkit-text-stroke:calc(1.5 * var(--u)) var(--wood-dark);text-shadow:0 calc(2 * var(--u)) 0 var(--wood-dark);white-space:nowrap;animation:1.1s ease-out forwards rise;display:flex;position:absolute;top:0;left:0}.coin-pop .icon{width:calc(26 * var(--u));height:calc(26 * var(--u))}@keyframes rise{0%{opacity:0;translate:-50% -40%;scale:.6}15%{opacity:1;translate:-50% -90%;scale:1.1}70%{opacity:1}to{opacity:0;translate:-50% -230%;scale:1}}.action-btn.cleaning .action-icon{animation:.5s ease-in-out infinite wiggle}@keyframes wiggle{50%{transform:rotate(-14deg)}}.toast{max-width:min(80vw, calc(560 * var(--u)));padding:calc(8 * var(--u)) calc(18 * var(--u));color:var(--cream);font-weight:600;font-size:max(13px, calc(17 * var(--u)));border-radius:calc(16 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) var(--shadow);text-align:center;z-index:60;background:#3b2a20eb;animation:.18s ease-out toast-in;position:absolute;top:21%;left:50%;transform:translate(-50%);pointer-events:none!important}.toast.bad{background:#8e3326f0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%, calc(-8 * var(--u)))}}#screen-station{pointer-events:none;padding:0;display:block}#screen-station>*{pointer-events:auto}.st-top{top:calc(6 * var(--u) + var(--safe-t));left:calc(8 * var(--u) + var(--safe-l));right:calc(8 * var(--u) + var(--safe-r));align-items:flex-start;gap:calc(8 * var(--u));display:flex;position:absolute;pointer-events:none!important}.st-top>*{pointer-events:auto}.st-orders{gap:calc(6 * var(--u));flex:1;min-width:0;display:flex;overflow:hidden;pointer-events:none!important}.st-orders .empty-note{color:var(--cream);text-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #0009;padding-left:calc(6 * var(--u));align-self:center;font-weight:600}.chip{align-items:center;gap:calc(3 * var(--u));padding:calc(3 * var(--u)) calc(5 * var(--u)) calc(4 * var(--u));border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(12 * var(--u));box-shadow:0 calc(3 * var(--u)) 0 #5b3a248c;background:#fffaf2;flex-direction:column;flex:none;display:flex}.chip .bubble-item{width:max(26px, calc(36 * var(--u)));height:max(26px, calc(36 * var(--u)))}.chip .bubble-item.other{opacity:.45}.chip .pbar{min-width:max(26px, calc(36 * var(--u)));height:max(4px, calc(6 * var(--u)))}.st-card{left:calc(8 * var(--u) + var(--safe-l));width:calc(25.5% - 8 * var(--u) - var(--safe-l));background:linear-gradient(var(--cream), var(--cream-2));border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(16 * var(--u));box-shadow:0 calc(4 * var(--u)) 0 var(--wood-dark);padding:calc(6 * var(--u)) calc(8 * var(--u));gap:calc(5 * var(--u));touch-action:pan-y;flex-direction:column;display:flex;position:absolute;top:18.5%;bottom:30%;overflow-y:auto}.st-machine{align-items:center;gap:calc(6 * var(--u));font-weight:700;font-size:max(12px, calc(15 * var(--u)));color:var(--wood-dark);display:flex}.recipe{border-radius:calc(10 * var(--u));padding:calc(3 * var(--u)) calc(4 * var(--u));transition:opacity .15s}.recipe.dim{opacity:.45}.recipe.heading{box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--green-light);background:#79a96f38}.recipe-head{align-items:center;gap:calc(5 * var(--u));font-weight:700;font-size:max(11.5px, calc(14 * var(--u)));color:var(--wood-dark);line-height:1.1;display:flex}.recipe-head img{width:max(22px, calc(30 * var(--u)));height:max(22px, calc(30 * var(--u)));object-fit:contain;flex:none}.steps{align-items:center;gap:calc(1 * var(--u));margin-top:calc(2 * var(--u));flex-wrap:wrap;display:flex}.step{width:max(20px, calc(27 * var(--u)));height:max(20px, calc(27 * var(--u)));border-radius:calc(7 * var(--u));background:#ffffffb3;position:relative}.step img{object-fit:contain;width:100%;height:100%;display:block}.step.done img{opacity:.4}.step .badge{background:var(--green);color:#fff;border:calc(1.5 * var(--u)) solid #fff;border-radius:50%;justify-content:center;align-items:center;width:55%;height:55%;display:flex;position:absolute;bottom:-10%;right:-10%}.step .badge svg{width:85%;height:85%}.step-arrow{width:max(8px, calc(10 * var(--u)));height:max(8px, calc(10 * var(--u)));color:var(--wood-light);display:flex}.step-arrow svg{width:100%;height:100%}.card-note{font-size:max(10.5px, calc(12 * var(--u)));color:var(--ink-soft);margin:0;line-height:1.25}.st-now{align-items:center;gap:calc(5 * var(--u));min-height:max(28px, calc(36 * var(--u)));padding:calc(3 * var(--u)) calc(6 * var(--u));border-radius:calc(10 * var(--u));background:var(--wood-dark);color:var(--cream);font-weight:700;font-size:max(11.5px, calc(14 * var(--u)));line-height:1.15;display:flex}.st-now img{width:max(22px, calc(30 * var(--u)));height:max(22px, calc(30 * var(--u)));object-fit:contain;flex:none}.st-room{font-size:max(10.5px, calc(12 * var(--u)));opacity:.92;white-space:nowrap;font-weight:600}.st-bottom{left:calc(8 * var(--u) + var(--safe-l));right:calc(8 * var(--u) + var(--safe-r));bottom:calc(8 * var(--u) + var(--safe-b));height:calc(28.5% - 8 * var(--u) - var(--safe-b));align-items:flex-end;gap:calc(8 * var(--u));display:flex;position:absolute;pointer-events:none!important}.st-bottom>*{pointer-events:auto}.st-side{gap:calc(2 * var(--u));height:100%;max-height:calc(110 * var(--u));min-width:max(64px, calc(92 * var(--u)));padding:calc(6 * var(--u)) calc(10 * var(--u));font-size:max(13px, calc(17 * var(--u)));flex-direction:column;flex:none}.st-side .icon{width:max(24px, calc(34 * var(--u)));height:max(24px, calc(34 * var(--u)))}.st-finish-wrap{height:100%;max-height:calc(110 * var(--u));flex:none;display:flex;position:relative}.st-finish-wrap .st-side{height:100%;min-width:max(76px, calc(116 * var(--u)))}.st-why{right:0;bottom:calc(100% + 8 * var(--u));width:max-content;max-width:min(42vw, calc(260 * var(--u)));padding:calc(5 * var(--u)) calc(10 * var(--u));border:calc(3 * var(--u)) solid var(--red);border-radius:calc(12 * var(--u));color:var(--red-dark);font-weight:700;font-size:max(11.5px, calc(14 * var(--u)));text-align:center;background:#fffaf2;line-height:1.2;position:absolute}.st-shelf{min-width:0;height:100%;max-height:calc(118 * var(--u));justify-content:center;align-items:stretch;gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));background:linear-gradient(var(--wood-light), var(--wood-mid));border:calc(3 * var(--u)) solid var(--wood-dark);border-radius:calc(16 * var(--u));box-shadow:0 calc(4 * var(--u)) 0 var(--wood-dark), inset 0 calc(-6 * var(--u)) 0 #5b3a2459;flex:1;display:flex}.ing{flex:0 1 calc(86 * var(--u));min-width:0;font:inherit;justify-content:flex-end;align-items:center;gap:calc(1 * var(--u));padding:calc(4 * var(--u)) calc(2 * var(--u)) calc(4 * var(--u));background:linear-gradient(#fffaf2, var(--cream-2));border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(12 * var(--u));box-shadow:0 calc(3 * var(--u)) 0 var(--wood-dark);color:var(--wood-dark);cursor:pointer;touch-action:manipulation;flex-direction:column;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative}.ing:active{transform:translateY(calc(3 * var(--u)));box-shadow:0 0 0 var(--wood-dark)}.ing img{width:100%;min-height:0;max-width:calc(64 * var(--u));object-fit:contain;flex:1}.ing-name{font-weight:600;font-size:max(10.5px, calc(12 * var(--u)));text-align:center;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;line-height:1.05;display:-webkit-box;overflow:hidden}.ing-cost{top:calc(-7 * var(--u));right:calc(-5 * var(--u));align-items:center;gap:calc(1 * var(--u));padding:0 calc(5 * var(--u)) 0 calc(2 * var(--u));height:max(18px, calc(22 * var(--u)));background:var(--cream);border:calc(2 * var(--u)) solid var(--wood);border-radius:calc(11 * var(--u));font-weight:700;font-size:max(10.5px, calc(12 * var(--u)));display:flex;position:absolute}.ing-cost .icon{width:max(13px, calc(16 * var(--u)));height:max(13px, calc(16 * var(--u)))}.ing.machine.working{cursor:default}.ing.machine .ring{aspect-ratio:1;background:conic-gradient(#f2b544d9 calc(var(--p,0) * 1turn), #3b2a2040 0);border-radius:50%;width:62%;position:absolute;top:42%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 52%,#000 54%);mask:radial-gradient(circle,#0000 52%,#000 54%)}.ing.machine.ready{border-color:var(--green-dark);background:linear-gradient(#f4fbe9,#d9ecc9);animation:1s ease-in-out infinite ready-glow}@keyframes ready-glow{50%{box-shadow:0 calc(3 * var(--u)) 0 var(--wood-dark), 0 0 0 calc(4 * var(--u)) #79a96f8c}}.ing.machine .go{aspect-ratio:1;color:#fff;border:calc(2 * var(--u)) solid #fff;background:#4f7a4aeb;border-radius:50%;justify-content:center;align-items:center;width:40%;display:flex;position:absolute;top:40%;left:50%;translate:-50% -50%}.ing.machine .go svg{width:62%;height:62%}.ing.flash{animation:.3s ease-out flash-bad}@keyframes flash-bad{30%{transform:translateX(calc(-4 * var(--u)));border-color:var(--red)}60%{transform:translateX(calc(4 * var(--u)))}}.menu-panel,.choose-panel{width:min(92vw, calc(420 * var(--u)));gap:calc(10 * var(--u));text-align:center;flex-direction:column;display:flex}.choose-panel{width:min(94vw, calc(560 * var(--u)))}.btn-wide{width:100%}.confirm-text{font-size:calc(19 * var(--u));margin:calc(4 * var(--u)) 0 calc(6 * var(--u));font-weight:600}.confirm-row{gap:calc(12 * var(--u));display:flex}.confirm-row .btn{flex:1}.slots-list{gap:calc(10 * var(--u));flex-direction:column;display:flex}.slot{gap:calc(8 * var(--u));display:flex}.slot-pick{align-items:flex-start;gap:calc(2 * var(--u));text-align:left;flex-direction:column;flex:1}.slot-name{font-weight:800}.slot-info{align-items:center;gap:calc(10 * var(--u));flex-wrap:wrap;display:flex}.slot-coins{align-items:center;gap:calc(3 * var(--u));display:inline-flex}.slot-coins svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.slot-when{opacity:.8;font-weight:600}.slot-delete{align-self:center}.choose-list{justify-content:center;gap:calc(10 * var(--u));flex-wrap:wrap;display:flex}.choice{flex:0 0 calc(150 * var(--u));padding:calc(8 * var(--u));gap:calc(4 * var(--u));font-size:max(12px, calc(15 * var(--u)));flex-direction:column;line-height:1.15}.choice img{width:calc(72 * var(--u));height:calc(72 * var(--u));object-fit:contain}.choose-paws{align-items:center;gap:calc(6 * var(--u));padding-top:calc(8 * var(--u));border-top:calc(2 * var(--u)) dashed var(--wood-light);flex-direction:column;display:flex}.choose-paws-title{font-size:max(11px, calc(13 * var(--u)));opacity:.8;font-weight:600}.choose-paws-list{gap:calc(8 * var(--u));display:flex}.paw{width:max(44px, calc(56 * var(--u)));height:max(44px, calc(56 * var(--u)));padding:calc(4 * var(--u))}.paw img{object-fit:contain;width:100%;height:100%}@media (max-height:480px){.choose-list{padding-bottom:calc(4 * var(--u));flex-wrap:nowrap;justify-content:safe center;overflow-x:auto}.choice{flex-basis:calc(124 * var(--u));flex-shrink:0}.choice img{width:calc(56 * var(--u));height:calc(56 * var(--u))}}.choose-none{opacity:.7;font-weight:600}.choice .small{font-size:max(11px, calc(13 * var(--u)));font-weight:600}.summary-panel{width:min(92vw, calc(460 * var(--u)));gap:calc(8 * var(--u));flex-direction:column;display:flex}.summary-panel h2{text-align:center}.summary-body{gap:calc(3 * var(--u)) calc(16 * var(--u));font-size:max(13px, calc(17 * var(--u)));grid-template-columns:1fr auto;align-items:center;display:grid}.summary-body .k{color:var(--ink-soft);font-weight:600}.summary-body .v{text-align:right;justify-content:flex-end;align-items:center;gap:calc(4 * var(--u));font-weight:700;display:flex}.summary-body .sep{height:calc(2 * var(--u));background:var(--cream-3);margin:calc(3 * var(--u)) 0;grid-column:1/-1}.summary-body .plus{color:var(--green-dark)}.summary-body .minus{color:var(--red-dark)}.summary-body .big{font-size:calc(21 * var(--u))}.summary-body .icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.stars{gap:calc(1 * var(--u));display:inline-flex}.stars .star{width:calc(20 * var(--u));height:calc(20 * var(--u));display:inline-flex}.stars .star svg{width:100%;height:100%}.shop-panel,.book-panel{width:min(94vw, calc(640 * var(--u)));gap:calc(8 * var(--u));max-height:96%;padding:calc(12 * var(--u)) calc(16 * var(--u));flex-direction:column;display:flex}.shop-head{justify-content:space-between;align-items:center;gap:calc(10 * var(--u));display:flex}.shop-head h2{margin:0}.shop-list,.book-list{touch-action:pan-y;gap:calc(6 * var(--u));min-height:0;padding-right:calc(2 * var(--u));flex-direction:column;flex:1;display:flex;overflow-y:auto}.list-head{color:var(--wood);font-weight:700;font-size:max(12px, calc(15 * var(--u)));text-transform:uppercase;letter-spacing:.06em;margin-top:calc(4 * var(--u))}.offer,.book-entry{align-items:center;gap:calc(10 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border:calc(2 * var(--u)) solid var(--cream-3);border-radius:calc(12 * var(--u));background:#fff9;display:flex}.offer>img,.offer>.offer-icon,.book-entry>img{width:calc(46 * var(--u));height:calc(46 * var(--u));object-fit:contain;flex:none}.offer-icon{color:var(--wood);display:flex}.offer-icon svg{width:100%;height:100%}.offer-text,.book-text{flex:1;min-width:0}.offer-name,.book-name{font-weight:700;font-size:max(13px, calc(17 * var(--u)));color:var(--wood-dark)}.offer-effect{font-size:max(11px, calc(13.5 * var(--u)));color:var(--ink-soft);line-height:1.25}.offer-caption{margin-top:calc(2 * var(--u));font-size:max(11px, calc(12.5 * var(--u)));color:var(--wood-mid);font-style:italic;line-height:1.25}.offer-note{font-size:max(11px, calc(13.5 * var(--u)));color:var(--green-dark);font-weight:600;line-height:1.25}.offer-buy{min-width:calc(104 * var(--u));font-size:max(12px, calc(15 * var(--u)));padding:calc(4 * var(--u)) calc(10 * var(--u));flex-direction:column;flex:none;gap:0}.offer-buy .price{align-items:center;gap:calc(3 * var(--u));font-size:max(13px, calc(17 * var(--u)));display:flex}.offer-buy .price .icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.offer-buy .why{font-size:max(10.5px, calc(12 * var(--u)));font-weight:600}.book-entry.locked>img{filter:grayscale()opacity(.5)}.book-entry .steps{gap:calc(2 * var(--u))}.book-step{align-items:center;gap:calc(2 * var(--u));font-size:max(11px, calc(13 * var(--u)));color:var(--ink-soft);font-weight:600;display:inline-flex}.book-step img{width:calc(24 * var(--u));height:calc(24 * var(--u));object-fit:contain}.book-price{font-size:max(11px, calc(13 * var(--u)));color:var(--ink-soft)}.coop-pill{padding:0 calc(12 * var(--u));font-size:calc(18 * var(--u));white-space:nowrap}#busy-signs{pointer-events:none;position:absolute;inset:0}.busy-sign{padding:calc(4 * var(--u)) calc(12 * var(--u));background:var(--wood-dark);color:#fff8ec;border-radius:calc(14 * var(--u));font-weight:700;font-size:calc(17 * var(--u));box-shadow:0 calc(2 * var(--u)) 0 #00000040;position:absolute;top:0;left:0}.coop-part{gap:calc(10 * var(--u));flex-direction:column;display:flex}.coop-code{min-width:0;font:inherit;font-size:calc(26 * var(--u));letter-spacing:.2em;text-align:center;text-transform:lowercase;padding:calc(6 * var(--u));border:calc(3 * var(--u)) solid var(--wood-dark);border-radius:calc(14 * var(--u));color:var(--wood-dark);background:#fff8ec;flex:1;font-weight:700}.coop-lobby-code{font-size:calc(48 * var(--u));letter-spacing:.25em;margin:0;font-weight:800}.grandpa-coin{width:calc(56 * var(--u));height:calc(56 * var(--u));margin:0 auto calc(6 * var(--u));display:block}.grandpa-coin svg{width:100%;height:100%}.trial-picture{width:calc(84 * var(--u));height:calc(84 * var(--u));margin:0 auto calc(2 * var(--u));display:block}.trial-quote{color:var(--wood-mid);font-style:italic}#screen-gameover{padding-bottom:calc(18 * var(--u) + var(--safe-b));align-items:flex-end}.gameover-text{max-width:min(92vw, calc(620 * var(--u)));text-align:center;color:var(--cream);opacity:0;animation:1.2s 1.6s forwards gameover-in}.gameover-title{margin:0 0 calc(4 * var(--u));font-size:calc(40 * var(--u));color:var(--cream);letter-spacing:.04em}.gameover-text p{margin:0 0 calc(14 * var(--u));font-size:calc(18 * var(--u));line-height:1.4}.gameover-text .btn{min-width:calc(220 * var(--u))}@keyframes gameover-in{to{opacity:1}}.tut-card{left:50%;top:calc(64 * var(--u) + var(--safe-t));width:min(calc(100vw - 32px), calc(520 * var(--u)));padding:calc(8 * var(--u)) calc(14 * var(--u));color:var(--wood-dark);background:linear-gradient(var(--cream), var(--cream-2));border:calc(3 * var(--u)) solid var(--wood);border-radius:calc(16 * var(--u));box-shadow:0 calc(4 * var(--u)) 0 var(--wood-dark);font-weight:600;font-size:max(13px, calc(17 * var(--u)));text-align:center;line-height:1.3;position:absolute;transform:translate(-50%);pointer-events:none!important}.tut-card .btn{pointer-events:auto}.tut-card.low{top:auto;bottom:calc(10 * var(--u) + var(--safe-b))}.tut-card.at-station{left:auto;right:calc(8 * var(--u) + var(--safe-r));width:min(34%, calc(360 * var(--u)));top:18.5%;bottom:auto;transform:none}.tut-card p{margin:0}.tut-card .small{margin-top:calc(4 * var(--u));font-weight:500}.tut-buttons{margin-top:calc(6 * var(--u));justify-content:center;display:flex}.tut-buttons .btn{min-height:max(36px, calc(38 * var(--u)));font-size:max(13px, calc(16 * var(--u)))}.tut-skip{box-shadow:none;color:var(--wood-mid);padding:0 calc(8 * var(--u));background:0 0;border:none;text-decoration:underline}.tut-arrow{width:max(40px, calc(54 * var(--u)));height:max(40px, calc(54 * var(--u)));margin:calc(-1 * max(40px, calc(54 * var(--u)))) 0 0 calc(-.5 * max(40px, calc(54 * var(--u))));transform-origin:50% 100%;filter:drop-shadow(0 0 calc(4 * var(--u)) #fff) drop-shadow(0 calc(2 * var(--u)) 0 #5b3a2480)}.tut-glow{outline:calc(4 * var(--u)) solid #f2b544;outline-offset:calc(2 * var(--u));animation:1s ease-in-out infinite tut-glow}@keyframes tut-glow{50%{outline-color:#f2b54459}}