.zadv{display:block;border:2px solid #e5c65d;border-radius:28px;background:#fffdf3;color:#28513b;text-align:center;padding:24px;margin:28px 0}.zadv [hidden]{display:none!important}.zadv__eyebrow{letter-spacing:2px;font-size:12px;font-weight:800;margin:0 0 10px}.zadv h2{color:#28563a;font-size:clamp(26px,4vw,42px);margin:0}.zadv__intro{max-width:760px;margin:12px auto 20px}.zadv__scene{position:relative;aspect-ratio:3/2;border-radius:22px;overflow:hidden;isolation:isolate;background:#cce5b2}.zadv__background,.zadv__board{position:absolute;inset:0;width:100%;height:100%;display:block}.zadv__background{object-fit:cover}.zadv__board{z-index:1;overflow:hidden}.zadv__board [data-action]{cursor:pointer;touch-action:manipulation}.zadv__board [role=button]:focus-visible{outline:5px solid #075dab;outline-offset:5px}.zadv__board .selected{filter:drop-shadow(0 0 9px #fff9a4);stroke:#eaa523;stroke-width:5}.zadv__board .done{opacity:.36}.zadv__board text{font-family:inherit;font-weight:800;fill:#284a35;pointer-events:none}.zadv__board .label{font-size:22px;paint-order:stroke;stroke:#fffdf0;stroke-width:6px;stroke-linejoin:round}.zadv__board .small{font-size:17px}.zadv__actor{position:absolute;left:16%;top:86%;width:19%;height:34%;z-index:2;pointer-events:none;transform:translate(-50%,-100%)}.zadv__actor img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #254d2e33)}.zadv.is-moving .zadv__actor img{animation:zadv-walk .32s ease-in-out infinite alternate}.zadv.is-flying .zadv__actor img{animation:zadv-flap .22s ease-in-out infinite alternate}.zadv.is-wrong .zadv__actor img{animation:zadv-no .3s ease-in-out 5}.zadv.is-won .zadv__actor img{animation:zadv-jump .6s ease-in-out 5}.zadv__bubble{position:absolute;z-index:5;top:3%;left:5%;right:5%;padding:13px 18px;border:3px solid #efc44c;border-radius:22px;background:#fff;font-size:clamp(14px,2.1vw,24px);font-weight:800;line-height:1.25;box-shadow:0 5px 12px #203c3a33}.zadv__bubble:after{content:'';position:absolute;top:100%;left:48%;border:12px solid transparent;border-top-color:white}.zadv__reward{position:absolute;z-index:4;left:63%;top:23%;height:66%;width:32%;object-fit:contain;filter:drop-shadow(0 4px 4px #203c3a44);animation:zadv-reveal .5s both}.zadv__start,.zadv__replay{position:absolute;z-index:8;left:50%;top:47%;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:999px;padding:15px 25px;background:#2b7743;color:white;font-size:clamp(13px,2vw,20px);font-weight:800;white-space:nowrap;box-shadow:0 6px 18px #193b354d;cursor:pointer}.zadv.is-finished .zadv__replay{top:86%}.zadv__status{display:flex;align-items:center;justify-content:center;min-height:3em;font-weight:700;margin:14px 0}.zadv__controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:0 auto 16px;max-width:820px}.zadv__controls button{border:2px solid #cda243;border-radius:15px;min-height:54px;padding:10px 18px;background:#fff2c4;color:#3e4d31;font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.zadv__controls button.primary{background:#2b7743;color:#fff;border-color:#225f35}.zadv__controls button.selected{background:#c8ea9f;border-color:#477c39;box-shadow:0 0 0 2px #477c39}.zadv__controls button:disabled{opacity:.5;cursor:default}.zadv__controls .line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.zadv__controls label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;font-weight:700;width:100%}.zadv__controls input[type=range]{width:min(340px,65vw);min-height:44px;accent-color:#34864d}.zadv__controls output{min-width:40px}.zadv__controls .order{background:white;border:2px dashed #9cb295;border-radius:14px;padding:12px;min-height:48px;width:100%;font-weight:800}.zadv button:focus-visible,.zadv input:focus-visible{outline:4px solid #1d65ab;outline-offset:4px}.zadv__sound{font:inherit;border:1px solid #9bb5a0;background:#fff;color:#28513b;border-radius:999px;padding:10px 18px;cursor:pointer}.zadv__finale{position:absolute;inset:0;z-index:7;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;padding-bottom:12%;animation:zadv-reveal .8s both}.zadv__finale img{object-fit:contain;width:64%;height:32%}.zadv__finale img:last-child{width:39%;height:21%}.zadv__finale span{font-size:clamp(15px,2.7vw,28px);font-weight:700;color:#555}.zadv__fireworks{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.zadv__spark{position:absolute;left:var(--x);top:var(--y);font-size:24px;color:var(--color);opacity:0}.zadv.is-won .zadv__spark{animation:zadv-spark 1.3s var(--delay) ease-out 3}.zadv__board .beam{fill:none;stroke:#fff7a0;stroke-width:13;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffd83c)}.zadv__board .route{fill:none;stroke:#fff;stroke-width:8;stroke-dasharray:10 10;stroke-linecap:round;filter:drop-shadow(0 1px 2px #324d42)}.zadv__board .hit{fill:#fff;fill-opacity:.001;stroke:none}.zadv__board .found{fill:none;stroke:#e8b52e;stroke-width:8}.zadv__board .loose{filter:drop-shadow(0 5px 3px #354c2933)}.zadv[data-animal=bee] .zadv__board{touch-action:none}.zadv[data-animal=bee] .zadv__actor,.zadv[data-animal=lulu] .zadv__actor,.zadv[data-animal=luky] .zadv__actor{width:14%;height:26%}.zadv.is-sliding .zadv__actor img{transform:rotate(62deg)}.zadv.is-crawling .zadv__actor img{transform:scaleY(.58);transform-origin:center bottom}.zadv__board .tumble{animation:zadv-tumble .9s ease-in both;transform-box:fill-box;transform-origin:center bottom}@keyframes zadv-walk{to{transform:translateY(-5px) rotate(2deg)}}@keyframes zadv-flap{to{transform:translateY(-3px) scaleX(.86)}}@keyframes zadv-no{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes zadv-jump{50%{transform:translateY(-14px) rotate(3deg)}}@keyframes zadv-reveal{from{opacity:0}to{opacity:1}}@keyframes zadv-spark{0%{opacity:0;transform:scale(.1)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}@keyframes zadv-tumble{to{transform:translate(80px,80px) rotate(55deg);opacity:.3}}@media(max-width:600px){.zadv{padding:12px;margin:20px 0;border-radius:22px}.zadv__intro{font-size:14px}.zadv__scene{border-radius:14px}.zadv__bubble{font-size:13px;padding:8px;left:3%;right:3%}.zadv__status{font-size:14px;min-height:3.5em}.zadv__controls{gap:8px}.zadv__controls button{font-size:13px;padding:9px 12px;min-height:50px}.zadv__controls label{font-size:14px}.zadv__start,.zadv__replay{padding:12px 17px}.zadv__sound{font-size:14px}.zadv__controls .order{font-size:13px}}@media(prefers-reduced-motion:reduce){.zadv *{animation:none!important;transition:none!important}}
.zadv__board [data-draggable]{touch-action:none}.zadv.is-crawling .zadv__actor{z-index:0}
.zadv__carried{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}

@media(max-width:600px){body:has(zoopen-adventure.is-playing) .wa-preview-corner-button-container{display:none!important;visibility:hidden!important;pointer-events:none!important}}

.zadv__board .light-preview{fill:none;stroke:#dfb12b;stroke-width:7;stroke-dasharray:13 10;opacity:.8;pointer-events:none}.zadv__controls output{min-width:115px}.zadv[data-animal=luky] .zadv__board .hit{stroke:transparent;stroke-width:20}

.zadv__board .light-preview{stroke:#ffe852;stroke-width:10;opacity:1;filter:drop-shadow(0 1px 1px #584522)}
.zadv__ingredient{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;border:2px solid #ead6a7;border-radius:18px;background:#fffaf0}.zadv__ingredient strong{width:100%;font-size:14px}.zadv__hint{margin:5px auto;font-weight:700;font-size:15px;max-width:600px}.zadv__web{filter:drop-shadow(0 1px 3px #385049)}.zadv[data-animal=luky] .zadv__actor{width:10%;height:19%}.zadv[data-animal=panpan] .zadv__actor{width:15%;height:28%}@media(max-width:600px){.zadv__ingredient{width:100%;flex-wrap:nowrap;justify-content:space-between}.zadv__ingredient strong{width:auto;min-width:65px;text-align:left}.zadv__ingredient button{padding:8px}.zadv__hint{font-size:13px}}

.zadv[data-animal=mimi][tabindex="-1"]:focus{outline:none}.zadv[data-animal=mimi] .zadv__board{touch-action:none}.zadv[data-animal=mimi] .zadv__controls .line{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
