:root{--ink: #4E4677;--ink-2: #6A6199;--cream: #FDF2E0;--cream-1: #FBE3C8;--cream-2: #EDD6B0;--stone: #D5A46B;--stone-1: #C0894B;--leaf: #5FBB6E;--leaf-1: #86CC93;--berry: #F2A3C0;--gold: #F7C85C;--sky: #BEE7F5;--cust: min(30vw, 26vh, 190px);--spot-x: 30%;--door-x: 86%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--cream)}.scene{position:relative;flex:1 1 0;min-height:0;overflow:hidden;background:linear-gradient(to bottom,var(--cream) 0 62%,var(--cream-1) 82%,var(--stone) 82%,var(--stone-1) 100%)}.scene__awning{position:absolute;top:0;left:0;right:0;height:clamp(22px,4.5vh,34px);background:repeating-linear-gradient(90deg,var(--leaf) 0 44px,var(--cream) 44px 88px);border-bottom:3px solid var(--ink)}.scene__awning:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:radial-gradient(11px 11px at 22px 0,var(--leaf) 70%,transparent 71%) 0 0 / 88px 14px repeat-x,radial-gradient(11px 11px at 66px 0,var(--cream) 70%,transparent 71%) 0 0 / 88px 14px repeat-x}.scene__window{position:absolute;left:6%;top:22%;width:clamp(54px,12vw,96px);aspect-ratio:1;border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) center/100% 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center/3px 100% no-repeat,var(--sky);border:4px solid var(--ink)}.scene__door{position:absolute;left:var(--door-x);bottom:18%;transform:translate(-50%);width:clamp(64px,15vw,120px);height:58%;background:var(--cream-2);border:4px solid var(--ink);border-bottom:none;border-radius:999px 999px 0 0}.scene__door:after{content:"";position:absolute;left:14%;top:55%;width:9px;height:9px;border-radius:50%;background:var(--ink)}.customer{position:absolute;left:var(--spot-x);bottom:4%;width:var(--cust);transform:translate(-50%);pointer-events:none;z-index:1}.customer__sprite{display:block;width:100%;height:auto}.customer--entering{animation:walk-in var(--walk-ms) linear both}.customer--leaving{animation:walk-out var(--walk-ms) linear both}@keyframes walk-in{0%{left:var(--door-x)}to{left:var(--spot-x)}}@keyframes walk-out{0%{left:var(--spot-x)}to{left:var(--door-x)}}.order{position:absolute;left:24%;bottom:calc(4% + var(--cust) * .92);max-width:min(62%,380px);z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;background:var(--cream);border:3px solid var(--ink);border-radius:20px;box-shadow:0 4px #4e467759;animation:order-up .32s ease-out both}.order:after{content:"";position:absolute;left:26px;bottom:-8px;width:17px;height:17px;background:var(--cream);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);border-bottom-right-radius:4px;transform:rotate(45deg)}@keyframes order-up{0%{transform:scale(.72) rotate(-2deg)}to{transform:none}}.order--dim{opacity:.55}.order__part{flex:none;display:flex;align-items:center;gap:8px}.order__pics{display:grid;gap:4px;justify-items:center}.order__pics img{width:clamp(26px,7.5vw,38px);height:auto;display:block}.order__count{display:flex;flex-direction:column;align-items:center;line-height:1.1}.order__numeral{font-size:clamp(32px,9.5vw,46px);font-weight:800}.order__word{font-size:13px;font-weight:700;color:var(--ink-2)}.order__and{flex:none;font-size:13px;font-weight:700;color:var(--ink-2)}.counter{flex:none;display:flex;align-items:center;gap:10px;min-height:clamp(76px,12vh,104px);padding:8px 12px;background:linear-gradient(to bottom,var(--stone) 0 26%,var(--stone-1) 26%);border-top:3px solid var(--ink);position:relative;z-index:3}.basket{flex:1 1 0;min-width:0;align-self:stretch;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:2px;padding:8px 12px 6px;position:relative;background:repeating-linear-gradient(90deg,rgba(192,137,75,.35) 0 10px,transparent 10px 20px),var(--cream-2);border:3px solid var(--stone-1);border-radius:10px 10px 16px 16px}.basket__rim{position:absolute;top:-2px;left:-3px;right:-3px;height:8px;background:var(--stone-1);border-radius:6px}.basket__item{padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;line-height:0}.basket__item img{width:clamp(28px,8vw,40px);height:auto;display:block}.basket__item:focus-visible{outline:3px solid var(--ink-2);outline-offset:2px;border-radius:8px}.ctl{flex:none;width:clamp(56px,9vh,68px);aspect-ratio:1;display:grid;place-items:center;padding:0;border:3px solid var(--ink);border-radius:50%;background:var(--cream-1);color:var(--ink);cursor:pointer;touch-action:manipulation;transition:transform 90ms ease-out}.ctl:active{transform:scale(.94)}.ctl:focus-visible{outline:3px solid var(--ink-2);outline-offset:3px}.bell__glyph{position:relative;display:block;width:30px;height:17px;background:var(--gold);border:3px solid var(--ink);border-bottom:none;border-radius:30px 30px 0 0}.bell__glyph:before{content:"";position:absolute;left:50%;top:-9px;width:7px;height:7px;transform:translate(-50%);background:var(--ink);border-radius:50%}.bell__glyph:after{content:"";position:absolute;left:-9px;bottom:-6px;width:42px;height:6px;background:var(--ink);border-radius:3px}.give{background:var(--leaf-1)}.give__glyph{position:relative;display:block;width:6px;height:22px;margin-top:12px;background:var(--ink);border-radius:3px}.give__glyph:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-bottom:14px solid var(--ink);border-left:11px solid transparent;border-right:11px solid transparent}.shelves{flex:none;display:flex;flex-direction:column;gap:clamp(6px,1.4vh,12px);padding:clamp(8px,1.6vh,14px) 12px calc(clamp(8px,1.6vh,14px) + env(safe-area-inset-bottom));background:linear-gradient(var(--cream-1),var(--cream-2))}.shelf{display:flex;align-items:flex-end;gap:clamp(4px,1.2vw,10px);min-height:clamp(54px,8.5vh,86px);padding:2px 8px 0;border-bottom:9px solid var(--stone);box-shadow:0 12px 0 -3px var(--stone-1);border-radius:3px}.shelf--target{outline:3px dashed var(--ink-2);outline-offset:3px;border-radius:10px;animation:breathe 1.4s ease-in-out infinite;cursor:pointer}@keyframes breathe{0%,to{outline-color:var(--ink-2)}50%{outline-color:var(--stone-1)}}.good{flex:none;width:clamp(46px,12vw,72px);aspect-ratio:1;padding:2px;border:0;background:none;cursor:pointer;touch-action:manipulation;line-height:0;border-radius:12px;transition:transform .12s ease-out}.good img{width:100%;height:100%;display:block;pointer-events:none}.good:focus-visible{outline:3px solid var(--ink-2);outline-offset:2px}.good--picked{transform:translateY(-9px);outline:3px dashed var(--ink);outline-offset:2px;animation:held 1s ease-in-out infinite}@keyframes held{0%,to{transform:translateY(-9px)}50%{transform:translateY(-13px)}}.box{align-self:flex-start;display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:clamp(44px,7vh,64px);min-width:clamp(72px,20vw,120px);max-width:100%;padding:6px 10px;position:relative;background:repeating-linear-gradient(0deg,rgba(192,137,75,.5) 0 3px,transparent 3px 12px),var(--stone);border:3px solid var(--stone-1);border-radius:8px}.box__lid{position:absolute;top:-8px;left:-4px;right:-4px;height:8px;background:var(--stone-1);border-radius:4px}.box--target{outline:3px dashed var(--ink-2);outline-offset:3px;animation:breathe 1.4s ease-in-out infinite;cursor:pointer}.box--asleep{opacity:.45}.good--boxed{width:clamp(36px,9vw,52px)}.good--boxed:disabled{cursor:default}@media (prefers-reduced-motion: reduce){.order{animation:none}.good--picked{animation:none;transform:translateY(-9px)}.shelf--target,.box--target{animation:none}.ctl{transition:none}.ctl:active{transform:none}.good{transition:none}}