:root{--ink: #4E4677;--cream: #FDF2E0;--cream-1: #FBE3C8;--cream-2: #EDD6B0;--stone: #D5A46B;--stone-1: #C0894B;--sky: #5C93E8;--sky-1: #8FB6F0;--leaf: #5FBB6E;--orange: #F58A4B;--yellow-1: #FBDD8E;--food: min(16vw, 12vh);--hero: min(72vw, 46vh)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--cream);font-family:system-ui,sans-serif;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}img{-webkit-user-drag:none}.counter{height:100%;display:flex;flex-direction:column;background:linear-gradient(var(--cream) 72%,var(--stone) 72%,var(--stone) 76%,var(--cream-1) 76%)}.counter__scene{flex:1;min-height:0;position:relative}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.counter__nav{display:flex;align-items:center;justify-content:space-between;padding:8px max(12px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom))}.counter__slot{width:64px;height:64px;display:grid;place-items:center}.shape{width:64px;height:64px;border-radius:50%}.shape svg{width:100%;height:100%;display:block}.shape:disabled{opacity:.35}.shape:active:not(:disabled){transform:scale(.92)}.counter__dots{display:flex;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:var(--cream-2);border:1.5px solid var(--ink)}.dot--here{background:var(--orange)}.scene--pantry{gap:3vh}.shelf{display:grid;grid-template-columns:repeat(5,var(--food));gap:min(2vw,12px);justify-content:center}.shelf__food{width:var(--food);height:var(--food);border-radius:18%;background:var(--cream-1);border:2px solid var(--cream-2);display:grid;place-items:center;transition:transform 80ms ease-out}.shelf__food:active{transform:scale(.9)}.shelf__food img{width:82%;height:82%}.bowl{position:relative;width:var(--hero);height:calc(var(--hero) * .78)}.bowl__img{position:absolute;left:0;top:12%;width:100%;z-index:2;pointer-events:none}.bowl__food{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bowl__item{position:absolute;width:24%;transform:translate(-50%,-50%);display:block}.bowl--big .bowl__item{width:38%}.bowl__piece{position:absolute;width:100%;left:0;top:0}.bowl__item{aspect-ratio:1}.bowl__take{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.bowl__take .bowl__item{pointer-events:none}.bowl__twinkle{position:absolute;width:46%;right:-12%;top:-14%;animation:twinkle 1.6s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(.8)}50%{transform:scale(1.1) rotate(12deg)}}.bowl__take{pointer-events:none}.bowl__take .bowl__item{pointer-events:auto}.sink{position:relative;touch-action:none;padding:5vh 12vw 4vh}.tap{position:absolute;left:50%;top:1.5vh;width:calc(var(--hero) * .34);height:calc(var(--hero) * .13);transform:translate(-78%);pointer-events:none;z-index:3}.tap__spout{position:absolute;left:0;top:0;width:100%;height:42%;background:var(--sky-1);border:3px solid var(--ink);border-radius:999px 999px 0}.tap__spout:after{content:"";position:absolute;right:6%;top:70%;width:20%;height:210%;background:var(--sky-1);border:3px solid var(--ink);border-top:none;border-radius:0 0 40% 40%}.tap__spout:before{content:"";position:absolute;left:-8%;top:-34%;width:16%;height:168%;background:var(--cream-2);border:3px solid var(--ink);border-radius:4px}.tap__handle{position:absolute;left:12%;top:-58%;width:30%;height:64%;background:var(--cream-1);border:3px solid var(--ink);border-radius:8px 8px 2px 2px}.tap__handle:after{content:"";position:absolute;left:30%;bottom:-8px;width:40%;height:10px;background:var(--cream-1);border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.stream{position:absolute;left:50%;top:calc(1.5vh + var(--hero) * .12);width:calc(var(--hero) * .06);height:calc(var(--hero) * .42);transform:translate(calc(-50% + var(--hero) * .02));border-radius:0 0 40% 40%;background:linear-gradient(var(--sky-1) 55%,rgba(190,231,245,.15));z-index:3;opacity:0;transition:opacity .14s ease-out;pointer-events:none;z-index:2}.sink--on .stream{opacity:1;animation:pour .5s linear infinite}@keyframes pour{0%{background-position:0 0}to{background-position:0 14px}}.fx-bubble{position:absolute;border-radius:50%;background:var(--sky-1);border:1.5px solid var(--cream);pointer-events:none;z-index:4}.fx-sparkle{position:absolute;pointer-events:none;z-index:4}.board{position:relative;width:min(84vw,58vh);padding:3vh 0 1vh;touch-action:manipulation}.board__top{height:calc(var(--hero) * .22);border-radius:16px;background:var(--stone);border:2.5px solid var(--stone-1)}.board__row{display:flex;justify-content:center;gap:2%;margin-bottom:-4%;position:relative;z-index:1}.board__row+.board__row{margin-top:-7%;z-index:2}.board__spot{position:relative;aspect-ratio:1}.board__food{position:absolute;width:100%;left:0;top:0}.bowl__item,.board__spot{animation:bob 2.6s ease-in-out infinite}.bowl__item:nth-child(2n),.board__spot:nth-child(2n){animation-delay:-.9s}.bowl__item:nth-child(3n),.board__spot:nth-child(3n){animation-delay:-1.7s}.bowl__item:nth-child(5n),.board__spot:nth-child(5n){animation-duration:3.1s}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-5px}}.stir{position:relative;touch-action:none;padding:12vh 10vw 4vh}.stir__spoon{position:absolute;width:calc(var(--hero) * .42);left:50%;top:53%;transform:translate(-50%,-50%) translate(calc(var(--hero) * .12),calc(var(--hero) * -.0935)) rotate(-185deg);pointer-events:none;z-index:3}.scene--mix .bowl__img{z-index:1}.scene--mix .bowl__food{z-index:2}.scene--wash .bowl__img{z-index:1}.scene--wash .bowl__food{z-index:2}.hob{position:relative;padding:4vh 14vw}.pot{position:relative;width:var(--hero);touch-action:manipulation}.pot img{width:100%;display:block}.steam{position:absolute;width:10px;height:26px;border-radius:8px;background:var(--cream-1);opacity:0;pointer-events:none}.pot--steaming .steam,.dish .steam{animation:rise 2.2s ease-out infinite}.steam--a{left:38%;top:4%}.steam--b{left:50%;top:0;animation-delay:.7s!important}.steam--c{left:62%;top:6%;animation-delay:1.3s!important}@keyframes rise{0%{opacity:0;transform:translateY(6px) scaleY(.7)}25%{opacity:.85}to{opacity:0;transform:translateY(-44px) scaleY(1.2)}}.scene--plate{gap:3vh}.dish{position:relative;width:var(--hero);aspect-ratio:1.5}.dish__plate{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%)}.dish__glow{position:absolute;left:12%;top:26%;width:76%;height:52%;border-radius:50%;background:var(--yellow-1);opacity:.5}.dish__food{position:absolute;top:0;right:0;bottom:0;left:0}.dish__piece{position:absolute}.dish__twinkle{position:absolute;width:9%;transform:translate(-50%,-50%);animation:twinkle 1.6s ease-in-out infinite}.dish__garnish{position:absolute;width:7%;transform:translate(-50%,-50%)}.dish .steam--a{left:40%;top:12%}.dish .steam--b{left:50%;top:8%}.dish .steam--c{left:60%;top:14%}.dish__again{margin-top:1vh}.scene__row{display:flex;align-items:center;gap:5vw}.shape--small{width:52px;height:52px}.shape--big{width:76px;height:76px}.guests{display:grid;grid-template-columns:repeat(5,min(15vw,11vh));gap:min(2.4vw,14px);justify-content:center}.guests__face{width:min(15vw,11vh);height:min(15vw,11vh);border-radius:50%;background:var(--cream-1);border:2px solid var(--cream-2);display:grid;place-items:center;overflow:hidden;transition:transform 80ms ease-out}.guests__face:active{transform:scale(.9)}.guests__face img{width:88%;height:88%;object-fit:contain;object-position:50% 12%;transform:scale(1.55);transform-origin:50% 18%}.scene--table{justify-content:flex-start;padding-top:4vh;gap:1vh}.table__stage{position:relative;width:min(88vw,64vh);height:min(58vh,80vw)}.table__friend{position:absolute;left:50%;bottom:34%;height:72%;transform:translate(-50%)}.table__friend--off{visibility:hidden}.table__board{position:absolute;left:4%;bottom:12%;width:92%;height:15%;border-radius:14px;background:var(--stone);border:2.5px solid var(--stone-1)}.table__dish{position:absolute;left:50%;bottom:2%;width:62%;transform:translate(-50%);transition:transform .6s ease-out,opacity .6s ease-out}.table__dish .dish{width:100%}.table__dish--arrive{transform:translate(-50%) translateY(18%);opacity:.2}.namecard{display:flex;flex-direction:column;align-items:center;gap:1.6vh}.namecard__name{font-size:min(6.4vw,30px);font-weight:700;padding:8px 22px;background:var(--cream-1);border:2px solid var(--cream-2);border-radius:999px;max-width:88vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.namecard__input{font:inherit;color:var(--ink);font-size:15px;text-align:center;background:var(--cream);border:2px solid var(--cream-2);border-radius:12px;padding:7px 12px;width:min(70vw,320px);outline:none}.namecard__input:focus{border-color:var(--sky-1)}.namecard__input::placeholder{color:var(--stone-1)}.counter__top{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;justify-content:space-between;z-index:10}.counter__top .shape,.gate{width:54px;height:54px}.gate{border-radius:50%;touch-action:none}.gate svg{width:100%;height:100%;display:block}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#4e467759}.sheet__card{background:var(--cream);border:2.5px solid var(--ink);border-radius:20px;padding:20px 22px;width:min(86vw,340px);display:flex;flex-direction:column;gap:14px}.sheet__title{margin:0;font-size:19px}.sheet__row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.sheet__row input{width:22px;height:22px;accent-color:#5FBB6E}.sheet__danger,.sheet__close{font-size:15px;padding:10px;border-radius:12px;border:2px solid var(--cream-2);background:var(--cream-1)}.sheet__danger{color:#d5544a;border-color:#ec6a5e}.scene--book{justify-content:flex-start;padding:max(10px,env(safe-area-inset-top)) 4vw 0}.book{width:100%;max-width:720px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px 12px 12px 4px}.book__page{position:relative;background:var(--cream-1);border:2px solid var(--cream-2);border-radius:16px}.book__serve{display:flex;flex-direction:column;align-items:center;width:100%;padding:8px 8px 10px;gap:2px}.book__serve .dish{width:100%;aspect-ratio:1.5}.book__serve .steam{display:none}.book__name{font-size:14px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book__remove{position:absolute;top:-8px;right:-8px;width:28px;height:28px}.book__remove svg{width:100%;height:100%}@media (prefers-reduced-motion: reduce){.bowl__twinkle,.dish__twinkle,.bowl__item,.board__spot{animation:none}.steam{animation:none!important}.table__dish{transition:none}}.ticket{display:flex;flex-direction:column;gap:6px;padding:8px 12px 0;flex:0 0 auto}.ticket__row{display:flex;align-items:center;gap:8px;min-width:0}.ticket__face{width:46px;height:46px;flex:0 0 auto;object-fit:contain}.ticket__bubble{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;padding:6px 10px;background:var(--cream-1);border:2.5px solid var(--ink);border-radius:16px;position:relative}.ticket__bubble:before{content:"";position:absolute;left:-9px;top:50%;width:12px;height:12px;margin-top:-6px;background:var(--cream-1);border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg);border-radius:0 0 0 3px}.ticket__want{width:34px;height:34px;object-fit:contain}.ticket__step{width:26px;height:26px}.ticket__sep{width:2px;height:22px;background:var(--cream-2);border-radius:1px;margin:0 2px}.clock{height:12px;background:var(--cream-2);border:2px solid var(--ink);border-radius:7px;overflow:hidden}.clock__bar{display:block;height:100%;background:var(--leaf);transition:width .22s linear,background-color .4s ease}.clock__bar[style*="width: 3"],.clock__bar[style*="width: 2"]{background:var(--orange)}.clock__bar[style*="width: 1"],.clock__bar[style*="width: 0"]{background:#ec6a5e}.clock__bar--done{background:var(--cream-2)}.ticket--heat1 .clock{box-shadow:0 0 0 3px #fbdd8e8c}.ticket--heat2 .clock{box-shadow:0 0 0 4px #f58a4b8c}.ticket--heat3 .clock{box-shadow:0 0 0 5px #ec6a5e99}.ticket--heat2 .ticket__bubble{border-color:var(--orange)}.ticket--heat3 .ticket__bubble{border-color:#ec6a5e}.scene--closed{justify-content:center;gap:3vh;width:100%;padding:0 4vw}.day{display:flex;align-items:flex-end;gap:12px;width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:none}.day::-webkit-scrollbar{display:none}.day__none{height:22vh}.day__plate{flex:0 0 auto;width:26vw;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px}.day__face{width:46px;height:46px;object-fit:contain}.day__plate--wrong{opacity:.55;filter:saturate(.6)}.day .dish{width:100%}.best{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.best__mark{width:12px;height:12px;border-radius:50%;background:var(--cream-2);border:2px solid var(--ink)}.best__mark--today{background:var(--leaf)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media (prefers-reduced-motion: reduce){.clock__bar{transition:none}}.fx-fly{position:fixed;z-index:60;pointer-events:none;object-fit:contain}.fx-confetti{position:absolute;z-index:40;pointer-events:none;border-radius:2px;border:1.5px solid var(--ink)}.fx-ring{position:absolute;z-index:39;pointer-events:none;width:190px;height:190px;border-radius:50%;border:5px solid var(--yellow-1)}.pot__foam{position:absolute;width:17%;top:33%;aspect-ratio:1;background:var(--cream);border:2.5px solid var(--ink);border-radius:50%;opacity:0;transform:scale(.3);pointer-events:none;transition:opacity .25s linear,transform .4s ease-out,top .4s ease-out;z-index:2}.pot__foam--a{left:24.5%}.pot__foam--b{left:38%;width:24%;top:30%}.pot__foam--c{left:58.5%}.pot--rising .pot__foam{opacity:1;transform:scale(1)}.pot--rising .pot__foam--b{transform:scale(1.1) translateY(-10%)}.pot--over .pot__foam{opacity:1;transform:scale(1.15) translateY(-10%)}.pot--over .pot__foam--a{transform:scale(1.15) translate(-20%,-2%)}.pot--over .pot__foam--c{transform:scale(1.15) translate(20%,-2%)}.pot__drip{position:absolute;top:45%;width:7%;height:0;background:var(--cream);border-left:2.5px solid var(--ink);border-right:2.5px solid var(--ink);border-radius:0 0 60% 60%;opacity:0;pointer-events:none;z-index:2}.pot__drip--l{left:22%}.pot__drip--r{left:71%}.pot--over .pot__drip{animation:drip .9s ease-out forwards}.pot--over .pot__drip--r{animation-delay:.12s}@keyframes drip{0%{height:0;opacity:1}60%{height:30%;opacity:1}to{height:30%;opacity:0}}.pot--rising img{animation:swell .62s ease-in-out infinite alternate}@keyframes swell{0%{transform:scale(1)}to{transform:scale(1.045)}}@media (prefers-reduced-motion: reduce){.pot__foam{transition:opacity .25s linear;transform:none}.pot--rising .pot__foam,.pot--over .pot__foam{transform:none}.pot--rising img{animation:none}.pot--over .pot__drip{animation:none;opacity:0}}.scene--home{gap:4vh;padding:0 5vw}.doors{display:flex;gap:4vw;width:100%;max-width:460px;justify-content:center}.door{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;background:var(--cream-1);border:3px solid var(--ink);border-radius:24px;box-shadow:0 4px #4e467773}.door:active{transform:translateY(3px);box-shadow:none}.door__badge{width:30%;max-width:74px;display:block}.door__peek{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:4px;width:100%;max-width:150px;margin:0 auto}.door__peek img{width:100%;max-width:44px;aspect-ratio:1;object-fit:contain}.ticket__face--bouncy{animation:wait-bouncy .9s ease-in-out infinite}.ticket__face--brisk{animation:wait-brisk 1.5s ease-in-out infinite}.ticket__face--calm{animation:wait-calm 3.4s ease-in-out infinite}@keyframes wait-bouncy{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}}@keyframes wait-brisk{0%,to{transform:rotate(0)}30%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}}@keyframes wait-calm{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px) rotate(1.6deg)}}.book__day{position:relative;display:flex;align-items:center;width:100%;padding:6px 34px 6px 4px;background:var(--cream-1);border:2.5px solid var(--ink);border-radius:18px}.day--page{padding:2px;gap:8px}.day--page .day__plate{width:66px}.day--page .day__face{width:30px;height:30px}@media (prefers-reduced-motion: reduce){.ticket__face--bouncy,.ticket__face--brisk,.ticket__face--calm{animation:none}}.gap{position:absolute;left:50%;top:46%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--cream-1);border:2.5px solid var(--ink);border-radius:16px;z-index:6;animation:gap-in .26s ease-out}.gap:after{content:"";position:absolute;left:50%;top:-9px;width:12px;height:12px;margin-left:-6px;background:var(--cream-1);border-left:2.5px solid var(--ink);border-top:2.5px solid var(--ink);transform:rotate(45deg);border-radius:3px 0 0}.gap img,.gap svg{width:34px;height:34px;object-fit:contain}.gap--extra img,.gap--extra svg{opacity:1}.gap--extra:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:3px;background:#ec6a5e;border-radius:2px;transform:rotate(-8deg);z-index:1}@keyframes gap-in{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.gap{animation:none}}.ticket--look .ticket__bubble{border-color:var(--orange)}.ticket--look .ticket__bubble:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:22px;border:3px solid var(--orange);pointer-events:none;opacity:0;animation:look 1.5s ease-out 5}@keyframes look{0%{transform:scale(.97);opacity:.95}75%{transform:scale(1.09);opacity:0}to{transform:scale(1.09);opacity:0}}@media (prefers-reduced-motion: reduce){.ticket--look .ticket__bubble:after{animation:none;opacity:1}}