.kdemo{position:relative;height:150px;perspective:360px;overflow:visible}.kdemo>*{position:absolute;left:50%}.kdemo__shadow{bottom:4px;width:90px;height:12px;margin-left:-45px;border-radius:50%;background:#2b1a122e}.kdemo__phone{top:22px;width:40px;height:74px;margin-left:-20px;transform-style:preserve-3d;z-index:2}.kdemo__front,.kdemo__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;border:3px solid var(--ink)}.kdemo__front{background:#3b3b46;transform:translateZ(4px);padding:6px 4px}.kdemo__back{background:#1d1d24;transform:translateZ(-4px)}.kdemo__screen{width:100%;height:100%;border-radius:4px;background:linear-gradient(160deg,#8ec5ff,#b26bff)}.kdemo .emo{position:absolute}.kdemo__board{bottom:10px;width:140px;height:30px;margin-left:-70px;border:3px solid var(--ink);border-radius:10px;background:repeating-linear-gradient(90deg,#e3a96b 0,#e3a96b 18px,#d99a5a 18px,#d99a5a 20px)}.kdemo__veg{left:10px;top:-14px;font-size:2rem;transform:rotate(-70deg)}.kdemo--chop .kdemo__phone{animation:kd-chop .6s ease-in infinite}@keyframes kd-chop{0%,to{transform:translateY(-14px) rotate(90deg) rotateY(62deg)}45%,60%{transform:translateY(30px) rotate(90deg) rotateY(62deg)}}.kdemo__slice{bottom:38px;width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:#ff9a2e;box-shadow:inset 0 0 0 3px #ffc27a;opacity:0;animation:kd-slice .6s ease-out infinite}.kdemo__slice--1{margin-left:14px;--sx: 26px}.kdemo__slice--2{margin-left:18px;--sx: 44px;animation-delay:.05s}.kdemo__slice--3{margin-left:10px;--sx: 12px;animation-delay:.1s}@keyframes kd-slice{0%,45%{opacity:0;transform:translate(0)}55%{opacity:1}to{opacity:0;transform:translate(var(--sx),-26px) rotate(140deg)}}.kdemo__flame{bottom:12px;width:70px;height:22px;margin-left:-35px;border-radius:50% 50% 40% 40%;background:radial-gradient(ellipse at 50% 100%,#ffb02e 0 40%,#ff5a2a 60%,transparent 72%);animation:kd-flicker .3s ease-in-out infinite alternate}@keyframes kd-flicker{to{transform:scaleY(1.25)}}.kdemo--fry .kdemo__phone{top:40px;animation:kd-flip 1s ease-in-out infinite}@keyframes kd-flip{0%,45%,to{transform:rotateX(64deg)}18%{transform:translateY(-6px) rotateX(22deg)}}.kdemo__toss{top:42px;margin-left:-16px;font-size:2rem;z-index:3;animation:kd-toss 1s ease-in-out infinite}@keyframes kd-toss{0%,10%,70%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-46px) rotate(180deg)}}.kdemo__pot,.kdemo__bowl,.kdemo__puddle{bottom:8px;width:130px;height:46px;margin-left:-65px;border-radius:50%;border:3px solid var(--ink)}.kdemo__pot{background:#7b7f8c}.kdemo__soup{position:absolute;top:6px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#e8432f;overflow:hidden}.kdemo__swirl{position:absolute;top:4px;right:20px;bottom:4px;left:20px;border-radius:50%;border:3px dashed rgba(255,255,255,.7);animation:kd-spin 1.2s linear infinite}@keyframes kd-spin{to{transform:rotate(360deg)}}.kdemo--stir .kdemo__phone,.kdemo--slip .kdemo__phone{top:30px;animation:kd-circle 1.2s linear infinite}@keyframes kd-circle{0%,to{transform:translate(26px) rotateX(64deg)}25%{transform:translateY(10px) rotateX(64deg)}50%{transform:translate(-26px) rotateX(64deg)}75%{transform:translateY(-10px) rotateX(64deg)}}.kdemo__slab{bottom:8px;width:140px;height:34px;margin-left:-70px;border:3px solid var(--ink);border-radius:10px;background:radial-gradient(circle at 20% 40%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,#fff 0 2px,transparent 3px),#f3e2c4}.kdemo__dough{position:absolute;left:50%;top:4px;width:60px;height:22px;margin-left:-30px;border-radius:50%;border:3px solid var(--ink);background:#fbe7c0;animation:kd-squish .9s ease-in-out infinite}@keyframes kd-squish{0%,to{transform:scale(1.25,.8)}50%{transform:scale(.85,1.15)}}.kdemo--knead .kdemo__phone,.kdemo--feathers .kdemo__phone{top:26px;animation:kd-push .9s ease-in-out infinite}@keyframes kd-push{0%,to{transform:translateY(16px) scale(1.08) rotateX(64deg)}50%{transform:translateY(-12px) scale(.88) rotateX(64deg)}}.kdemo__bowl{background:#8ec5ff;border-radius:10px 10px 65px 65px}.kdemo__batter{position:absolute;inset:4px 8px auto;height:14px;border-radius:50%;background:#ffe3a6;animation:kd-wobble .35s ease-in-out infinite alternate}@keyframes kd-wobble{to{transform:skew(12deg)}}.kdemo--mix .kdemo__phone,.kdemo--fire .kdemo__phone{top:30px;animation:kd-shake .35s ease-in-out infinite}@keyframes kd-shake{0%,to{transform:translate(-24px) rotateX(64deg) rotate(-8deg)}50%{transform:translate(24px) rotateX(64deg) rotate(8deg)}}.kdemo__drop{bottom:50px;width:9px;height:9px;border-radius:50%;border:2px solid var(--ink);background:#ffe3a6;opacity:0;animation:kd-splash .7s ease-out infinite}.kdemo__drop--1{margin-left:-40px;--sx: -18px}.kdemo__drop--2{margin-left:34px;--sx: 18px;animation-delay:.35s}@keyframes kd-splash{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--sx),-22px)}}.kdemo--juice .kdemo__phone{margin-left:-44px;animation:kpour-phone 4.5s ease-in-out infinite}.kdemo__glass{bottom:6px;margin-left:6px;font-size:2.6rem}.kdemo__stream{top:60px;margin-left:22px;width:7px;height:0;border-radius:4px;background:linear-gradient(#ffb02e,#ff8a3d);animation:kpour-stream 4.5s ease-in-out infinite}.kdemo__puddle{background:#6ebeffd9;border-color:#2f86d6;overflow:hidden;animation:kd-shrink 2.4s ease-in-out infinite}@keyframes kd-shrink{50%{transform:scale(.75)}}.kdemo__bubble{bottom:40px;width:10px;height:10px;border-radius:50%;border:2px solid #2f86d6;background:#ffffffe6;animation:kd-rise 1.2s ease-out infinite}.kdemo__bubble--1{margin-left:-30px}.kdemo__bubble--2{margin-left:24px;animation-delay:.6s}@keyframes kd-rise{0%{opacity:1;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-30px) scale(1.2)}}.kdemo__floor{bottom:10px;width:140px;height:10px;margin-left:-70px;border-radius:5px;background:repeating-linear-gradient(90deg,#9fe3ec 0,#9fe3ec 20px,#e6fbff 20px,#e6fbff 40px);border:2px solid var(--ink)}.kdemo--bonk .kdemo__phone{animation:kd-lift .7s ease-in-out infinite}@keyframes kd-lift{0%,to{transform:translateY(26px)}50%{transform:translateY(-10px)}}.kdemo__stars{top:4px;width:0;height:0;animation:kd-spin 1.4s linear infinite}.kdemo__stars .emo{font-size:1.1rem}.kdemo__stars .emo:nth-child(1){transform:translate(40px,-8px)}.kdemo__stars .emo:nth-child(2){transform:translate(-50px,-8px)}.kdemo__stars .emo:nth-child(3){transform:translate(-6px,30px)}.kdemo__feather{font-size:1.4rem;bottom:30px;animation:kd-float 1.4s ease-out infinite}.kdemo__feather--1{margin-left:-50px;--sx: -24px}.kdemo__feather--2{margin-left:30px;--sx: 24px;animation-delay:.45s}.kdemo__feather--3{margin-left:-10px;--sx: 6px;animation-delay:.9s}@keyframes kd-float{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--sx),30px) rotate(160deg)}}.kdemo__fire{bottom:6px;margin-left:-26px;font-size:3rem;animation:kd-dying 2.4s ease-in-out infinite}@keyframes kd-dying{0%{transform:scale(1)}80%,to{transform:scale(.4);opacity:.4}}.kdemo__foam{bottom:30px;width:16px;height:16px;border-radius:50%;border:2px solid #9ab8cc;background:#fff;opacity:0;animation:kd-foam .7s ease-out infinite}.kdemo__foam--1{margin-left:-36px}.kdemo__foam--2{margin-left:-6px;animation-delay:.23s}.kdemo__foam--3{margin-left:22px;animation-delay:.46s}@keyframes kd-foam{0%{opacity:0;transform:translateY(-40px) scale(.4)}30%{opacity:1}to{opacity:.8;transform:translateY(0) scale(1.3)}}.ctrl{min-height:100%;display:flex;flex-direction:column;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));max-width:520px;margin:0 auto;user-select:none;-webkit-user-select:none}.ctrl--join{align-items:center;justify-content:center}.ctrl--join .logo{margin-bottom:.5rem}.join{width:100%;display:flex;flex-direction:column;gap:.8rem}.join__room{font-size:1.1rem;margin:0}.join__room b{color:var(--yellow);letter-spacing:.12em}.join__label{font-weight:600}.ctrl__bar{display:flex;align-items:center;gap:.6rem}.ctrl__me{display:flex;align-items:center;gap:.5rem;flex:1;font-weight:700;font-size:1.15rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctrl__score{font-size:1.8rem;font-weight:700;color:var(--c);min-width:2ch;text-align:right;text-shadow:0 0 14px color-mix(in srgb,var(--c) 70%,transparent)}.ctrl__banner{text-align:center;padding:1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--c) 18%,transparent);border:2px solid color-mix(in srgb,var(--c) 60%,transparent)}.ctrl__banner h2{font-size:2rem;margin:0 0 .2rem}.ctrl__banner p{margin:0;color:var(--muted)}.ctrl__banner--playing{background:color-mix(in srgb,var(--c) 30%,transparent)}.ctrl__banner--playing h2{color:var(--c)}.ctrl__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.setup{width:100%;text-align:center;display:flex;flex-direction:column;gap:.8rem}.setup__phone{font-size:3.4rem;animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.tilt{display:flex;flex-direction:column;align-items:center;gap:.6rem}.tilt__ring{position:relative;width:220px;height:220px;border-radius:50%;border:3px solid color-mix(in srgb,var(--c) 70%,transparent);background:radial-gradient(circle,rgba(255,255,255,.06) 0 30%,transparent 31%),radial-gradient(circle,transparent 0 60%,rgba(255,255,255,.04) 61%);box-shadow:inset 0 0 40px color-mix(in srgb,var(--c) 25%,transparent)}.tilt__center{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#fff6;transform:translate(-50%,-50%)}.tilt__knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;border:4px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 22px var(--c)}.tilt__arrow{position:absolute;color:#ffffff4d;font-size:.9rem}.tilt__arrow--up{top:8px;left:50%;transform:translate(-50%)}.tilt__arrow--down{bottom:8px;left:50%;transform:translate(-50%)}.tilt__arrow--left{left:10px;top:50%;transform:translateY(-50%)}.tilt__arrow--right{right:10px;top:50%;transform:translateY(-50%)}.tilt__debug{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;color:var(--muted)}.touchpad{position:relative;width:min(80vw,300px);aspect-ratio:1;border-radius:50%;border:3px dashed color-mix(in srgb,var(--c) 70%,transparent);background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%);touch-action:none}.touchpad__knob{position:absolute;left:50%;top:50%;width:70px;height:70px;border-radius:50%;border:4px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 22px var(--c);pointer-events:none}.touchpad__hint{position:absolute;bottom:14%;width:100%;text-align:center;color:var(--muted);font-size:.85rem;pointer-events:none}.ctrl__foot{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.settings{width:100%;display:flex;flex-direction:column;gap:.7rem;padding:1rem}.settings label{display:flex;align-items:center;gap:.6rem;font-size:1.05rem}.settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--c)}:root{--ink: #2b1a12;--cream: #fffaf2;--tomato: #ff3d5a;--mustard: #ffd23f;--lime: #7cd651;--sky: #2de2e6;--comic: "Bangers", "Luckiest Guy", "Arial Black", Impact, system-ui, sans-serif}:root:root{--text: #2b1a12;--muted: #7a5a44}html body{background:radial-gradient(900px 500px at 0% 0%,rgba(255,210,63,.45),transparent 60%),radial-gradient(900px 600px at 100% 100%,rgba(255,61,90,.35),transparent 60%),#ff9f45;color:var(--ink)}.muted{color:#7a5a44}.klogo{font-family:var(--comic);font-weight:400;font-size:clamp(2.8rem,9vw,6rem);letter-spacing:.04em;color:var(--mustard);-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg);margin:0;line-height:1}.klogo span{color:var(--tomato)}.klogo--sm{font-size:1.9rem;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink)}.kcard{background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);padding:1.1rem}.kcard h2,.kcard h3{font-family:var(--comic);font-weight:400;letter-spacing:.03em}.kbtn{font:inherit;font-family:var(--comic);font-size:1.5rem;letter-spacing:.05em;color:var(--ink);background:var(--sky);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);padding:.5em 1.2em;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,box-shadow .08s ease}.kbtn:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.kbtn:disabled{opacity:.5;cursor:not-allowed}.kbtn--go{background:var(--mustard);width:100%;font-size:2rem;animation:kwiggle 2.4s ease-in-out infinite}.kbtn--go:disabled{animation:none}.kbtn--ghost{background:#fff}.kbtn--sm{font-size:1.05rem;padding:.35em .9em;box-shadow:0 4px 0 var(--ink);border-width:3px}@keyframes kwiggle{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-2deg) scale(1.02)}96%{transform:rotate(2deg) scale(1.02)}}@keyframes kboing{0%{transform:scale(.4) rotate(-8deg)}}.kpill{display:inline-block;background:var(--mustard);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.15em .8em;font-weight:700}.kicon{width:46px;height:46px;font-size:1.3rem;border-radius:50%;border:3px solid var(--ink);background:#fff;cursor:pointer}.kaward{display:inline-block;background:var(--mustard);border:2px solid var(--ink);border-radius:999px;padding:.05em .6em;font-size:.9rem;font-weight:700;color:var(--ink);margin:.15rem 0}.home .tagline{color:var(--ink);font-weight:700;text-align:center}.home__crew{display:flex;flex-wrap:wrap;justify-content:center}.home__card h2{font-size:1.8rem;margin:0}.home__card .muted{color:#7a5a44}.home__card .input,.kctrl--join .input{background:#fff;color:var(--ink);border:3px solid var(--ink)}.khost{height:100%;display:flex;flex-direction:column;overflow:hidden}.khost__bar{display:flex;align-items:center;gap:1.2rem;padding:.6rem 1.2rem;background:var(--ink);color:#fff}.khost__join{flex:1;text-align:center;font-size:1.25rem;color:#ffe2c4}.khost__join b{color:#fff}.khost__code{font-family:var(--comic);font-size:2rem;letter-spacing:.15em;color:var(--mustard)!important}.khost__right{display:flex;gap:.6rem;align-items:center}.khost__main{flex:1;min-height:0;overflow:auto}.karena{position:relative;width:100%;height:100%}.karena canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.klobby{display:grid;grid-template-columns:minmax(280px,360px) minmax(480px,880px);justify-content:center;gap:1.5rem;padding:1.5rem;align-items:start}.klobby__join{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem;transform:rotate(-1deg)}.klobby__qr{width:100%;max-width:250px;aspect-ratio:1;border:4px solid var(--ink);border-radius:16px;background:#fff;padding:8px}.klobby__url{font-weight:600;word-break:break-all;margin:.3rem 0 0}.klobby__label{margin:.5rem 0 0;font-weight:700;letter-spacing:.2em;font-size:.85rem;color:#7a5a44}.klobby__code{font-family:var(--comic);font-size:5rem;line-height:1;letter-spacing:.12em;color:var(--tomato);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);margin:0}.klobby__head{display:flex;justify-content:space-between;align-items:center}.klobby__hint{text-align:center;margin:.7rem 0 0;color:#7a5a44;font-weight:600}.kresults .klobby__hint{color:var(--ink)}.kslots{list-style:none;padding:0;margin:.3rem 0 .9rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.kslot{min-height:112px;border:3px dashed #d8bfa4;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem;text-align:center}.kslot__q{font-size:2.2rem;opacity:.35}.kslot--on{border:4px solid var(--ink);background:color-mix(in srgb,var(--c) 30%,var(--cream));box-shadow:4px 4px 0 var(--ink);animation:kboing .5s cubic-bezier(.3,1.8,.5,1)}.kslot__name{font-weight:700;word-break:break-word}.kslot__away{font-size:.75rem;font-weight:700;color:#c2410c}.kslot__boss{font-size:.7rem;font-weight:700;letter-spacing:.08em;background:var(--mustard);border:2px solid var(--ink);border-radius:999px;padding:0 .5em}.klobby__start{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin:.4rem 0 0;padding:.7rem 1rem;border:4px solid var(--ink);border-radius:18px;background:var(--mustard);font-family:var(--comic);font-size:1.6rem;letter-spacing:.04em;text-align:center}.klobby__start .kpill{font-family:inherit;background:#fff;font-size:1.1rem}.kheadchef{display:flex;flex-direction:column;gap:.6rem}.kstations{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem;margin-bottom:.8rem}.kstation{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.4rem .2rem;border:3px solid var(--ink);border-radius:14px;background:color-mix(in srgb,var(--c) 45%,var(--cream));font-size:.75rem;line-height:1.15}.kstation__icon{font-size:1.7rem}.kstation b{font-family:var(--comic);font-weight:400;font-size:1.15rem;letter-spacing:.04em}.khowto{margin:0 0 1rem;padding-left:1.3rem;line-height:1.6;font-weight:600}.kresults{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem 2rem}.kresults__hero{text-align:center}.kresults__winners{display:flex;justify-content:center;gap:1rem}.kresults__title{font-family:var(--comic);font-weight:400;font-size:clamp(2.8rem,7vw,5.2rem);margin:0;-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);animation:kboing .6s cubic-bezier(.3,1.8,.5,1)}.kresults__sub{font-weight:700;font-size:1.1rem}.ktable{border-collapse:separate;border-spacing:0 8px;width:min(1040px,100%);font-size:1.1rem}.ktable th{text-align:left;font-weight:700;padding:0 .8rem}.ktable td{background:var(--cream);padding:.35rem .8rem;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.ktable td:first-child{border-left:6px solid var(--c);border-radius:14px 0 0 14px}.ktable td:last-child{border-right:3px solid var(--ink);border-radius:0 14px 14px 0}.ktable__place{font-size:1.6rem;text-align:center}.ktable__pts{font-family:var(--comic);font-size:1.6rem}.ktable__who,.ktable__awards{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-weight:700}.kresults__next{width:min(460px,100%);text-align:center}.kctrl{min-height:100%;display:flex;flex-direction:column;gap:.65rem;padding:max(.7rem,env(safe-area-inset-top)) .7rem max(.7rem,env(safe-area-inset-bottom));max-width:560px;margin:0 auto;user-select:none;-webkit-user-select:none}.kctrl--join{align-items:center;justify-content:center;gap:1rem}.kctrl--join .join{background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.kctrl--join .join .muted{color:#7a5a44}.kctrl--join .join .btn--go{background:var(--mustard);color:var(--ink);border:4px solid var(--ink);font-family:var(--comic);font-size:1.8rem;letter-spacing:.05em;box-shadow:0 6px 0 var(--ink);border-radius:18px}.kctrl__bar{display:flex;align-items:center;gap:.45rem}.kctrl__me{flex:1;display:flex;align-items:center;gap:.3rem;min-width:0}.kctrl__me b{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kctrl__timer{font-family:var(--comic);font-size:1.6rem;background:var(--cream);border:3px solid var(--ink);border-radius:999px;padding:0 .6rem}.kctrl__timer.is-rush{background:var(--tomato);color:#fff;animation:kwiggle .8s infinite}.kctrl__score{font-family:var(--comic);font-size:1.9rem;color:var(--c);-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink);min-width:2ch;text-align:right}.kctrl .conn{background:var(--cream);color:var(--ink);border-color:var(--ink)}.krecipe{background:var(--cream);border:4px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink);padding:.5rem}.krecipe__dish{margin:0 0 .35rem;text-align:center;font-weight:700;font-size:1.05rem}.krecipe__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.krecipe__slot{position:relative;display:flex;flex-direction:column;align-items:center;padding:.3rem .1rem .25rem;border:3px solid var(--ink);border-radius:14px;background:color-mix(in srgb,var(--c) 40%,var(--cream));text-align:center}.krecipe__slot.is-done{background:#c9f7c1;opacity:.75}.krecipe__slot.is-active{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink);animation:kwiggle .8s infinite}.krecipe__sym{font-size:1.9rem;line-height:1}.krecipe__verb{font-family:var(--comic);font-size:1rem;letter-spacing:.04em}.krecipe__food{font-size:1.05rem;line-height:1}.krecipe__name{font-size:.68rem;font-weight:600;line-height:1.1}.krecipe__tick{position:absolute;top:-8px;right:-6px;width:24px;height:24px;border-radius:50%;background:#2bb02b;color:#fff;border:2px solid var(--ink);font-size:.8rem;display:grid;place-items:center}.kctrl__move{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center}.kctrl .tilt__ring{width:190px;height:190px;background:color-mix(in srgb,var(--c) 18%,var(--cream));border:4px solid var(--ink)}.kctrl .tilt__arrow{color:#2b1a1259}.kctrl .touchpad{width:min(64vw,240px);border:4px dashed var(--ink);background:color-mix(in srgb,var(--c) 18%,var(--cream))}.kctrl .touchpad__hint{color:#7a5a44}.kact{font:inherit;font-family:var(--comic);font-size:2.3rem;letter-spacing:.05em;min-height:108px;border:4px solid var(--ink);border-radius:24px;box-shadow:0 7px 0 var(--ink);color:var(--ink);background:#e9dccb;touch-action:manipulation}.kact:active:not(:disabled){transform:translateY(6px);box-shadow:0 1px 0 var(--ink)}.kact.is-go{background:var(--mustard);animation:kpulse .9s ease-in-out infinite}.kact.is-serve{background:#7cff6b;animation:kpulse .6s ease-in-out infinite}.kact.is-no,.kact.is-idle,.kact.is-hint{font-family:inherit;font-weight:700;font-size:1.35rem}.kact.is-hint{background:#c9f7c1}@keyframes kpulse{50%{transform:scale(1.04)}}.kctrl__foot{display:flex;flex-direction:column;align-items:center;gap:.5rem}.kctrl__foot--row{flex-direction:row;flex-wrap:wrap;justify-content:center}.kctrl__rank{font-weight:700}.kbanner{text-align:center;padding:.8rem;border:4px solid var(--ink);border-radius:20px;background:var(--c);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;align-items:center}.kbanner h2{font-family:var(--comic);font-weight:400;font-size:2.1rem;margin:0}.kbanner p{margin:0;font-weight:700}.kplace{text-align:center}.kplace h2{font-size:2.5rem;margin:0}.kplace--win{background:var(--mustard);animation:kboing .6s cubic-bezier(.3,1.8,.5,1)}.kplace__stats{font-weight:700}.khowto-card ol{margin:0;padding-left:1.2rem;line-height:1.45;font-weight:600}.kcustom h3{margin:0 0 .3rem}.kcustom__label{margin:.4rem 0 .3rem;font-weight:700}.kcustom__colors{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem}.kcustom__swatch{aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);font:inherit;font-weight:700;color:var(--ink);padding:0}.kcustom__swatch.is-on{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.kcustom__swatch.is-taken{opacity:.35}.kcustom__faces{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.kcustom__face{display:flex;flex-direction:column;align-items:center;font:inherit;font-weight:700;font-size:.8rem;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:14px;padding:.2rem}.kcustom__face.is-on{background:var(--mustard)}.ksetup{text-align:center;display:flex;flex-direction:column;gap:.6rem}.ksettings{width:100%;display:flex;flex-direction:column;gap:.55rem}.ksettings label{display:flex;align-items:center;gap:.55rem;font-weight:600}.ksettings input[type=checkbox]{width:22px;height:22px;accent-color:var(--ink)}.ksettings__label{font-weight:700;margin:0}.kslider{flex-direction:column;align-items:stretch!important}.kslider input{width:100%;accent-color:var(--tomato)}.kseg{display:flex;gap:.4rem}.kseg button{flex:1;font:inherit;font-weight:700;padding:.5rem .3rem;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink)}.kseg button.is-on{background:var(--mustard)}.kseg button:disabled{opacity:.4}.kready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kready h2{font-family:var(--comic);font-weight:400;font-size:3.4rem;margin:0;color:var(--mustard);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink)}.kready p{font-weight:700}.kpanel{flex:1;display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border:4px solid var(--ink);border-radius:22px;background:color-mix(in srgb,var(--c) 35%,var(--cream));box-shadow:5px 5px 0 var(--ink);position:relative}.kpanel__head{display:flex;align-items:center;gap:.6rem}.kpanel__icon{font-size:2.6rem}.kpanel__head h2{font-family:var(--comic);font-weight:400;font-size:1.7rem;margin:0;letter-spacing:.03em}.kpanel__head p{margin:0;font-weight:600}.kpanel__how{margin:0;text-align:center;font-weight:700}.kpanel__prompt{margin:0;text-align:center;font-family:var(--comic);font-size:1.9rem;letter-spacing:.04em}.kpanel__foot{margin-top:auto;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.kprog{position:relative;height:40px;border:4px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.kprog__fill{height:100%;background:repeating-linear-gradient(-45deg,var(--c),var(--c) 14px,color-mix(in srgb,var(--c) 70%,#fff) 14px,color-mix(in srgb,var(--c) 70%,#fff) 28px);transition:width .15s ease}.kprog__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--comic);font-size:1.35rem;letter-spacing:.04em}.kmotion{display:flex;flex-direction:column;gap:.4rem}.kmeter{height:14px;border:3px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.kmeter__fill{height:100%;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(.02)}.kflash{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:var(--comic);font-size:3.2rem;-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink);pointer-events:none;animation:kboing .3s cubic-bezier(.3,1.8,.5,1)}.kflash.is-good{color:#fff}.kflash.is-bad{color:var(--tomato)}.kgesture{height:88px;display:grid;place-items:center;font-size:3.4rem}.kgesture .emo{display:inline-block}.kgesture--chop .emo{animation:g-chop .5s ease-in infinite;transform-origin:center}.kgesture--fry .emo{animation:g-flip .9s ease-in-out infinite;transform-origin:bottom center}.kgesture--stir .emo{animation:g-stir 1.1s linear infinite}.kgesture--knead .emo{animation:g-knead .9s ease-in-out infinite}.kgesture--mix .emo{animation:g-mix .35s ease-in-out infinite}.kgesture--juice .emo{animation:g-pour 2.6s ease-in-out infinite;transform-origin:center}@keyframes g-chop{0%,to{transform:translateY(-18px) rotate(90deg)}50%{transform:translateY(14px) rotate(90deg)}}@keyframes g-flip{0%,60%,to{transform:rotate(0)}25%{transform:rotate(-35deg) translateY(-10px)}}@keyframes g-stir{0%{transform:rotate(0) translate(22px) rotate(0)}to{transform:rotate(360deg) translate(22px) rotate(-360deg)}}@keyframes g-knead{0%,to{transform:translateY(-14px) scale(.92)}50%{transform:translateY(14px) scale(1.08)}}@keyframes g-mix{0%,to{transform:translate(-18px)}50%{transform:translate(18px)}}@keyframes g-pour{0%,10%{transform:perspective(220px) rotateX(0) rotate(0)}28%,38%{transform:perspective(220px) rotateX(0) rotate(90deg)}50%,78%{transform:perspective(220px) rotateX(38deg) rotate(90deg)}90%,to{transform:perspective(220px) rotateX(0) rotate(90deg)}}.ktouch{font:inherit;font-family:var(--comic);font-size:1.7rem;letter-spacing:.05em;min-height:80px;border:4px solid var(--ink);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 6px 0 var(--ink);touch-action:none}.ktouch:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.ktouch--big{width:100%;min-height:110px;font-size:2.2rem;background:var(--mustard)}.khint{margin:.2rem 0 0;text-align:center;font-size:.85rem;font-weight:600;grid-column:1 / -1}.kalt{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.kalt--v{grid-template-columns:1fr}.kflip{display:flex;flex-direction:column;gap:.6rem}.kflip__track{position:relative;height:34px;border:4px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.kflip__track.is-good{background:#c9f7c1}.kflip__track.is-bad{background:#ffc2c9}.kflip__zone{position:absolute;left:38%;width:24%;top:0;bottom:0;background:#7cd651}.kflip__mark{position:absolute;top:-4px;bottom:-4px;width:10px;margin-left:-5px;background:var(--ink);border-radius:4px}.kstir{display:flex;flex-direction:column;align-items:center}.kstir__pad{position:relative;width:min(70vw,230px);aspect-ratio:1;border-radius:50%;border:5px solid var(--ink);background:radial-gradient(circle,#ff8a6b 0,#ff8a6b 55%,#7b7f8c 56%,#7b7f8c);touch-action:none}.kstir__spoon{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kstir__spoon .emo{position:absolute;right:6%;top:50%;transform:translateY(-50%);font-size:2.2rem}.kpour{display:flex;flex-direction:column}.kpour__btn{position:relative;overflow:hidden}.kpour__fill{position:absolute;left:0;right:0;bottom:0;height:0;background:#ff8c1e8c;pointer-events:none}.kpour__label{position:relative}.kpour__btn.is-release{background:#7cff6b;animation:kpulse .4s infinite}.kpour__btn.is-spilled{background:#ffc2c9}.dpad{display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(3,70px);gap:6px}.dpad__btn{font-size:1.8rem;border:4px solid var(--ink);border-radius:18px;background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--ink);touch-action:none}.dpad__btn.is-on{background:var(--c);transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.dpad__up{grid-column:2;grid-row:1}.dpad__left{grid-column:1;grid-row:2}.dpad__right{grid-column:3;grid-row:2}.dpad__down{grid-column:2;grid-row:3}@media(max-width:1000px){.klobby{grid-template-columns:1fr}.kslots{grid-template-columns:repeat(2,1fr)}.kstations{grid-template-columns:repeat(3,1fr)}.khost__join{display:none}}.kpour3d{position:relative;height:130px;perspective:320px;display:grid;place-items:center}.kpour3d__shadow{position:absolute;bottom:6px;left:50%;width:70px;height:12px;margin-left:-35px;border-radius:50%;background:#2b1a1240;animation:kpour-shadow 3.2s ease-in-out infinite}.kpour3d__phone{position:relative;width:40px;height:74px;transform-style:preserve-3d;animation:kpour-phone 3.2s ease-in-out infinite}.kpour3d__front,.kpour3d__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;border:3px solid var(--ink)}.kpour3d__front{background:#3b3b46;transform:translateZ(4px);padding:6px 4px}.kpour3d__back{background:#1d1d24;transform:translateZ(-4px)}.kpour3d__screen{width:100%;height:100%;border-radius:4px;background:linear-gradient(160deg,#8ec5ff,#b26bff);animation:kpour-screen 3.2s ease-in-out infinite}.kpour3d__stream{position:absolute;top:58%;left:calc(50% + 34px);width:7px;height:0;border-radius:4px;background:linear-gradient(#ffb02e,#ff8a3d);animation:kpour-stream 3.2s ease-in-out infinite}.kpour3d__glass{position:absolute;bottom:4px;left:calc(50% + 22px);font-size:2rem}@keyframes kpour-phone{0%,8%{transform:rotate(0)}18%,85%{transform:rotate(90deg)}95%,to{transform:rotate(0)}}@keyframes kpour-screen{0%,to{filter:brightness(1)}50%{filter:brightness(.8)}}@keyframes kpour-shadow{0%,10%{transform:scaleX(.6)}28%,38%,90%,to{transform:scaleX(1.1)}50%,78%{transform:scaleX(.9)}}@keyframes kpour-stream{0%,17%{height:0;opacity:0}22%,84%{height:40px;opacity:1}90%,to{height:0;opacity:0}}.krecover{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:1rem;border:5px solid var(--ink);border-radius:24px;background:#ffe0e5;text-align:center;animation:kboing .4s cubic-bezier(.3,1.8,.5,1),krecover-flash 1s ease-in-out infinite}.krecover--slip{background:#d6f1ff}.krecover--feathers{background:#fff6d6}.krecover--fire{background:#ffd9c2}.krecover h2{font-family:var(--comic);font-weight:400;font-size:2rem;line-height:1.05;margin:0}.krecover__icon{font-size:3.6rem;line-height:1;animation:kwiggle .6s infinite}.krecover__how{margin:0;font-weight:700;font-size:1.15rem}@keyframes krecover-flash{50%{box-shadow:0 0 0 6px var(--tomato)}}.kact.is-fire{background:#ff8a3d}.kresults__stage{display:flex;flex-direction:column;align-items:center}.kresults__crowd{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;opacity:.55;filter:saturate(.55);margin-bottom:-46px}.kresults__stage .kresults__winners{position:relative;z-index:1}.emo{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.22em;object-fit:contain;-webkit-user-select:none;user-select:none}.emo--txt{width:auto;height:auto;vertical-align:baseline}.home{position:relative}.home>:not(.home__chase){position:relative;z-index:1}.home__chase{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4;z-index:0}.kpush{position:relative;overflow:hidden;height:40px;border:3px solid var(--ink);border-radius:999px;background:#e9dccb;color:var(--ink);font:inherit;font-weight:700;padding:0}.kpush:disabled{opacity:1;cursor:default}.kpush__fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--c, #ffb02e) 60%,#fff);transition:width .12s linear}.kpush__label{position:relative;font-size:.95rem}.kpush.is-ready{animation:kpulse 1.2s ease-in-out infinite}.kpush.is-ready .kpush__fill{background:var(--c, #ff5a2a)}.kpush.is-ready .kpush__label{letter-spacing:.06em}.kpushed{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(92vw,420px);z-index:50;padding:.6rem .9rem;border:4px solid var(--ink);border-radius:16px;background:#ffe0e5;box-shadow:0 5px 0 var(--ink);color:var(--ink);font-weight:700;text-align:center;animation:kboing .35s cubic-bezier(.3,1.8,.5,1)}.kmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#2b1a1299}.kmodal__card{width:min(100%,380px);display:flex;flex-direction:column;gap:.7rem;text-align:center;animation:kboing .35s cubic-bezier(.3,1.8,.5,1)}.kmodal__card h2,.kmodal__card p{margin:0}.kmodal__icon{font-size:3rem;align-self:center}:root{--bg: #120a2b;--bg-2: #1c1245;--card: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .12);--text: #f7f4ff;--muted: #b3a9d9;--pink: #ff3d7f;--cyan: #2de2e6;--yellow: #ffd23f;--lime: #7cff6b;--danger: #ff6b8b;--radius: 20px;--font: "Fredoka", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(255,61,127,.22),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(45,226,230,.18),transparent 60%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0 0 .4em;line-height:1.1}p{margin:0 0 .6em}code{background:#ffffff1a;padding:.1em .35em;border-radius:6px;font-size:.9em}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.gold{color:var(--yellow)}.error{color:var(--danger);font-weight:600;margin-top:.6em}.warn{background:#ffd23f1f;border:1px solid rgba(255,210,63,.4);color:#ffe9a6;border-radius:12px;padding:.6em .8em;font-size:.9rem}.note{background:#2de2e61a;border:1px solid rgba(45,226,230,.35);border-radius:12px;padding:.6em .8em;font-size:.95rem}.logo{font-size:clamp(2.6rem,8vw,5rem);font-weight:700;letter-spacing:.02em;color:var(--cyan);text-shadow:0 0 24px rgba(45,226,230,.6);transform:rotate(-3deg);margin:0}.logo span{color:var(--pink);text-shadow:0 0 24px rgba(255,61,127,.6)}.logo--sm{font-size:1.6rem;transform:rotate(-2deg)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.4rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.narrow{max-width:420px;width:100%}.btn{font:inherit;font-weight:700;font-size:1.05rem;border:none;border-radius:999px;padding:.8em 1.6em;background:var(--cyan);color:#08061a;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,filter .15s ease,opacity .15s}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--big{font-size:1.3rem;padding:.9em 1.8em;width:100%;min-height:60px}.btn--go{background:linear-gradient(135deg,var(--pink),#ff7a59);color:#fff;box-shadow:0 8px 24px #ff3d7f59}.btn--ghost{background:transparent;color:var(--text);border:1.5px solid var(--card-border)}.btn--sm{font-size:.9rem;padding:.5em 1em}.icon-btn{font-size:1.3rem;background:var(--card);border:1px solid var(--card-border);border-radius:999px;width:44px;height:44px;cursor:pointer}.input{font:inherit;font-size:1.3rem;width:100%;padding:.75em .9em;border-radius:14px;border:2px solid var(--card-border);background:#00000040;color:var(--text);outline:none}.input:focus{border-color:var(--cyan)}.input--code{text-align:center;letter-spacing:.35em;font-size:2rem;font-weight:700;text-transform:uppercase}.pill{display:inline-block;padding:.25em .8em;border-radius:999px;background:var(--card);border:1px solid var(--card-border);font-weight:600;font-size:.9rem}.avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c, var(--cyan));color:#08061a;font-weight:700;font-size:1.2rem;border:3px solid #fff;flex:none;box-shadow:0 0 16px color-mix(in srgb,var(--c, var(--cyan)) 60%,transparent)}.avatar--sm{width:30px;height:30px;font-size:.9rem;border-width:2px}.avatar--lg{width:64px;height:64px;font-size:1.8rem}.conn{display:inline-flex;align-items:center;gap:.45em;font-size:.85rem;font-weight:600;padding:.3em .75em;border-radius:999px;background:var(--card);border:1px solid var(--card-border);white-space:nowrap}.conn__dot{width:9px;height:9px;border-radius:50%}.conn--on .conn__dot{background:var(--lime);box-shadow:0 0 8px var(--lime)}.conn--off{color:var(--yellow)}.conn--off .conn__dot{background:var(--yellow);animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}.center-screen{min-height:100%;display:grid;place-items:center;padding:1.5rem;text-align:center}.home{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem 2rem}.home__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.tagline{font-size:1.2rem;color:var(--muted)}.home__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;width:100%;max-width:760px}.home__card{display:flex;flex-direction:column;gap:.8rem}