:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{touch-action:none;width:100vw;height:100vh;position:relative}canvas{display:block}#crosshair{pointer-events:none;z-index:5;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 1px #000c}#crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#hotbar{z-index:5;background:#00000059;border-radius:6px;gap:4px;padding:4px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.hotbar-slot{width:48px;height:48px;image-rendering:pixelated;background-color:#14141499;background-position:50%;background-size:cover;border:2px solid #ffffff59;border-radius:4px;position:relative}.hotbar-slot.selected{border-color:#fff;box-shadow:0 0 6px #fffc}.hotbar-slot .hotbar-key{color:#fffc;text-shadow:0 0 2px #000;font-size:10px;position:absolute;top:1px;left:3px}#overlay{color:#fff;text-align:center;z-index:10;background:#0a0c14bf;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}#overlay.hidden{opacity:0;pointer-events:none}#overlay-content h1{margin:0 0 8px;font-size:2rem}#overlay-content p{opacity:.85;margin:4px 0}#play-button{cursor:pointer;color:#fff;background:#4caf50;border:none;border-radius:4px;margin-top:16px;padding:10px 24px;font-size:1rem}#play-button:hover{background:#5cbf60}#fps{color:#ffffffb3;z-index:5;text-shadow:0 0 2px #000;font-family:monospace;font-size:12px;position:fixed;top:8px;left:8px}.controls-touch{display:none}.touch-stick-base{z-index:6;pointer-events:none;touch-action:none;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;position:fixed}.touch-stick-knob{background:#ffffff80;border:2px solid #ffffffb3;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%}.touch-buttons{right:max(20px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:6;flex-direction:row;gap:16px;display:none;position:fixed}.touch-button{color:#ffffffe6;touch-action:none;-webkit-user-select:none;user-select:none;background:#00000059;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;display:flex}.touch-button:active{background:#ffffff40}@media (pointer:coarse){.controls-desktop{display:none}.controls-touch{display:block}.hotbar-slot{width:40px;height:40px}#hotbar{bottom:max(12px, env(safe-area-inset-bottom))}.touch-buttons{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 64px)}}