*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#76cbd1;color:#152e30;font-family:"Courier New",monospace}main{height:100%;position:relative}.toolbar{position:absolute;z-index:10;left:5%;right:5%;top:5%;height:110px;display:flex;align-items:center;gap:28px}#stages{display:flex;gap:9px;flex:1;height:28px;padding:5px;border:3px solid #173c40;border-radius:0;background:#f1efd8;box-shadow:0 5px 0 #173c40}#stages i{display:block;background:#a9b9b0;flex:1;border:1px solid #78928b}#stages .complete{background:#39a75e;border-color:#1c713a}#stages .failed{background:#e44944;border-color:#9c2826}#cache-status{position:absolute;z-index:11;top:calc(5% + 125px);left:5%;max-width:90%;padding:7px 12px;background:#f1efd8;border:2px solid #173c40;font-size:16px}#cache-status:empty,.ready #cache-status,.running #cache-status,.won #cache-status,.lost #cache-status{display:none}#result{display:none;position:absolute;z-index:12;top:18%;left:50%;transform:translateX(-50%);padding:20px 35px;background:#f1efd8;border:5px solid #173c40;box-shadow:8px 8px 0 #173c40;font-size:48px;font-weight:bold;white-space:nowrap}.lost #result,.already #result{display:block}.world{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.sun{position:absolute;right:12%;top:23%;width:88px;height:88px;background:#ffe99b;box-shadow:12px 0 #ffe99b,-12px 0 #ffe99b,0 12px #ffe99b,0 -12px #ffe99b}.cloud{position:absolute;width:145px;height:35px;background:#f3f2dc;box-shadow:25px -25px #f3f2dc,66px -13px #f3f2dc;opacity:.85}.c1{left:10%;top:30%}.c2{left:42%;top:21%;transform:scale(.7);}.c3{right:4%;top:43%;transform:scale(.6);}.hill{position:absolute;bottom:14%;width:420px;height:280px;border:7px solid #266f66;border-radius:50% 50% 0 0;background:#57a988}.h1{left:-10%}.h2{left:27%;width:580px;height:200px;background:#65b794}.h3{right:-16%;height:360px}.blocks{display:flex;position:absolute;top:41%;gap:4px}.b1{left:20%}.b2{right:17%;top:34%}.blocks b{width:42px;height:42px;background:#c9834f;border:4px solid #714f36;box-shadow:inset 3px 3px #e9b16b}.blocks .coin{background:#f5c85b;box-shadow:inset 3px 3px #fff2af}.coin:after{content:'';display:block;height:20px;width:8px;background:#fff0a3;margin:7px auto;border:2px solid #bc8a37}.pipe{position:absolute;left:8%;bottom:14%;width:86px;height:110px;background:#3f9672;border:6px solid #205f50;box-shadow:inset 12px 0 #70bf8a}.pipe:before{content:'';position:absolute;top:-15px;left:-13px;width:100px;height:30px;background:#50a97d;border:6px solid #205f50}.bush{position:absolute;bottom:14%;width:160px;height:70px;border-radius:60px 60px 0 0;background:#317b61;box-shadow:45px -20px #317b61}.bush1{right:3%}.bush2{left:42%;transform:scale(.7)}.ground{position:absolute;bottom:0;height:14%;width:100%;border-top:12px solid #e6ca77;background-color:#b47c51;background-image:linear-gradient(90deg,transparent 95%,#8a6044 95%),linear-gradient(0deg,transparent 90%,#8a6044 90%);background-size:48px 40px;box-shadow:0 -7px #32694d}.actors{position:absolute;left:17%;right:16%;bottom:calc(14% - 3px);height:46%;display:flex;justify-content:space-between;align-items:flex-end;z-index:4}.actor{position:relative;width:38%;max-width:360px;height:100%;min-height:220px}.actor svg{width:100%;height:100%;overflow:visible}.speech{position:absolute;left:50%;top:-24px;transform:translateX(-50%);background:#f6f1dc;border:3px solid #263c39;padding:9px 20px;font-weight:bold;font-size:25px;box-shadow:4px 4px 0 #263c39}.speech:after{content:'';position:absolute;bottom:-13px;left:35%;width:18px;height:18px;background:#f6f1dc;border-bottom:3px solid #263c39;border-right:3px solid #263c39;transform:skewY(32deg)}.ink{fill:none;stroke:#1f2e2b;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.ink path{vector-effect:non-scaling-stroke}.weapon{fill:#5a6861}.rude,.dead-eyes,.spark{display:none}.hand{fill:#f1e6c7}.spark{fill:#ffe591;stroke:#a46e30;stroke-width:3}.lost .sony .arms-normal,.already .sony .arms-normal{display:none}.lost .sony .rude,.already .sony .rude{display:block;animation:gesture .5s steps(3,end) 1}.won .sony-body{transform-box:fill-box;transform-origin:50% 100%;animation:fall .75s ease-out forwards}.won .eyes{display:none}.won .dead-eyes{display:block}.won .spark{display:block;animation:flash .15s steps(1,end) 1 forwards}.won .hen{animation:kick .18s steps(2,end) 1}.running *{animation-play-state:paused!important;transition:none!important}.running .world{pointer-events:none}.lost .cloud,.won .cloud,.already .cloud{animation-play-state:paused}@keyframes fall{to{transform:rotate(86deg) translateY(8px)}}@keyframes gesture{from{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes flash{to{opacity:0}}@keyframes kick{50%{transform:translateX(-8px)}}@media(max-height:550px){.toolbar{height:75px;top:4%}.actors{height:48%}#cache-status{top:100px}.speech{top:-12px;padding:5px 12px;font-size:18px}.blocks{transform:scale(.8)}}

