: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}.rub{position:relative;touch-action:none;padding:10vh 12vw 4vh}.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:38%;top:-9%;transform:rotate(180deg);z-index:5;pointer-events:none}.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}}