:root{color:#0f0e09;background:radial-gradient(circle at top,#f1d78d,#e1c26e 22%,#ae8e49 54%,#5b4623);font-family:Trebuchet MS,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{width:100vw;height:100vh}#root{width:100%;height:100%}.app-root{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch}.game-canvas{width:100%;height:100%;max-width:none;max-height:none;display:block;image-rendering:pixelated;background:#fff;touch-action:none}.error-view{width:min(100%,760px);padding:20px 24px;white-space:pre-wrap;color:#fff6dc;background:#1f1007e0;border:2px solid rgba(255,235,183,.65);box-shadow:0 18px 48px #00000047}.touch-controls{display:none}@media(pointer:coarse){.touch-controls{display:block}}.touch-controls button{position:fixed;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:2px solid rgba(15,14,9,.4);border-radius:32px;color:#0f0e09bf;background:#ffffff73;font:inherit;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-controls .pressed{background:#e1c26ebf}.touch-left:before,.touch-right:before,.touch-up:before,.touch-down:before{content:"";width:22px;height:22px;background:currentColor;clip-path:polygon(50% 10%,100% 90%,0 90%)}.touch-left:before{transform:rotate(-90deg)}.touch-right:before{transform:rotate(90deg)}.touch-down:before{transform:rotate(180deg)}.touch-left{left:calc(16px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom))}.touch-right{left:calc(96px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom))}.touch-down{right:calc(16px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}.touch-up{right:calc(16px + env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom))}.touch-controls .touch-ok{right:calc(96px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));display:none}.touch-controls.in-menu .touch-ok{display:flex}.touch-ok:before{content:"OK"}.touch-controls .touch-back{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:auto;height:40px;padding:0 16px;display:none}.touch-controls.has-back .touch-back{display:flex}.touch-back:before{content:"Menu"}.in-menu .touch-back:before{content:"Back"}
