*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#000;color:#f4dfaa;font-family:monospace}#game{height:100%;width:100%;display:flex;align-items:center;justify-content:center;touch-action:none;position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas{image-rendering:pixelated;image-rendering:crisp-edges;outline:0;touch-action:none}button{font:700 11px monospace;color:#f5e5b9;background:#252841;border:2px solid #a69769;touch-action:none;min-width:44px;min-height:44px;border-radius:6px}button:active,button.held{background:#75613d;border-color:#fff4bd}#fullscreen{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));opacity:.5;z-index:5}#controller{display:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--control-opacity,.55)}body.touch #controller,body.always-touch #controller{display:block}body.no-touch #controller{display:none}#controller>*{position:absolute;pointer-events:auto;touch-action:none}#pad{width:140px;height:140px;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));border-radius:50%;border:2px solid #b3a37b;background:#202338}#pad:before,#pad:after{content:"";position:absolute;background:#6a695e}#pad:before{left:42%;top:8%;width:16%;height:84%}#pad:after{left:8%;top:42%;width:84%;height:16%}#pad span{position:absolute;z-index:1;font-size:24px;color:#fff}#pad span:nth-child(1){top:4px;left:57px}#pad span:nth-child(2){left:8px;top:52px}#pad span:nth-child(3){right:8px;top:52px}#pad span:nth-child(4){bottom:4px;left:57px}.round{border-radius:50%;width:72px;height:72px;outline:16px solid transparent}.jump{right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom))}.fire{right:108px;bottom:62px}.lyre{width:52px;height:52px;right:30px;bottom:126px}.prev{left:12px;top:max(12px,env(safe-area-inset-top))}.next{left:100px;top:max(12px,env(safe-area-inset-top))}.pause{right:12px;top:max(12px,env(safe-area-inset-top))}#rotate{display:none;position:absolute;top:5px;left:5px;font-size:10px;background:#101323;z-index:6}#dismiss{min-height:24px;min-width:24px}@media(orientation:portrait){body.touch #game{align-items:flex-start;padding-top:max(24px,env(safe-area-inset-top))}body.touch #rotate{display:block}#controller .prev,#controller .next,#controller .pause{top:auto;bottom:190px}#fullscreen{bottom:4px;right:50%}}@supports (height:100dvh){#game{height:100dvh}}body.phone-portrait #game{align-items:flex-start;padding-top:max(24px,env(safe-area-inset-top))}body.phone-portrait #rotate{display:block}body.controls-overlap #controller{opacity:min(var(--control-opacity,.55),.4)}@media(orientation:portrait){body.always-touch #game{align-items:flex-start;padding-top:max(24px,env(safe-area-inset-top))}}