*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ead0b9}body{font-family:Arial,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#loading,#error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:#ead0b9;color:#4c4788;font-size:24px}#error[hidden],#loading[hidden]{display:none}#error button{border:0;border-radius:14px;padding:16px 32px;background:#74b916;color:#fff;font-size:20px;cursor:pointer}#accessible-controls button{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}#accessible-controls button:focus-visible{width:auto;height:auto;opacity:1;pointer-events:auto;left:10px!important;top:10px!important;padding:10px;z-index:10}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{height:100vh;height:100lvh;overscroll-behavior:none}body{position:relative}#game{position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;overflow:hidden}#game{max-width:75vh;max-width:75lvh}html,body{background:#d6b89c}@supports (height:100dvh){:root{--safe-bottom:max(env(safe-area-inset-bottom,0px), calc(100lvh - 100dvh) )}}html.browser-bleed{height:calc(100lvh + 2*var(--browser-bleed));overflow-y:scroll;scrollbar-width:none;touch-action:none;--safe-top:calc(env(safe-area-inset-top,0px) + var(--browser-bleed));--safe-bottom:calc(max(env(safe-area-inset-bottom,0px),100lvh - 100dvh) + var(--browser-bleed))}html.browser-bleed::-webkit-scrollbar{display:none}html.browser-bleed body{height:100%;overflow:visible;touch-action:none}html.browser-bleed #error{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.loading-content{margin-bottom:var(--safe-bottom)}#loading-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.loading-content{position:absolute;left:50%;bottom:clamp(32px,8vh,80px);transform:translate(-50%);width:min(76%,360px);display:grid;gap:12px}.loading-label{color:#fff;font-size:22px;font-weight:700;text-shadow:0 2px 4px #31294b}#loading-progress{height:28px;padding:3px;border:3px solid #fff;border-radius:18px;background:#4c4788;box-shadow:0 3px #302a60,0 5px 12px #0004;overflow:hidden}#loading-fill{height:100%;width:0;border-radius:12px;background:linear-gradient(#b7ed58,#8ed42e 45%,#74b916 46%,#83cc24);transition:width .2s ease-out}#loading.over-screen{background:#ead0b959;text-shadow:0 1px 2px #fff}#loading.over-screen #loading-background,#loading.over-screen #loading-progress{display:none}#loading.over-screen .loading-content{position:static;transform:none;width:auto;display:block}#loading.over-screen .loading-label{color:inherit;font-size:inherit;font-weight:400;text-shadow:inherit}@media(prefers-reduced-motion:reduce){#loading-fill{transition:none}}