.pixelart{shape-rendering:crispEdges;image-rendering:pixelated}.speech{font-family:"Courier New",monospace;letter-spacing:-1px;border-width:4px;box-shadow:6px 6px 0 #263c39}.speech:after{transform:none;width:12px;height:12px;bottom:-16px;left:24px;box-shadow:5px 5px 0 #263c39}.spark{fill:#ffe591;stroke:none}.rude .hand{fill:#efc69b}#result{font-family:"Courier New",monospace;letter-spacing:-2px}.world .cloud{box-shadow:24px -24px #f3f2dc,64px -12px #f3f2dc}

.hill{border-radius:0;border:0;-webkit-clip-path:polygon(0 100%,0 70%,10% 70%,10% 45%,24% 45%,24% 24%,39% 24%,39% 8%,62% 8%,62% 24%,77% 24%,77% 45%,91% 45%,91% 70%,100% 70%,100% 100%);clip-path:polygon(0 100%,0 70%,10% 70%,10% 45%,24% 45%,24% 24%,39% 24%,39% 8%,62% 8%,62% 24%,77% 24%,77% 45%,91% 45%,91% 70%,100% 70%,100% 100%)}.bush{border-radius:0;-webkit-clip-path:polygon(0 100%,0 40%,15% 40%,15% 15%,40% 15%,40% 0,70% 0,70% 30%,90% 30%,90% 55%,100% 55%,100% 100%);clip-path:polygon(0 100%,0 40%,15% 40%,15% 15%,40% 15%,40% 0,70% 0,70% 30%,90% 30%,90% 55%,100% 55%,100% 100%)}

.actors{height:50%;left:15%;right:14%}.actor{width:41%;max-width:390px}.speech{font-size:27px;background:#fff4d3;color:#122a34;border-color:#173741}.speech:after{background:#fff4d3}#result{top:16%;padding:16px 28px;font-size:42px;background:#fff4d3}.hill{background-image:linear-gradient(90deg,transparent 93%,rgba(18,75,67,.12) 93%),linear-gradient(transparent 94%,rgba(230,247,185,.12) 94%);background-size:32px 32px}.ground{border-top:9px solid #85ae57;background-color:#ba8058;background-image:linear-gradient(90deg,transparent 94%,#79573f 94%),linear-gradient(0deg,transparent 91%,#79573f 91%),linear-gradient(0deg,#c89366 0,#c89366 5%,transparent 5%,transparent 95%,#e1b282 95%);background-size:48px 32px;box-shadow:0 -5px #284f3e,0 -10px #c4d388}.blocks b{background-image:linear-gradient(0deg,transparent 46%,#99633f 46%,#99633f 53%,transparent 53%),linear-gradient(90deg,transparent 46%,#99633f 46%,#99633f 53%,transparent 53%)}.blocks .coin{background-image:none}.pipe{background-image:linear-gradient(90deg,transparent 60%,rgba(11,65,52,.2) 60%,rgba(11,65,52,.2) 76%,transparent 76%)}

.toolbar,#stages,.blocks{gap:0}.toolbar>#stages i+i{margin-left:9px}.blocks b+b{margin-left:4px}[hidden]{display:none!important}

.running #cache-status.installing{display:block;font-size:18px;max-width:90%;white-space:normal}

#henstudio-logo{display:block;width:110px;height:110px;object-fit:contain}@media(max-height:550px){#henstudio-logo{width:75px;height:75px}}