@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% - var(--counter)) / .525);object-position:50% 72%;z-index:0;clip-path:inset(47.5% 0 0 0)}.cloth{position:absolute;left:50%;bottom:0;width:130%;transform:translate(-50%);z-index:1;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:2}.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:0;height:57.5%;aspect-ratio:4/5;overflow:visible;z-index:0;pointer-events:none}.gio .L{position:absolute}.gio .L.mirror{transform:scaleX(-1)}.gio .idle,.gio .pose{position:absolute;top:0;right:0;bottom:0;left:0}.gio .pose{transform:rotate(calc(var(--rot,0deg) + var(--pose,0deg)));transition:transform .2s ease-in-out}.gio img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gio .L-bust>.idle{animation:gioBreathe 4s ease-in-out infinite}@keyframes gioBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-.6%)}}.gio.is-happy .L-head{--pose:-4deg}.gio .L-eyes_closed{opacity:0}.gio.is-blinking .L-eyes_closed{animation:gioBlink .14s ease-in-out}@keyframes gioBlink{0%,to{opacity:0}50%{opacity:1}}.gio .L-mouth_mid,.gio .L-mouth_open{opacity:0;transition:opacity .04s linear}.gio.is-mid .L-mouth_mid,.gio.is-open .L-mouth_open{opacity: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.big{top:14%;height:70%}.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)}}.sheet{position:absolute;left:59%;top:62.75%;width:44%;transform:translate(-50%,-50%)}.sheet img{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.cutPlate{position:absolute;left:88%;top:84%;width:38%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.cutRing{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.12)}.discCut{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:#f1e2c8;border:2px solid #E5CAA2;box-shadow:0 3px 6px #00000059,inset 0 -2px 4px #0000000f;will-change:transform;z-index:6}.cutter{position:absolute;left:0;top:0;width:24.3%;z-index:8;pointer-events:none;will-change:transform}.cutter .glass{display:block;width:100%;transform-origin:50% 87%;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)}}.stackPlate{position:absolute;left:4%;bottom:10%;width:30%;z-index:2}.stackPlate>img{width:100%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.stackPlate i{position:absolute;left:50%;top:44%;width:56%;aspect-ratio:1;border-radius:50%;background:#f1e2c8;border:2px solid #E5CAA2;box-shadow:0 3px 6px #00000059;transform:translate(-50%,-50%) translateY(calc(var(--i) * -3px)) rotate(calc(var(--i) * 5deg - 10deg))}.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}.grinder{position:absolute;left:50%;top:14%;width:44%;z-index:3}.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 7}@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 .mince{position:absolute;width:52%;z-index:1;transform:translate(-100%,-50%);clip-path:inset(0 0 0 100%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));will-change:transform}.grinder .mince.out{clip-path:inset(0 0 0 0);transition:clip-path 1.6s ease-out}.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)}}.hopIn{position:absolute;width:78px;z-index:40;pointer-events:none;transform:translate(-50%,-50%);animation:hopIn .35s ease-in forwards;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}@keyframes hopIn{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:.5}}.bowl{position:absolute;top:62%;width:32%;z-index:5;transform:translate(-50%);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;clip-path:inset(48% 0 0 0)}.bowl .bowlMix{position:absolute;left:50%;top:38%;width:76%;z-index:20;transform:translate(-50%,-50%);animation:popIn .3s cubic-bezier(.2,1.6,.4,1)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.6);opacity: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%)}.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%;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: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}}