:root{color-scheme:dark;--cream:#ffe1ad;--ink:#261e20;--orange:#ed8b56}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:#281d1d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cream);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#stage{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);aspect-ratio:9/16;overflow:hidden;background:#a44a34;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;background-image:url(assets/background.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}#game{display:block;width:100%;height:100%;image-rendering:pixelated}.pixel-button{border:0;background:#4e2e29;box-shadow:inset 0 0 0 3px #1e1a1c,inset 0 0 0 6px #e69b73,inset 0 0 0 9px #262023;clip-path:polygon(8% 0,92% 0,92% 4%,97% 4%,97% 10%,100% 10%,100% 90%,97% 90%,97% 96%,92% 96%,92% 100%,8% 100%,8% 96%,3% 96%,3% 90%,0 90%,0 10%,3% 10%,3% 4%,8% 4%);transition:background .1s}.pixel-button:active,.pixel-button.held{background:#ad583d;transform:translateY(2px)}button:focus-visible{outline:3px solid #ffebaf;outline-offset:-12px}.pause{position:absolute;top:1.6%;right:3.2%;width:10.7%;height:6%;padding:0;z-index:2}.pause-bars{display:flex;justify-content:center;gap:15%;height:50%;margin:auto}.pause-bars:before,.pause-bars:after{content:'';display:block;background:var(--cream);width:17%;height:100%}.sound{position:absolute;right:4.2%;top:8.8%;width:8.5%;height:4.5%;padding:6px;background:transparent;border:0;opacity:.8;z-index:2}.sound svg{width:100%;height:100%;fill:currentColor}.controls{position:absolute;left:7%;right:7%;bottom:max(2.8%,env(safe-area-inset-bottom));height:11.5%;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2}.arrow{width:30%;height:100%;padding:12px;display:flex;align-items:center;justify-content:center}.arrow svg{width:52%;height:auto;max-height:70%;fill:var(--cream)}#right svg{transform:rotate(180deg)}.auto{display:flex;gap:7px;align-items:center;font-size:clamp(7px,1.5dvh,13px);font-weight:900;letter-spacing:2px;text-align:center;line-height:1.6}.auto span{width:10px;height:3px;background:var(--cream);opacity:.8}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(transparent 8%,#27191650 25%,#27191638 62%,transparent 80%);z-index:3;padding:0 7% 22%}.overlay[hidden]{display:none}.panel{width:100%;padding:26px 20px 22px;text-align:center;background:#3e2524f5;border:3px solid #211c1e;box-shadow:0 0 0 3px #cb7955,0 0 0 6px #362523,8px 8px 0 #311e2170}.eyebrow{color:#ed9e6f;font-size:clamp(9px,1.5dvh,12px);letter-spacing:2px;font-weight:bold}#panel-title{width:100%;height:auto;image-rendering:pixelated;margin-top:12px}p{font-size:clamp(11px,1.65dvh,14px);line-height:1.7;margin:10px 0 22px;color:#ecd2b7}.play{height:56px;width:100%;background:#d17246;font-weight:bold;letter-spacing:2px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:16px}.play:hover{background:#e18a50}.play:disabled{opacity:.55;cursor:wait;font-size:10px}.play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--cream)}.tip{font-size:clamp(9px,1.4dvh,12px);color:#ba9d87;margin:17px 0 0;letter-spacing:0}.results{display:flex;gap:12px;margin:0 0 20px}.results[hidden]{display:none}.results>div{flex:1;background:#271c1d;padding:12px 8px;font-size:10px;letter-spacing:1px;color:#c99f82}.results strong{display:block;font-size:26px;color:#ffce8a;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.landscape{display:none}@media(min-width:700px){#stage{border-left:1px solid #7f4933;border-right:1px solid #7f4933}}@media(max-height:520px) and (orientation:landscape){.landscape{position:fixed;right:4%;top:43%;display:block;font-size:11px;color:#b9957a;line-height:1.8}.panel{padding:12px}.play{height:34px;font-size:10px}p{margin-bottom:12px}.tip{margin-top:9px}}

#hud{position:absolute;top:0;left:0;width:100%;height:15%;pointer-events:none;image-rendering:pixelated;z-index:1}.pause,.sound{z-index:4}.overlay{background:linear-gradient(transparent 8%,#27191650 25%,#27191638 62%,transparent 80%)}
#player{position:absolute;top:0;left:0;pointer-events:none;image-rendering:pixelated;z-index:1;will-change:transform}