@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@500;700;900&family=Noto+Serif+Georgian:wght@700;800&display=swap";:root{--counter: 62%;--ink:#FFF6E4;--gold:#F0D89E;--panel:rgba(28,16,9,.62)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent!important;outline:none!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}*::selection{background:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#1b120c;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;touch-action:none;overscroll-behavior:none}#root{height:100%}img{display:block;-webkit-user-drag:none;pointer-events:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;width:100vw;overflow:hidden;color:var(--ink);font-family:Noto Sans Georgian,system-ui,sans-serif;touch-action:none}.bg-wall,.bg-counter{position:absolute;left:0;width:100%;object-fit:cover;filter:brightness(.8) saturate(.92)}.bg-wall{top:0;height:calc(var(--counter) / .475);object-position:50% 32%;z-index:0;clip-path:inset(0 0 52.5% 0)}.bg-counter{bottom:0;height:calc(100% / .525);object-position:50% 72%;z-index:1;clip-path:inset(47.5% 0 0 0)}.cloth{position:absolute;left:50%;bottom:0;width:130%;transform:translate(-50%);z-index:2;opacity:0;transition:opacity .6s ease;filter:brightness(.86)}.cloth.on{opacity:1}.hud{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:calc(env(safe-area-inset-top) + 10px) 12px 12px;background:linear-gradient(180deg,rgba(20,11,6,.88) 0%,rgba(20,11,6,.66) 62%,transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tag{font-size:10px;font-weight:700;letter-spacing:.26em;color:var(--gold);border:1px solid rgba(240,216,158,.4);border-radius:2px;padding:4px 9px}.hint{font-family:"Noto Serif Georgian",serif;font-weight:800;font-size:clamp(15px,3.6vw,21px);text-shadow:0 2px 10px rgba(0,0,0,.85)}.meter{font-size:11px;font-weight:700;letter-spacing:.14em;color:#fff6e49e;min-width:42px;text-align:center}.reset{width:26px;height:26px;border:1px solid rgba(240,216,158,.4);background:none;color:var(--gold);cursor:pointer;font-size:12px;font-family:inherit}.counter-zone{position:absolute;top:var(--counter);bottom:0;left:0;right:0;z-index:2}.counter-zone:after{content:"";position:absolute;left:0;right:0;top:0;height:16%;z-index:2;background:linear-gradient(rgba(0,0,0,.32),transparent);pointer-events:none}.gio{position:absolute;left:6%;top:-10vh;height:70%;aspect-ratio:343/460;z-index:0;pointer-events:none;animation:gioIdle 5.5s ease-in-out infinite}.gio>*{position:absolute}.gio .body{top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}.gio .face{left:17%;top:0;width:65%;transform-origin:50% 90%;-webkit-mask-image:linear-gradient(#000 48%,transparent 60%);mask-image:linear-gradient(#000 48%,transparent 60%);animation:pop .3s cubic-bezier(.2,1.8,.4,1)}@keyframes gioIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pop{0%{transform:scale(.86)}60%{transform:scale(1.05)}to{transform:scale(1)}}.wrap{position:absolute;left:50%;top:0;transform:translate(-50%,-52%);height:min(130%,92vw,400px);aspect-ratio:1;z-index:3;touch-action:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,transform .44s cubic-bezier(.2,1.25,.4,1)}.scene.on{opacity:1;transform:none}.scene.out{opacity:0;transform:scale(.62) rotate(-15deg);pointer-events:none}.scene.next{opacity:0;transform:scale(1.3) rotate(13deg);pointer-events:none}.board{position:absolute;left:50%;top:24%;height:64%;aspect-ratio:1.55;transform:translate(-50%)}.board .boardImg{position:absolute;left:0;bottom:0;width:100%;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))}.doughShade{position:absolute;left:53.4%;top:69%;width:34.5%;height:8%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#140a03e6,#140a0300 70%)}.dough{position:absolute;left:53.4%;top:62%;width:34.5%;transform:translate(-50%,-50%);will-change:transform;filter:drop-shadow(0 10px 12px rgba(0,0,0,.42))}.pin{position:absolute;left:53.4%;top:56%;width:69%;will-change:transform;z-index:3;filter:drop-shadow(0 16px 16px rgba(0,0,0,.6));animation:pinHint 1.2s ease-in-out infinite}.pin.touched{animation:none}@keyframes pinHint{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.tray{position:absolute;top:-4%;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:4}.ing,.raw{background:none;border:none;padding:0;cursor:grab;display:flex;flex-direction:column;align-items:center;transition:opacity .3s,transform .3s;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.ing img,.raw img{width:78px}.ing span{font-size:10px;font-weight:700;color:#fff6e4b8;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.ing.used,.raw.used{opacity:.35;filter:grayscale(1) drop-shadow(0 8px 10px rgba(0,0,0,.55));cursor:default}.ing.held,.raw.held{opacity:.2}.bowl{position:absolute;left:50%;bottom:9%;width:60%;transform:translate(-50%);will-change:transform;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}.bowl>img{width:100%}.bowl .bowlFront{position:absolute;left:0;top:0;z-index:30;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 47% 24% at 50% 30%,transparent 98.5%,#000 100%);mask-image:radial-gradient(ellipse 47% 24% at 50% 30%,transparent 98.5%,#000 100%)}.bowl .mixLayer{position:absolute;left:0;bottom:0;opacity:0;z-index:40}.bowl>img.drop{position:absolute;width:27%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.bowl .spoon{position:absolute;left:39%;top:-29%;width:55%;z-index:25;transform-origin:96% 2%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.disc{position:absolute;left:50%;top:50%;width:96%;transform:translate(-50%,-50%);cursor:grab;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}.discSpin{position:relative;will-change:transform}.discSpin>img{width:100%}.discSpin .over{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease}.finger{position:absolute;left:0;top:0;width:54px;height:54px;border-radius:50%;opacity:0;transition:opacity .15s;pointer-events:none;background:radial-gradient(circle,rgba(255,250,235,.55),rgba(255,240,200,.15) 55%,transparent 72%)}.ring{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;pointer-events:none}.guide{position:absolute;top:0;right:0;bottom:0;left:0;animation:sweep 2.6s linear infinite;pointer-events:none}.guide i{position:absolute;left:50%;top:2%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff7e6d9;box-shadow:0 0 14px #fff0c8e6}@keyframes sweep{to{transform:rotate(360deg)}}.stove{position:absolute;left:50%;top:96%;width:73%;transform:translate(-50%);pointer-events:none}.stove img{width:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.7))}.flame{position:absolute;bottom:50%;width:8%;height:36%;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse at 50% 100%,#eaf8ff,#6fc0ff 28%,#2a70ff 55%,#1e5aff00 78%);filter:blur(1.4px);transform-origin:50% 100%;opacity:.95;animation:flicker .3s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scaleY(.82) scaleX(1.08)}to{transform:scaleY(1.2) scaleX(.88)}}.potWrap{position:absolute;left:50%;bottom:4%;width:94%;transform:translate(-50%)}.pot{width:100%;position:relative;z-index:2;filter:drop-shadow(0 18px 22px rgba(0,0,0,.6))}.potFront{position:absolute;left:0;top:0;width:100%;z-index:5;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 39% 22% at 51% 23%,transparent 98.5%,#000 100%);mask-image:radial-gradient(ellipse 39% 22% at 51% 23%,transparent 98.5%,#000 100%)}.inPot{position:absolute;top:15%;width:19%;z-index:4;margin-left:-9.5%;-webkit-mask-image:linear-gradient(to bottom,#000 46%,transparent 74%);mask-image:linear-gradient(to bottom,#000 46%,transparent 74%)}.inPot img{width:100%;transition:opacity 1s ease}.inPot .cooked{position:absolute;top:0;right:0;bottom:0;left:0}.inPot>*{transition:transform 1.6s cubic-bezier(.4,.1,.3,1)}.inPot.sink{animation:sink .9s cubic-bezier(.45,0,.75,.6) forwards}@keyframes sink{0%{transform:translateY(-100px) scale(1.15) rotate(0);opacity:1}50%{transform:translateY(5%) scale(1) rotate(8deg);opacity:1}to{transform:translateY(48%) scale(.8) rotate(24deg);opacity:0}}.inPot.under{opacity:0}.inPot.up{animation:rise .9s cubic-bezier(.2,1.2,.4,1) forwards,bobble var(--dur) ease-in-out infinite var(--dl)}@keyframes rise{0%{transform:translateY(46%) scale(.78) rotate(var(--r0));opacity:0}to{transform:translateY(var(--ty)) scale(1) rotate(var(--r0));opacity:1}}@keyframes bobble{0%{transform:translateY(var(--ty)) rotate(var(--r0))}30%{transform:translate(var(--dx),calc(var(--ty) - 6%)) rotate(calc(var(--r0) + var(--sw)))}62%{transform:translate(calc(var(--dx) * -.6),calc(var(--ty) + 2%)) rotate(calc(var(--r0) - var(--sw) * .7))}to{transform:translateY(var(--ty)) rotate(var(--r0))}}.ripple{position:absolute;top:24%;width:14%;aspect-ratio:2.6;border-radius:50%;z-index:3;pointer-events:none;border:2px solid rgba(220,245,245,.75);transform:translate(-50%,-50%) scale(.3);animation:ripple 1s ease-out forwards}@keyframes ripple{to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.plateWrap{position:absolute;left:50%;bottom:6%;width:100%;transform:translate(-50%)}.plate{width:100%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}.onPlate{position:absolute;left:0;right:0;bottom:30%;display:flex;justify-content:center;align-items:flex-end}.eat{background:none;border:none;padding:0;margin:0 -12px;cursor:pointer;transition:transform .26s cubic-bezier(.2,1.6,.4,1)}.eat img{width:100px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45));animation:chew .3s cubic-bezier(.2,1.7,.4,1)}@keyframes chew{0%{transform:scale(1.08,.9)}50%{transform:scale(.94,1.06)}to{transform:none}}.eat.b2 img{clip-path:polygon(40% 0,100% 0,100% 100%,34% 100%,28% 88%,37% 74%,26% 60%,36% 46%,25% 32%,34% 18%)}.eat.b3 img{width:56px}.eat:active{transform:scale(.92)}.again{position:absolute;left:50%;bottom:-6%;transform:translate(-50%);padding:11px 28px;border:1px solid var(--gold);background:#f0d89e24;color:var(--gold);font-family:inherit;font-weight:700;font-size:12px;letter-spacing:.2em;cursor:pointer;z-index:6}.ghost{position:absolute;width:88px;transform:translate(-50%,-50%);pointer-events:none;z-index:30;filter:drop-shadow(0 14px 14px rgba(0,0,0,.6))}.field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.pt{position:absolute;left:0;top:0;border-radius:50%;background:#fff8ec;will-change:transform,opacity;box-shadow:0 0 6px #fff8ecb3}.pt.crumb{background:#e8d2a6;box-shadow:none}.pt.splash{background:#cfeff0;box-shadow:0 0 8px #beebf0d9}.pt.bubble{background:radial-gradient(circle at 35% 30%,#fff,#c8f0f080);box-shadow:0 0 4px #c8f0f0cc}.pt.steam{background:radial-gradient(circle,#ffffffb3,#fff0 70%);box-shadow:none;filter:blur(3px)}@media (max-aspect-ratio:3/4){:root{--counter:52%}.board{top:38%;height:50%}}@media (max-height:680px){:root{--counter:60%}.ing img,.raw img{width:64px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}.pin{animation:none}}