/* Cozinha da Maya: bancada embaixo, área do passo no meio, tigela/panela à esquerda, Maya à direita. */
.ck-game .ck-svg{display:block;width:100%;height:100%;overflow:visible}
.ck-maya{position:absolute;right:2%;bottom:28%;width:36%;max-width:250px;z-index:3}
.ck-side{position:absolute;left:3%;bottom:29%;width:52%;max-width:340px;height:21%;z-index:4}
/* armário embaixo da bancada: portas e puxadores, para a cozinha não ficar vazia */
.ck-counter{position:absolute;left:4%;right:4%;bottom:3%;height:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:3%;pointer-events:none;z-index:1;background:linear-gradient(90deg,#f6dcb6 0 31.3%,transparent 31.3% 34.4%,#f6dcb6 34.4% 65.6%,transparent 65.6% 68.7%,#f6dcb6 68.7%);border-radius:14px;box-shadow:inset 0 0 0 4px #d9a873}
.ck-counter::before,.ck-counter::after{content:'';position:absolute;top:18%;width:5%;height:16%;border-radius:8px;background:#b9814d}
.ck-counter::before{left:27%}.ck-counter::after{right:27%}
.ck-vessel{position:absolute;inset:auto 0 0 0;height:100%;display:block}
.ck-vessel>.ck-svg{position:absolute;inset:0}
.ck-blender{width:40%;left:24%;height:140%;inset:auto auto 0 24%}
.ck-fill{position:absolute;left:12%;right:12%;bottom:22%;height:calc(var(--level,0)*50%);border-radius:0 0 40% 40%;background:var(--ck-fill,#ffd88a);opacity:.85;transition:height .9s ease;pointer-events:none}
.ck-blender .ck-fill{left:20%;right:20%;bottom:30%;height:calc(var(--level,0)*62%);border-radius:4px 4px 10px 10px}
.ck-fill.milk{background:linear-gradient(#fff,#f6f1e4)}
.ck-fill.smooth{background:color-mix(in srgb,var(--ck-fill,#ffd88a) 40%,#fff)}
.ck-in{position:absolute;bottom:34%;width:22%;rotate:var(--r);animation:ck-drop .45s cubic-bezier(.3,1.5,.5,1) both;pointer-events:none}
.ck-in>*{width:100%;height:auto}
.ck-blender .ck-in{bottom:38%;width:30%}
.ck-pan .ck-in{bottom:40%}
.ck-stirring .ck-in{animation:ck-swirl 1.4s linear infinite}
.ck-vessel[data-mixed] .ck-in{filter:saturate(1.15)}
.ck-spoon{position:absolute;left:50%;top:36%;width:42%;height:10px;margin-top:-5px;background:#c98b55;border-radius:6px;transform-origin:0 50%;pointer-events:none}
.ck-stirpad{position:absolute;inset:-20% -6% 0;z-index:5;border-radius:50%}
.ck-blending{animation:ck-shake .12s linear infinite}
.ck-layer{position:absolute;left:18%;width:64%;bottom:calc(36% + var(--i)*14%);pointer-events:none}
.ck-layer>*{width:100%;height:auto}
.ck-layer-cheese,.ck-layer-tomato{width:56%;left:22%}
.ck-yolk{position:absolute;left:38%;bottom:42%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffb81f 0 38%,#fff 40% 100%);box-shadow:0 2px 4px #0002;animation:ck-drop .5s ease-out both}
.ck-dish{z-index:8}
.ck-eaten>*:not(.ck-svg){animation:ck-gone .9s ease-in forwards}

.ck-stage{position:absolute;left:5%;right:5%;top:13%;height:38%;display:grid;place-items:center;z-index:5}
.ck-sink,.ck-board{position:relative;width:min(88%,420px);aspect-ratio:200/110}
.ck-sink>.ck-svg,.ck-board>.ck-svg{position:absolute;inset:0}
.ck-food{position:absolute;left:30%;top:2%;width:40%;aspect-ratio:1;display:grid;place-items:center;filter:sepia(calc((1 - var(--clean,0))*.7)) brightness(calc(.75 + var(--clean,0)*.25));transition:filter .2s}
.ck-food>*{width:100%;height:100%;object-fit:contain}
.ck-dirty::after{content:'';position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 30% 40%,#8b6a4a88 0 12%,transparent 13%),radial-gradient(circle at 66% 62%,#8b6a4a77 0 10%,transparent 11%),radial-gradient(circle at 54% 30%,#8b6a4a66 0 8%,transparent 9%);opacity:calc(1 - var(--clean,0))}
.ck-bubbles{position:absolute;inset:0;pointer-events:none}
.ck-bubbles i{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 30%,#d9f1ff 32% 100%);border:2px solid #fff;animation:ck-bubble .9s ease-out forwards}

.ck-peel{position:relative;width:min(56%,260px);aspect-ratio:1}
.ck-peel-fruit{position:absolute;inset:8%;rotate:90deg}
.ck-peel-fruit>*{width:100%;height:100%;object-fit:contain}
.ck-peel-fruit.peeled{filter:sepia(.1) saturate(.4) brightness(1.25)}
.ck-strip{position:absolute;top:6%;width:22%;height:68%;border-radius:40% 40% 20% 20%;background:linear-gradient(90deg,var(--pc1,#f7d046),var(--pc2,#ffe27a) 50%,var(--pc1,#e8b923));border:3px solid var(--pc3,#a8813a);transform-origin:50% 92%;transition:rotate .5s cubic-bezier(.3,1.4,.5,1),translate .5s;touch-action:none;cursor:grab;z-index:2}
.ck-strip-0{left:18%;rotate:-6deg}.ck-strip-1{left:39%}.ck-strip-2{left:60%;rotate:6deg}
.ck-strip.off.ck-strip-0{rotate:-150deg;translate:-10% 10%}
.ck-strip.off.ck-strip-1{rotate:175deg;translate:0 16%}
.ck-strip.off.ck-strip-2{rotate:150deg;translate:10% 10%}

.ck-cutfood{position:absolute;left:14%;right:14%;top:4%;bottom:14%}
.ck-slice{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--b)) 0 var(--a));translate:calc(var(--gap,0)*7%) 0;transition:translate .35s cubic-bezier(.3,1.5,.5,1)}
.ck-slice>*{width:100%;height:100%;object-fit:contain}
.ck-line{position:absolute;top:-6%;bottom:-6%;width:44px;margin-left:-22px;touch-action:none;cursor:pointer;z-index:3}
.ck-line::before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:4px dashed #5a3d3a;opacity:.75}
.ck-line.cut::before{opacity:0}
.ck-knife{position:absolute;top:-24%;left:50%;width:36%;translate:-12% 0;pointer-events:none;z-index:4;opacity:0}
.ck-knife.chop{animation:ck-chop .45s ease-in-out}

.ck-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.ck-piece{width:min(22%,120px);aspect-ratio:1;display:grid;place-items:center;background:#fffdf6;border-radius:20px;box-shadow:0 4px 10px #4b373922;touch-action:none}
.ck-piece>*{width:84%;height:84%;object-fit:contain}
.ck-piece-slice>*{clip-path:inset(0 calc(100% - var(--b)) 0 var(--a))}
.ck-carton{width:min(30%,130px);aspect-ratio:120/140;touch-action:none}
.ck-pouring{position:absolute;left:40%;top:-70%;width:60%;rotate:-60deg;animation:ck-tilt 1.2s ease-in-out both;pointer-events:none}
.ck-blend{width:min(28%,120px);aspect-ratio:1;cursor:pointer}
.ck-cup{position:relative;width:min(28%,120px);aspect-ratio:100/110;cursor:pointer}
.ck-cup>.ck-svg{position:absolute;inset:0;z-index:2}
.ck-cup-fill{position:absolute;left:22%;right:22%;bottom:9%;height:0;background:color-mix(in srgb,var(--ck-fill,#ffd88a) 40%,#fff);border-radius:0 0 8px 8px;transition:height .9s ease}
.ck-cup.full .ck-cup-fill{height:74%}
.ck-egg{width:min(34%,180px);aspect-ratio:1;display:grid;place-items:center;cursor:pointer;position:relative}
.ck-egg>*{width:100%;height:100%;object-fit:contain}
.ck-egg[data-cracks]::after{content:'';position:absolute;left:30%;right:30%;top:42%;height:14%;background:linear-gradient(135deg,transparent 45%,#5a3d3a 46% 54%,transparent 55%) 0 0/25% 100% repeat-x;opacity:calc(var(--o,1))}
.ck-egg.open{animation:ck-gone .7s ease-in forwards}

.ck-hand{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-10px 0 0 -18px;z-index:20;pointer-events:none;filter:drop-shadow(0 3px 4px #0003)}
.ck-hand-tap{animation:ck-hand-tap 1.2s ease-in-out 2}
.ck-hand-down{animation:ck-hand-down 1.2s ease-in-out 2}
.ck-hand-rub{animation:ck-hand-rub 1.3s ease-in-out 2}
.ck-hand-drag{animation:ck-hand-drag 1.3s ease-in-out 2}
.ck-hand-circle{animation:ck-hand-circle 1.3s linear 2}
.ck-hand-hold{animation:ck-hand-hold 1.3s ease-in-out 2}

@keyframes ck-drop{from{translate:0 -120%;opacity:0}to{translate:0 0;opacity:1}}
@keyframes ck-swirl{to{rotate:calc(var(--r) + 360deg)}}
@keyframes ck-shake{0%,100%{translate:0 0}25%{translate:-3px 1px}75%{translate:3px -1px}}
@keyframes ck-gone{to{opacity:0;scale:.3}}
@keyframes ck-bubble{from{scale:.3;opacity:1}to{scale:1.3;translate:0 -40%;opacity:0}}
@keyframes ck-chop{0%{opacity:1;translate:-12% -30%}50%{opacity:1;translate:-12% 40%}100%{opacity:0;translate:-12% -10%}}
@keyframes ck-tilt{from{rotate:0deg}40%,80%{rotate:-70deg}to{rotate:-20deg;opacity:0}}
@keyframes ck-hand-tap{0%,100%{scale:1}50%{scale:.8}}
@keyframes ck-hand-down{from{translate:0 -40%}to{translate:0 60%}}
@keyframes ck-hand-rub{0%,100%{translate:-40% 0}50%{translate:40% 0}}
@keyframes ck-hand-drag{from{translate:0 0}to{translate:-60% 160%}}
@keyframes ck-hand-circle{from{rotate:0deg;transform-origin:-20% -20%}to{rotate:360deg;transform-origin:-20% -20%}}
@keyframes ck-hand-hold{0%,100%{scale:1}20%,80%{scale:.82}}
@media(orientation:landscape){.ck-stage{left:26%;right:24%;top:8%;height:58%}.ck-side{left:2%;width:24%;bottom:30%;height:30%}.ck-maya{width:20%;bottom:28%}.ck-counter{height:20%}}
@media(prefers-reduced-motion:reduce){.ck-in,.ck-stirring .ck-in,.ck-blending,.ck-bubbles i,.ck-knife.chop,.ck-pouring,.ck-hand{animation:none}}
.ck-peel-mandarin{--pc1:#f39a2b;--pc2:#ffc062;--pc3:#b9661a}.ck-peel-potato{--pc1:#b98a5a;--pc2:#d6aa78;--pc3:#7d5634}
.ck-peel-mandarin .ck-peel-fruit,.ck-peel-potato .ck-peel-fruit{rotate:0deg}
.ck-peel-mandarin .ck-peel-fruit.peeled{filter:saturate(.7) brightness(1.12)}.ck-peel-potato .ck-peel-fruit.peeled{filter:sepia(.4) saturate(.5) brightness(1.3)}