.penguin{perspective:1100px;--wave:3.4s ease-in-out 1 both;position:relative}.penguin.is-live{cursor:pointer}.pg-root{transform-style:preserve-3d;position:absolute;left:50%;transform:rotateX(-12deg)rotateY(-26deg)}.pg-box,.pg-joint{transform-style:preserve-3d;position:absolute;top:0;left:0}.pg-box i{backface-visibility:hidden;position:absolute;top:0;left:0}.pg-box i:after{content:"";background:var(--sh);position:absolute;inset:0}.pg-box svg{width:100%;height:100%;display:block}.pg-shadow{background:radial-gradient(closest-side,#1e0a328c,#1e0a3240 60%,#0000);border-radius:50%;position:absolute;top:0;left:0;transform:rotateX(90deg)}.pg-wing-l{transition:transform .3s ease-out;transform:rotate(18deg)}.pg-wing-r{transition:transform .3s ease-out;transform:rotate(-4deg)}.pg-look{transform:rotateY(var(--yaw,0deg)) rotateX(var(--pitch,0deg));transition:transform .25s ease-out}.pg-head,.pg-sway{transition:transform .4s ease-out}.pg-eyes{transform-box:fill-box;transform-origin:50%;transition:transform 80ms}.is-wave .pg-wing-l{animation:pg-wave var(--wave)}.is-wave .pg-head{animation:pg-tilt var(--wave)}.is-wave .pg-jaw{animation:pg-talk var(--wave)}.is-wave .pg-eyes{animation:pg-squint var(--wave)}.is-wave .pg-bubble{animation:pg-bubble var(--wave)}@keyframes pg-wave{0%,to{transform:rotate(18deg)}14%,52%{transform:rotate(148deg)}23%,41%{transform:rotate(118deg)}32%{transform:rotate(152deg)}68%{transform:rotate(18deg)}}@keyframes pg-tilt{0%,72%,to{transform:rotate(0)}16%,56%{transform:rotate(-7deg)rotateY(6deg)}}@keyframes pg-talk{0%,12%,46%,to{transform:rotateX(0)}18%,34%{transform:rotateX(-30deg)}26%,40%{transform:rotateX(-4deg)}}@keyframes pg-squint{0%,10%,64%,to{transform:scaleY(1)}16%,58%{transform:scaleY(.35)}80%{transform:scaleY(1)}84%{transform:scaleY(.1)}88%{transform:scaleY(1)}}.pg-bubble{white-space:nowrap;font-family:var(--mc,monospace);font-size:calc(var(--u) * 2.6);color:#1d1a24;opacity:0;pointer-events:none;transform-origin:80% 100%;background:#fff;padding:6px 12px 8px;line-height:1;position:absolute;top:-4%;left:8%;box-shadow:0 3px #1d1a24,0 -3px #1d1a24,3px 0 #1d1a24,-3px 0 #1d1a24}.pg-bubble:after{content:"";background:#fff;width:8px;height:8px;position:absolute;bottom:-11px;right:18%;box-shadow:3px 0 #1d1a24,-3px 0 #1d1a24,0 3px #1d1a24}@keyframes pg-bubble{0%,8%{opacity:0;transform:scale(.6)}16%,66%{opacity:1;transform:scale(1)}76%,to{opacity:0;transform:scale(.9)translateY(-6px)}}.is-point .pg-wing-l{transform:rotate(78deg)}.is-point .pg-head{transform:rotate(-4deg)}.is-blink .pg-eyes{transform:scaleY(.1)}.is-shuffle .pg-sway{animation:1s ease-in-out pg-sway}.is-shuffle .pg-foot-l{animation:1s ease-in-out pg-step}.is-shuffle .pg-foot-r{animation:1s ease-in-out .5s pg-step}@keyframes pg-sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes pg-step{0%,50%,to{transform:translateY(0)}20%{transform:translateY(calc(var(--u) * -1.2))}}.is-hop .pg-sway{animation:.55s cubic-bezier(.3,.7,.4,1) pg-hop}.is-hop .pg-wing-l{transform:rotate(65deg)}.is-hop .pg-wing-r{transform:rotate(-65deg)}.is-hop .pg-eyes{transform:scaleY(.3)}@keyframes pg-hop{0%,to{transform:translateY(0)}40%{transform:translateY(calc(var(--u) * -5))}70%{transform:translateY(calc(var(--u) * .4))}}.is-sleep .pg-eyes{transform:scaleY(.08)}.is-sleep .pg-look{transform:none}.is-sleep .pg-head{transform:rotateX(-14deg)rotate(5deg)}.is-sleep .pg-sway{animation:3.2s ease-in-out infinite pg-breathe}@keyframes pg-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.025)}}.pg-zzz{font-family:var(--mc,monospace);color:#fff;text-shadow:2px 2px #2a2040;pointer-events:none;display:none;position:absolute;top:16%;left:66%}.is-sleep .pg-zzz{display:block}.pg-zzz i{opacity:0;font-style:normal;animation:3s ease-out infinite pg-z;position:absolute}.pg-zzz i:first-child{font-size:calc(var(--u) * 1.8)}.pg-zzz i:nth-child(2){font-size:calc(var(--u) * 2.4);animation-delay:1s}.pg-zzz i:nth-child(3){font-size:calc(var(--u) * 3);animation-delay:2s}@keyframes pg-z{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--u) * 3),calc(var(--u) * -6))}}.is-think .pg-look{animation:1.8s ease-in-out infinite pg-think}.is-think .pg-jaw{animation:.45s ease-in-out infinite pg-chew}@keyframes pg-think{0%,to{transform:rotateY(-25deg)rotateX(8deg)}50%{transform:rotateY(25deg)rotateX(8deg)}}@keyframes pg-chew{0%,to{transform:rotateX(0)}50%{transform:rotateX(-22deg)}}@media (prefers-reduced-motion:reduce){.penguin *{transition:none!important;animation:none!important}.pg-bubble,.pg-zzz i{display:none}}