@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%;--zone: 38dvh;--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% - var(--counter)) / .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}.reset.dev{width:auto;padding:0 8px;font-size:10px;letter-spacing:.1em}.counter-zone{position:absolute;top:var(--counter);bottom:0;left:0;right:0;z-index:3}.counter-zone:after{content:"";position:absolute;left:0;right:0;top:0;height:16%;z-index:-1;background:linear-gradient(rgba(0,0,0,.32),transparent);pointer-events:none}.gio{position:absolute;left:3%;bottom:calc(100% - var(--counter) - 2vh);width:min(46%,58vh);aspect-ratio:1;z-index:0;pointer-events:none;transform-origin:50% 100%;transition:transform .5s ease-in-out}.gio.is-happy{transform:rotate(-3deg) scale(1.03);transition-duration:.35s}.gio .bob,.gio .sway{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.gio .bob{animation:gioBob 4s ease-in-out infinite}.gio .sway{animation:gioSway 6s ease-in-out infinite}@keyframes gioBob{0%,to{transform:translateY(0)}50%{transform:translateY(-.7%)}}@keyframes gioSway{0%,to{transform:rotate(0)}50%{transform:rotate(.8deg)}}.gio img{position:absolute;left:0;top:0;width:100%;transition:opacity .06s linear}.gio .talk,.gio .blink{opacity:0}.gio.is-talk .talk{opacity:1}.gio .blink{transition:opacity .12s ease-out}.gio.is-blink .blink{opacity:1;transition-duration:.07s}.gio.fast .blink{transition-duration:.06s}.gio.fast.is-blink .blink{transition-duration:.05s}.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}.scene.on{animation:sceneIn .26s ease-out .12s both}.scene.out{animation:sceneOut .22s ease-in forwards;pointer-events:none}@keyframes sceneIn{0%{opacity:0}to{opacity:1}}@keyframes sceneOut{0%{opacity:1}to{opacity:0}}.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)}}.trayWrap{position:absolute;left:50%;bottom:calc(48% - .96 * var(--zone));width:var(--trayW);aspect-ratio:1;transform:translate(-50%);z-index:1;--trayW:min(90vw,62vh)}.trayWrap:before{content:"";position:absolute;left:10%;right:10%;bottom:1%;height:12%;border-radius:50%;background:#00000040;filter:blur(14px)}.trayWrap .trayImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.sheet{position:absolute;left:50%;top:50%;width:78%;transform:translate(-50%,-50%)}.sheet>img{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.cutMark{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.12);pointer-events:none}.cutBoard{position:absolute;left:calc(50% - 47vw);bottom:calc(48% - .92 * var(--zone));width:calc(min(90vw,62vh) * 30 / 90);z-index:5;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.discCut{position:absolute;z-index:6;will-change:transform;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.cutter{position:absolute;left:0;top:0;width:27.1%;z-index:8;pointer-events:none;will-change:transform}.cutter .glass{display:block;width:100%;transform-origin:50% 83%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))}.cutter.press .glass{animation:cutPress .11s ease-in-out}.cutter.shake .glass{animation:cutShake .2s ease-in-out}@keyframes cutPress{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes cutShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.stackBoard{position:absolute;left:2%;bottom:10%;width:30%;z-index:1}.stackBoard>img{width:100%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.fanDisc{position:absolute;width:56%;transform:translate(-50%,-50%) rotate(var(--r));filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.tray{position:absolute;right:max(calc(50% - 47vw),-60%);top:calc(52% - 89dvh + var(--zone));width:min(60vw,420px);display:flex;justify-content:space-between;align-items:flex-start;z-index:8}.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:min(13vw,90px)}.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}.grindZone{position:absolute;left:50%;bottom:calc(48% - var(--zone));width:var(--cw);height:var(--zone);transform:translate(-50%);--cw:min(100vw,66vh)}.grinder{position:absolute;right:0;bottom:6%;width:54%;z-index:2}.grinder .grinderImg{position:relative;width:100%;z-index:2;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}.grinder.grinding{animation:grinderShake .25s linear 8.8}@keyframes grinderShake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px,1px)}50%{transform:translate(1.5px,-1px)}75%{transform:translate(-1px,-1.5px)}}.grinder .hopMask{position:absolute;z-index:3;transform:translate(-50%,-50%);pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 96%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 96%,transparent 100%)}.grinder .hopMask img{position:absolute;left:50%;top:50%;width:43px;transform:translate(-50%,-50%);animation:hopSink .38s ease-in forwards}@keyframes hopSink{to{transform:translate(-50%,calc(-50% + 40px));opacity:0}}.mince{position:absolute;z-index:4;transform-origin:100% 50%;transform:translate(-100%,-50%) rotate(var(--r0));clip-path:inset(0 0 0 100%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));will-change:transform,clip-path}.mince.out{clip-path:inset(0 0 0 0);transform:translate(-100%,-50%) rotate(var(--r1));transition:clip-path 2.2s ease-in-out,transform 2.2s ease-in-out}.mince.gone{opacity:0;transition:clip-path 2.2s ease-in-out,transform 2.2s ease-in-out,opacity .4s linear}.grindBtn{position:absolute;aspect-ratio:1;border:none;padding:0;background:none;cursor:pointer;z-index:4;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.grindBtn img{display:block;width:100%}.grindBtn.pulse{animation:btnPulse .9s ease-in-out infinite}.grindBtn.down{animation:btnDown .09s ease-out forwards}@keyframes btnPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes btnDown{to{transform:translate(-50%,-50%) translateY(3px)}}.bowl{position:absolute;bottom:3%;width:36%;z-index:3;transform:translate(-50%);filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}.bowl>img{width:100%}.bowl .bowlMix{position:absolute;left:50%;top:38%;width:76%;z-index:20;transform:translate(-50%,-50%) scale(0);will-change:transform}.bowlFrontEl{position:absolute;bottom:3%;width:36%;z-index:6;transform:translate(-50%);pointer-events:none;clip-path:inset(48% 0 0 0)}.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%)}.progressRing{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)}}.potWrap{position:absolute;left:50%;bottom:calc(48% - .96 * var(--zone));width:var(--potW);transform:translate(-50%);z-index:2;--potW:min(82vw,55vh)}.stove{position:absolute;left:50%;bottom:calc(48% - .96 * var(--zone) - .41 * var(--stoveW));width:var(--stoveW);transform:translate(-50%);pointer-events:none;z-index:1;--stoveW:min(96vw,64vh);clip-path:inset(0 0 45.5% 0)}.stove img{width:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.7))}.flame{position:absolute;bottom:52%;width:4%;height:26%;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)}}.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:22%;z-index:4;margin-left:-11%;will-change:transform;-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}.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:calc(48% - .94 * var(--zone));width:min(94vw,62vh);transform:translate(-50%)}.plate{width:100%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}.onPlate{position:absolute;left:0;right:0;top:42%;display:flex;justify-content:center;align-items:center;gap:1%}.eat{position:relative;width:27%;aspect-ratio:360/319;background:none;border:none;padding:0;cursor:pointer;transition:transform .26s cubic-bezier(.2,1.6,.4,1)}.eat img{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.eat .kh,.eat .kudi{-webkit-mask-image:radial-gradient(ellipse 53% 53% at 50% 50%,#000 92%,transparent 100%);mask-image:radial-gradient(ellipse 53% 53% at 50% 50%,#000 92%,transparent 100%)}.eat .khC{opacity:1;transition:opacity .15s linear}.eat .khB{opacity:0;transition:opacity .15s linear}.eat .kudi{width:44.4%;opacity:0}.eat.b1 .khC,.eat.b2 .khC{opacity:0}.eat.b1 .khB{opacity:1;animation:popBite .15s ease-out}.eat.b2 .khB{animation:shrinkAway .2s ease-in forwards}.eat.b2 .kudi{opacity:1;animation:kudiIn .35s cubic-bezier(.2,1.7,.4,1) .12s both}@keyframes popBite{0%{transform:translate(-50%,-50%) scale(1.06)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes shrinkAway{to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes kudiIn{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}.eat .juice{position:absolute;left:78%;top:44%;width:3px;height:3px;border-radius:50%;background:#e9c46a;opacity:0;pointer-events:none}.eat.b1 .juice{animation:juiceDrop .45s ease-in .1s forwards}@keyframes juiceDrop{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(12px)}}.eat:active{transform:scale(.92)}.again{position:absolute;left:50%;bottom:12%;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%;--zone:48dvh}.board{top:38%;height:50%}}@media (max-height:680px){:root{--counter:60%;--zone:40dvh}.ing img,.raw img{width:64px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}.pin{animation:none}}