:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none}#app-canvas{display:block;width:100vw;height:100vh;background:#171717}.loading{position:fixed;inset:0;display:grid;place-items:center;color:#f7f3ea;font-size:14px;letter-spacing:0;background:#181816;transition:opacity .22s ease;z-index:20}.loading.hidden{pointer-events:none;opacity:0}.start-button{position:fixed;left:50%;bottom:calc(44px + env(safe-area-inset-bottom));min-width:112px;min-height:44px;transform:translate(-50%);border:1px solid rgb(255 255 255 / .34);border-radius:6px;color:#fff;background:#141412ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-size:15px;z-index:12}.start-button.hidden{display:none}.reticle{position:fixed;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;z-index:8}.reticle:before,.reticle:after{position:absolute;left:50%;top:50%;content:"";background:#ffffffe0;transform:translate(-50%,-50%)}.reticle:before{width:16px;height:1px}.reticle:after{width:1px;height:16px}.prompt{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));min-height:22px;transform:translate(-50%);color:#fff;font-size:14px;line-height:1.35;text-shadow:0 1px 8px rgb(0 0 0 / .72);opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:9}.prompt.visible{opacity:1}.fade{position:fixed;inset:0;pointer-events:none;background:#050505;opacity:0;transition:opacity .52s ease;z-index:15}.fade.visible{opacity:1}.mobile-controls{position:fixed;inset:0;display:none;pointer-events:none;z-index:10}.mobile-controls.visible{display:block}.joystick-base{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));width:116px;height:116px;border:1px solid rgb(255 255 255 / .24);border-radius:999px;background:#0000003d;pointer-events:none}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:999px;background:#ffffff6b;transform:translate(-50%,-50%)}@media(hover:none)and (pointer:coarse){.mobile-controls{display:block}.prompt{bottom:calc(150px + env(safe-area-inset-bottom))}}