.ladybug-demo .missing-recipe{overscroll-behavior:contain;color:#fff6e8;background:#2a1626;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Poppins,Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden auto}.missing-recipe::backdrop{background:#2a1626}.missing-recipe[data-screen=intro]{--recipe-chrome:400px}.missing-recipe .recipe-backdrop{z-index:0;filter:blur(28px)saturate(1.2)brightness(.55);background:50%/cover no-repeat;transition:background-image .6s;position:fixed;inset:-40px}.missing-recipe>:not(.recipe-backdrop){z-index:1;position:relative}.missing-recipe .recipe-top{padding:max(12px,env(safe-area-inset-top))max(14px,env(safe-area-inset-right))8px max(14px,env(safe-area-inset-left));grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;display:grid}.recipe-top__spacer{width:44px}.recipe-top__title{text-align:center;justify-items:center;display:grid}.missing-recipe .recipe-top__title h2{letter-spacing:-.02em;text-shadow:0 2px #7a0c25,0 3px 12px #1b0a1a99;margin:0;font-size:clamp(18px,3.4vw,26px);line-height:1.1}.recipe-top__title span{color:#ffd6c2;font-size:12px;font-weight:600}.missing-recipe .recipe-cases{width:min(980px,100% - 28px);margin:0 auto;padding:max(4px,8vh) 0 28px}.missing-recipe .recipe-cases__lede{text-align:center;color:#f7e3dc;max-width:560px;margin:0 auto 18px;font-size:14px;line-height:1.55}.recipe-cases__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ladybug-demo .recipe-case{color:#281321;text-align:left;--button-edge:#cbb6a8;--button-highlight:#fff;background:#fff6e8;border:0;border-radius:22px;align-content:start;gap:4px;padding:0 0 14px;display:grid;overflow:hidden}.recipe-case:disabled{opacity:.62}.recipe-case__art{aspect-ratio:16/9;background:50%/cover no-repeat;margin-bottom:8px;display:block}.recipe-case:disabled .recipe-case__art{filter:grayscale(.7)blur(1px)}.recipe-case__number{color:#b0162f;text-transform:uppercase;letter-spacing:.04em;padding:0 14px;font-size:11px;font-weight:700}.recipe-case strong{padding:0 14px;font-size:18px;line-height:1.2}.recipe-case__stars{color:#7b5a69;align-items:center;gap:4px;padding:4px 14px 0;font-size:12px;font-weight:600;display:flex}.recipe-case__stars svg,.recipe-result__stars svg{width:24px;height:24px}.missing-recipe svg[data-lit] path{fill:#e3cfc7}.missing-recipe svg[data-lit=true] path{fill:#ff8fb8}.missing-recipe .recipe-play{padding-bottom:max(16px,env(safe-area-inset-bottom));justify-items:center;gap:10px;width:min(1180px,100% - 24px);margin:0 auto;display:grid}.recipe-hud{max-width:calc((100dvh - var(--recipe-chrome,360px))*16/9);justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:min(100%,560px);display:flex}.recipe-clock{color:#281321;font-variant-numeric:tabular-nums;background:#fff6e8;border-radius:50px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:16px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 3px #cbb6a8}.recipe-clock small{color:#8a6b78;font-size:11px;font-weight:600}.recipe-clock:after{width:calc(var(--spent)*100%);content:"";background:#e8a33c;height:4px;transition:width .5s;position:absolute;bottom:0;left:0}.recipe-clock[data-late=true]{color:#c4001a;animation:1s steps(2,end) infinite recipe-tick}.recipe-clock[data-late=true]:after{background:#e80007}.recipe-steps{gap:6px;display:flex}.recipe-steps i{background:#ffffff38;border-radius:50%;width:12px;height:12px;transition:background .3s,transform .3s}.recipe-steps i[data-active=true]{background:#fff6e8;transform:scale(1.15)}.recipe-steps i[data-done=true]{background:#85ed29}.ladybug-demo .recipe-vision{color:#fff;--button-edge:#860014;background:#e8001b;border:0;border-radius:50px;align-items:center;gap:6px;min-height:40px;padding:0 8px 0 14px;font:700 13px/1 Poppins,Inter,sans-serif;display:inline-flex}.recipe-vision b{background:#16101a;border-radius:50%;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.recipe-vision:disabled{opacity:.5}.recipe-art{max-width:calc((100dvh - var(--recipe-chrome,360px))*16/9);aspect-ratio:16/9;background:#4a2c3c;border-radius:20px;width:100%;min-width:min(100%,560px);position:relative;overflow:hidden;box-shadow:0 0 0 4px #fff6e8,0 18px 46px #12050f99;container-type:size}.recipe-art__scroll{scrollbar-width:none;position:absolute;inset:0;overflow:hidden}.recipe-art__scroll::-webkit-scrollbar{display:none}.recipe-art__camera{transition:transform .55s cubic-bezier(.3,1.1,.4,1);position:absolute;inset:0}.recipe-swipe-hint{display:none}.recipe-art img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.recipe-art svg{width:100%;height:100%;position:absolute;inset:0}.recipe-art polygon{fill:#0000;stroke:#0000;cursor:zoom-in;vector-effect:non-scaling-stroke;transition:fill .2s,stroke .2s}.recipe-art polygon:focus-visible{fill:#fff6e83a;stroke:#fff6e8;stroke-width:2.5px;outline:none}@media (hover:hover){.recipe-art polygon:hover{fill:#fff6e830;stroke:#fff6e8cc;stroke-width:2px}}.recipe-art polygon[data-tried=true]{cursor:default}.recipe-art polygon[data-vision]{fill:#ff2b4a2e;stroke:#fff;stroke-width:3px;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ff3a55);animation:.8s ease-in-out infinite alternate recipe-vision-pulse}.recipe-vision-veil{pointer-events:none;background:radial-gradient(circle at 3% 8%,#16101a99 0 14px,#0000 15px),radial-gradient(circle at 97% 10%,#16101a99 0 18px,#0000 19px),radial-gradient(circle at 2% 92%,#16101a99 0 20px,#0000 21px),radial-gradient(circle at 98% 92%,#16101a99 0 15px,#0000 16px),radial-gradient(circle at 50% 2%,#16101a99 0 12px,#0000 13px),radial-gradient(#0000 50%,#e8001b99 100%);animation:3.2s both recipe-veil;position:absolute;inset:0}.recipe-miss{pointer-events:none;background:#1d0e18b3;border-radius:50%;width:30px;height:30px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #fff6e8}.recipe-miss:before,.recipe-miss:after{content:"";background:#ff8fa3;border-radius:2px;width:14px;height:2.5px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.recipe-miss:after{rotate:-45deg}.recipe-burst{pointer-events:none;width:10px;height:10px;position:absolute;translate:-50% -50%}.recipe-burst:before,.recipe-burst:after{content:"";border-radius:50%;position:absolute;inset:-30px}.recipe-burst[data-kind=right]:before{border:4px solid #fff6c8;animation:.9s ease-out both recipe-ring;box-shadow:0 0 22px #ffd36e}.recipe-burst[data-kind=right]:after{background:conic-gradient(from 0deg,transparent 0 8%,#fff8 9% 10%,transparent 11% 20%,#ffe68f 21% 22%,transparent 23% 33%,#fff8 34% 35%,transparent 36% 45%,#ffe68f 46% 47%,transparent 48% 58%,#fff8 59% 60%,transparent 61% 70%,#ffe68f 71% 72%,transparent 73% 83%,#fff8 84% 85%,transparent 86%);animation:.9s ease-out both recipe-rays;inset:-60px;mask:radial-gradient(circle,#0000 30%,#000 32% 60%,#0000 70%)}.recipe-burst[data-kind=wrong]:before{border:4px solid #ff5a72;animation:.45s both recipe-shake,.9s .3s both recipe-fade}.recipe-burst[data-kind=soft]:before{border:3px solid #fff6e8aa;animation:.7s ease-out both recipe-ring}.recipe-burst b{white-space:nowrap;border-radius:50px;padding:5px 11px;font-size:15px;font-weight:700;animation:1.1s ease-out both recipe-float;position:absolute;bottom:40px;left:50%;translate:-50%}.recipe-burst[data-kind=right] b{color:#000016;background:#85ed29}.recipe-burst[data-kind=wrong] b{color:#fff;background:#e8001b}.recipe-swipe{pointer-events:none;position:absolute;inset:0}.recipe-swipe[data-run=true]{clip-path:circle(0 at 0);background:radial-gradient(circle,#e8001b 0 40%,#16101a 40% 42%,#e8001b 42%);animation:.9s cubic-bezier(.6,0,.4,1) both recipe-wipe}.recipe-panel{max-width:max(560px,calc((100dvh - var(--recipe-chrome,360px))*16/9));gap:12px;width:100%;display:grid}.recipe-bubble{color:#281321;background:#fff6e8;border-radius:22px;align-items:center;gap:12px;padding:10px 16px 10px 10px;animation:.35s cubic-bezier(.2,1.4,.4,1) both recipe-pop;display:flex;box-shadow:0 4px #cbb6a8,0 12px 26px #12050f66}.recipe-bubble[data-who=cat]{color:#f2f7ec;background:#1f1c29;box-shadow:0 4px #0b0a10,0 12px 26px #12050f66}.recipe-bubble__avatar{border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden;box-shadow:0 0 0 2px #fff}.recipe-bubble__avatar :is(img,svg){object-fit:cover;width:100%;height:100%;display:block}.missing-recipe .recipe-bubble p{margin:0;font-size:clamp(14px,2.3vw,16px);line-height:1.45}.recipe-bubble p b{text-transform:uppercase;letter-spacing:.05em;color:#c4001a;font-size:11px;display:block}.recipe-bubble[data-who=cat] p b{color:#85ed29}.recipe-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.ladybug-demo .missing-recipe .recipe-cta{min-height:50px;padding-inline:22px;font-size:15px}.recipe-rules{color:#f7e3dc;font-size:13px}.recipe-finale{background:radial-gradient(#1d0e18b8,#1d0e18e6);align-content:center;justify-items:center;gap:3cqh;padding:4cqh 3cqw;animation:.4s both recipe-fade-in;display:grid;position:absolute;inset:0}.recipe-finale>strong{text-shadow:0 2px #7a0c25;font-size:clamp(16px,5.5cqh,30px)}.recipe-finale__grid{grid-template-columns:repeat(4,minmax(0,1fr));place-items:start center;gap:2.4cqw;width:100%;display:grid}@keyframes recipe-fade-in{0%{opacity:0}}.ladybug-demo .recipe-choice{color:#281321;--button-edge:#cbb6a8;--button-highlight:#fff;background:#fff6e8;border:0;border-radius:18px;gap:6px;padding:6px 6px 10px;font:700 14px/1.2 Poppins,Inter,sans-serif;animation:.4s cubic-bezier(.2,1.4,.4,1) both recipe-pop;display:grid}.recipe-choice:nth-child(2){animation-delay:60ms}.recipe-choice:nth-child(3){animation-delay:.12s}.recipe-choice:nth-child(4){animation-delay:.18s}.recipe-choice__crop{background-repeat:no-repeat;border-radius:13px;width:100%;display:block}.ladybug-demo .recipe-choice{max-width:calc(var(--tile-h,38cqh)*var(--aspect,1));width:100%;font-size:clamp(11px,3.6cqh,15px)}.recipe-choice:disabled{opacity:.45;filter:grayscale(.8)}.recipe-cards{perspective:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.recipe-cards li{min-height:86px}.recipe-card__inner{transform-style:preserve-3d;height:100%;min-height:86px;transition:transform .6s cubic-bezier(.3,1.3,.5,1);display:block;position:relative}.recipe-cards li[data-found=true] .recipe-card__inner{transform:rotateY(180deg)}.recipe-card__back,.recipe-card__front{backface-visibility:hidden;border-radius:16px;align-content:center;padding:10px 12px;font-size:12.5px;line-height:1.35;display:grid;position:absolute;inset:0}.recipe-card__back{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;border:2px dashed #ffffff40;justify-items:center;font-size:12px;font-weight:700}.recipe-card__front{color:#3b2030;background:linear-gradient(#fffaf0,#f7e7cf);transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #e8001b,0 6px 14px #12050f55}.recipe-card__front b{text-transform:uppercase;letter-spacing:.06em;color:#c4001a;font-size:10px}.missing-recipe .recipe-result{justify-items:center;gap:0;width:min(980px,100% - 24px,max(340px,177.778dvh - 711.111px));margin:0 auto;padding-bottom:28px;display:grid;position:relative}.recipe-confetti{pointer-events:none;z-index:2;width:0;height:0;position:absolute;top:32%;left:50%}.recipe-confetti i{background:radial-gradient(circle at 30%,#120d16 0 18%,#0000 20%),radial-gradient(circle at 70% 40%,#120d16 0 15%,#0000 17%),#ff1f3a;border-radius:50%;width:16px;height:13px;animation:1.6s cubic-bezier(.15,.7,.3,1) both recipe-confetti;position:absolute;box-shadow:4px 0 0 -2px #120d16}@keyframes recipe-confetti{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}80%{opacity:1}to{transform:translate(var(--dx),var(--dy))scale(1)rotate(var(--r));opacity:0}}.recipe-result__art{border-radius:22px 22px 0 0;width:100%;animation:.5s both recipe-pop;overflow:hidden;box-shadow:0 0 0 4px #fff6e8}.recipe-result__art img{width:100%;height:auto;display:block}.recipe-result__card{box-sizing:border-box;color:#281321;background:#fff6e8;border-radius:0 0 22px 22px;width:100%;padding:20px 22px 22px;box-shadow:0 0 0 4px #fff6e8,0 18px 40px #12050f80}.recipe-result--lost .recipe-result__card{border-radius:22px;max-width:520px;margin-top:12vh}.missing-recipe .recipe-result h3{color:#c4001a;letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(24px,4vw,34px)}.missing-recipe .recipe-result p{margin:0 0 12px;font-size:15px;line-height:1.5}.missing-recipe .recipe-result__meta{color:#7b5a69;font-weight:600;font-size:13px!important}.recipe-result__stars{gap:6px;margin-bottom:10px;display:flex}.recipe-result__stars span{animation:.5s cubic-bezier(.2,1.6,.4,1) both recipe-stamp}.recipe-result__stars svg{width:38px;height:38px}@keyframes recipe-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes recipe-stamp{0%{opacity:0;transform:scale(2.2)rotate(-20deg)}to{opacity:1;transform:none}}@keyframes recipe-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes recipe-rays{0%{opacity:1;transform:scale(.4)rotate(0)}to{opacity:0;transform:scale(1.4)rotate(40deg)}}@keyframes recipe-shake{0%,to{transform:none}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes recipe-fade{to{opacity:0}}@keyframes recipe-float{0%{opacity:0;transform:translateY(10px)scale(.7)}20%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-24px)}}@keyframes recipe-vision-pulse{to{fill:#ff2b4a66;stroke-width:5px}}@keyframes recipe-veil{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}@keyframes recipe-wipe{0%{clip-path:circle(0 at 0)}50%{clip-path:circle(150% at 0)}to{clip-path:circle(0 at 100%)}}@keyframes recipe-tick{50%{opacity:.65}}@media (width<=760px){.recipe-cases__grid{grid-template-columns:1fr;gap:10px}.ladybug-demo .recipe-case{grid-template-rows:auto auto auto;grid-template-columns:112px 1fr;column-gap:12px;padding:8px}.recipe-case__art{aspect-ratio:auto;border-radius:14px;grid-row:1/4;height:100%;min-height:76px;margin:0}.recipe-case__number,.recipe-case strong,.recipe-case__stars{padding:0}.recipe-case strong{font-size:16px}.recipe-hud,.recipe-art{min-width:0;max-width:none}.recipe-art{border-radius:14px;box-shadow:0 0 0 3px #fff6e8,0 12px 30px #12050f99}.recipe-vision{padding-left:11px;font-size:12px}.recipe-clock small{display:none}.recipe-finale__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqw}.recipe-choice__crop{border-radius:8px}.ladybug-demo .recipe-choice{border-radius:11px;padding:3px 3px 6px}.recipe-cards{gap:6px}.recipe-card__back,.recipe-card__front{padding:8px;font-size:11px}.recipe-cards li,.recipe-card__inner{min-height:104px}}@media (aspect-ratio<=4/5){.missing-recipe .recipe-art{--scene-h:min(50dvh,500px);aspect-ratio:auto;height:var(--scene-h)}.recipe-art__scroll{overscroll-behavior-x:contain;touch-action:pan-x;overflow-x:auto}.recipe-art__camera{width:calc(var(--scene-h)*16/9);height:100%;position:relative;inset:auto}.recipe-swipe-hint{color:#fff6e8;white-space:nowrap;pointer-events:none;background:#1d0e18cc;border-radius:50px;padding:6px 12px;font-size:12px;font-weight:600;animation:1.6s ease-in-out infinite recipe-hint-nudge;display:block;position:absolute;bottom:10px;left:50%;translate:-50%}.recipe-finale__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw}.recipe-finale{--tile-h:27cqh}}@keyframes recipe-hint-nudge{50%{translate:calc(8px - 50%)}}@media (prefers-reduced-motion:reduce){.recipe-art__camera,.recipe-card__inner{transition:none}.recipe-swipe[data-run=true],.recipe-burst:before,.recipe-burst:after,.recipe-art polygon[data-vision],.recipe-clock[data-late=true]{animation:none}}