html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#efe3c8;height:100%;margin:0;overflow:hidden}#stage{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.game-canvas{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute}#controls{--hero:#d4874f;--hero-dark:#5a3018;--hero-light:#f2c48e;--charge:0;pointer-events:none;touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}.btn{border:.9vh solid var(--hero-dark);background:var(--hero);box-shadow:0 1.2vh 0 var(--hero-dark), inset 0 .9vh 0 #ffffff59;pointer-events:auto;touch-action:none;cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform 60ms;display:none;position:absolute}.btn img{width:56%;height:56%;image-rendering:pixelated;pointer-events:none;position:relative}.btn.down{box-shadow:0 .2vh 0 var(--hero-dark), inset 0 .9vh 0 #ffffff59;transform:translateY(1vh)scale(.96)}[data-mode=fight] .btn-boop,.manual[data-mode=fight] .btn-move,[data-mode=title] [data-btn=play],[data-mode=closet] [data-btn=go],[data-mode=closet] [data-btn=book],[data-mode=book] [data-btn=back],[data-mode=fight] [data-btn=pause],[data-mode=paused] [data-btn=resume],[data-mode=paused] [data-btn=quit]{display:flex}.btn-pause{width:14vh;height:14vh;left:calc(50% - 7vh);top:calc(3vh + env(safe-area-inset-top));background:#f3ecdc;border-color:#8a6a48;box-shadow:0 .9vh #8a6a48,inset 0 .7vh #ffffff80}.btn-pause .bars{box-sizing:border-box;border-left:1.8vh solid #8a6a48;border-right:1.8vh solid #8a6a48;width:5vh;height:5.5vh}#controls[data-mode=paused]{pointer-events:auto;background:#3a281e8c}[data-mode=paused] [data-btn=resume]{top:calc(50% - 18vh)}.btn-go{width:30vh;height:30vh;right:calc(4vh + env(safe-area-inset-right));bottom:calc(5vh + env(safe-area-inset-bottom));background:#8fcf6a;border-color:#3f7a2a;animation:1.1s ease-in-out infinite pulse;box-shadow:0 1.2vh #3f7a2a,inset 0 .9vh #ffffff59}.btn-go img{left:4%}.btn-corner{width:22vh;height:22vh;left:calc(4vh + env(safe-area-inset-left));bottom:calc(5vh + env(safe-area-inset-bottom));background:#f3ecdc;border-color:#8a6a48;box-shadow:0 1.2vh #8a6a48,inset 0 .9vh #ffffff80}[data-btn=back]{background:#c99c6a}.btn-corner.new{animation:.8s ease-in-out infinite wiggle;box-shadow:0 0 0 1vh #ffd65a,0 0 4vh 1.5vh #fff3a8,0 1.2vh #8a6a48}.btn-boop{width:31vh;height:31vh;right:calc(4vh + env(safe-area-inset-right));bottom:calc(5vh + env(safe-area-inset-bottom));background:conic-gradient(var(--hero-light) calc(var(--charge) * 360deg), var(--hero-dark) 0)}.btn-boop:before{content:"";background:var(--hero);border-radius:50%;position:absolute;top:9%;bottom:9%;left:9%;right:9%;box-shadow:inset 0 .9vh #ffffff4d}.btn-boop.ready{box-shadow:0 0 0 1vh var(--hero-light), 0 0 5vh 2vh #fff3a8, 0 1.2vh 0 var(--hero-dark);animation:.7s ease-in-out infinite wiggle}.btn-boop.ready:before{background:var(--hero-light)}.btn-jump{width:25vh;height:25vh;left:calc(4vh + env(safe-area-inset-left));bottom:calc(5vh + env(safe-area-inset-bottom));background:#ffc94a;border-color:#9a6418;box-shadow:0 1.2vh #9a6418,inset 0 .9vh #fff6}[data-mode=fight] .btn-jump{display:flex}.btn-move{width:21vh;height:21vh;bottom:calc(5vh + env(safe-area-inset-bottom));background:#f3ecdc;border-color:#8a6a48;box-shadow:0 1.2vh #8a6a48}[data-btn=left]{left:calc(3vh + env(safe-area-inset-left))}[data-btn=right]{left:calc(27vh + env(safe-area-inset-left))}.manual .btn-jump{left:auto;right:calc(8vh + env(safe-area-inset-right));bottom:calc(41vh + env(safe-area-inset-bottom))}.arrow{border-top:4.5vh solid #0000;border-bottom:4.5vh solid #0000;width:0;height:0}.arrow.left{border-right:6vh solid #8a6a48;margin-right:1vh}.arrow.right{border-left:6vh solid #8a6a48;margin-left:1vh}.btn-big{background:#ffc94a;border-color:#9a6418;width:36vh;height:36vh;animation:1.1s ease-in-out infinite pulse;top:calc(40% - 18vh);left:calc(50% - 18vh);box-shadow:0 1.4vh #9a6418,0 0 0 1.4vh #ffffff8c}.btn-big img{width:54%;height:54%}[data-btn=play] img{left:4%}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)scale(1.05)}75%{transform:rotate(9deg)scale(1.05)}}.reduced-motion .btn-big,.reduced-motion .btn-go,.reduced-motion .btn-corner.new,.reduced-motion .btn-boop.ready{animation:none}#rotate{background:#3a281ee0;justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#rotate img{width:34vmin;image-rendering:pixelated;animation:2s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#loading{justify-content:center;align-items:center;gap:3vh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading span{background:#d4874f;width:4vh;height:4vh;animation:.9s infinite pulse}#loading span:nth-child(2){background:#4f86d0;animation-delay:.15s}#loading span:nth-child(3){background:#a3cd6c;animation-delay:.3s}#debug{color:#fff;pointer-events:none;background:#0000008c;margin:0;padding:4px 8px;font:11px/1.3 ui-monospace,monospace;position:fixed;top:0;left:50%;transform:translate(-50%)}