.hedge-app{color:#3e513c;background:#f7f4e7;min-height:100svh;padding:0 clamp(16px,3vw,48px) 16px}.hedge-header,.hedge-scene,.hedge-controls,.hedge-app>.scene-caption{max-width:1400px;margin-inline:auto}.hedge-scene{isolation:isolate;background:#c7ce95;border-radius:30px;height:calc(100svh - 270px);min-height:330px;max-height:820px;position:relative;overflow:hidden;box-shadow:0 6px #b6bd9260}.hedge-backdrop{pointer-events:none;background:url(/art/forest-scene.avif) 50%/cover;position:absolute;inset:0}.hedge-scene button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.hedge-tree{border-radius:35%;width:13%;height:30%;top:44%;left:64%}.hedge-tree-art{aspect-ratio:1;pointer-events:none;transform-origin:50% 90%;background:url(/art/hedgehog-props.avif) 0 0/200% 200%;width:300%;position:absolute;bottom:0;left:-100%}.hedge-tree-art.is-shaking{animation:.6s ease-out hedge-shake}.hedge-animal{aspect-ratio:1;border-radius:45%;width:35%;bottom:5%;left:7%}.hedge-pose{pointer-events:none;background:url(/art/hedgehog.avif) 0 0/200% 200%;position:absolute;inset:0}.hedge-pose-warm{background-position:0 100%}.hedge-pose-asleep{transform-origin:50% 85%;background-position:100% 100%;animation:4.8s ease-in-out infinite hedge-breathe}.is-cold .hedge-pose{animation:.24s ease-in-out infinite hedge-shiver}.is-warmer .hedge-pose{animation-duration:.48s}.hedge-pose-cold.is-touched{background-position:100% 0}.hedge-pose-warm.is-touched{animation:.55s ease-out hedge-nuzzle}.hedge-leaf{aspect-ratio:1;touch-action:none;border-radius:45%;width:11%;min-width:64px;transition:left .55s ease-in-out,top .55s ease-in-out}.hedge-leaf>span{pointer-events:none;position:absolute;inset:0}.hedge-prop-leaf-0,.hedge-prop-leaf-1,.hedge-prop-leaf-2{background-image:url(/art/hedgehog-props.avif);background-size:200% 200%}.hedge-prop-leaf-0{background-position:100% 0}.hedge-prop-leaf-1{background-position:0 100%}.hedge-prop-leaf-2{background-position:100% 100%}.hedge-leaf-crown>span{animation:5s ease-in-out infinite hedge-leaf-sway}.hedge-leaf.is-dragging{z-index:5;cursor:grabbing;transition:none}.hedge-covered{left:calc(46% + var(--slot) * 7%);top:calc(22% + var(--slot) * 7%);aspect-ratio:1;width:44%;rotate:calc(-25deg + var(--slot) * 24deg);animation:.45s ease-out hedge-cover;position:absolute}.hedge-sleep-marks{color:#fff9df;text-shadow:0 2px 3px #394f32;pointer-events:none;width:12%;height:20%;position:absolute;bottom:48%;left:14%}.hedge-sleep-marks i{opacity:0;font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);font-style:normal;font-weight:700;animation:4.8s linear infinite hedge-zzz;position:absolute;bottom:0;left:0}.hedge-sleep-marks i:nth-child(2){animation-delay:1.6s}.hedge-sleep-marks i:nth-child(3){animation-delay:3.2s}.hedge-controls{--play-slots:5;--play-slot:168px;flex-wrap:wrap;justify-content:center;gap:24px;display:flex}@media (min-width:1000px){.hedge-controls .hedge-snore{grid-area:1/3}.hedge-controls .hedge-repeat{grid-area:1/4}.hedge-controls>.play-control-end{grid-area:1/5}.adventure-ui .hedge-controls>.play-control{white-space:normal;gap:6px;padding-inline:8px;font-size:16px}}.hedge-controls button,.hedge-controls a{color:#3e513c;cursor:pointer;touch-action:manipulation;background:#fffcf2;border:2px solid #ccd1b9;border-radius:24px;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:12px 20px;font-size:17px;font-weight:750;text-decoration:none;display:inline-flex}.hedge-controls svg{flex-shrink:0;width:24px;height:24px}.hedge-app :is(button,a):focus-visible{outline-offset:5px;outline:4px solid #234b72}.hedge-scene .is-helped{outline-offset:4px;outline:5px solid #fff8cf;box-shadow:0 0 0 9px #65703d}.hedge-audio-error{text-align:center;font-size:14px}.hedge-app:has(>.hedge-audio-error){padding-bottom:0}@keyframes hedge-shake{20%,60%{rotate:-3deg}40%,80%{rotate:3deg}}@keyframes hedge-shiver{0%,to{translate:-1px}50%{translate:1px 1px}}@keyframes hedge-breathe{50%{scale:1 1.018}}@keyframes hedge-nuzzle{50%{translate:0 -3px;rotate:-2deg}}@keyframes hedge-leaf-sway{50%{rotate:7deg}}@keyframes hedge-cover{0%{opacity:.5;scale:1.15}}@keyframes hedge-zzz{12%{opacity:.9}80%{opacity:.65}to{opacity:0;translate:45px -80px;scale:1.4}}@media (max-width:700px){.hedge-controls{gap:16px}.hedge-controls button,.hedge-controls a{padding:10px 14px;font-size:15px}.hedge-scene{min-height:300px}}@media (prefers-reduced-motion:reduce){.hedge-scene *,.hedge-scene :after{transition:none!important;animation:none!important}.hedge-sleep-marks i{opacity:.85}.hedge-sleep-marks i:nth-child(2){translate:24px -26px;scale:1.15}.hedge-sleep-marks i:nth-child(3){translate:50px -58px;scale:1.3}}
