:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{position:fixed;inset:0;width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;background:#10151a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{font:inherit;user-select:none;-webkit-user-select:none;touch-action:manipulation}#scene{display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}.loading,.start,.error{position:fixed;inset:0;z-index:10;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#19232aeb,#080c0ffa)}.loading__title{margin-bottom:18px;font-size:clamp(24px,4vw,42px);font-weight:700}.loading__track{width:min(420px,78vw);height:7px;overflow:hidden;border-radius:99px;background:#ffffff1f}.loading__bar{width:0;height:100%;border-radius:inherit;background:#67d9a0;transition:width .15s ease}.loading__text{margin-top:10px;color:#aebbc3;font-size:14px}.start{padding:24px;background:#080c0fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.start h1{margin:0 0 8px;font-size:clamp(30px,5vw,56px)}.start p{margin:0 0 24px;color:#c0cbd1}.start button{justify-self:center;padding:13px 28px;border:0;border-radius:999px;color:#07120c;background:#67d9a0;cursor:pointer;font-weight:750}.start button:hover{background:#86e8b8;transform:translateY(-1px)}.start .install-button{margin-top:10px;color:#e6eef1;background:#ffffff1f}.start .install-button:hover{background:#fff3}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;width:min(760px,90vw);margin-top:28px;color:#aebbc3;font-size:13px}.hint{position:fixed;left:50%;bottom:28px;z-index:5;translate:-50%;padding:9px 14px;border-radius:999px;background:#0000008c;color:#dce4e8;font-size:13px;display:flex;align-items:center;gap:12px;pointer-events:auto}.hint .exit-link{pointer-events:auto;color:#67d9a0;font-weight:700;text-decoration:none;white-space:nowrap}.hint .exit-link:hover{text-decoration:underline}.mobile-exit{display:none;position:fixed;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));z-index:11;padding:9px 16px;border-radius:999px;background:#0000008c;color:#e6eef1;font-size:13px;font-weight:700;text-decoration:none;pointer-events:auto}.mode{position:fixed;left:18px;top:18px;z-index:5;padding:9px 13px;border-radius:9px;background:#00000085;color:#e6eef1;font-size:13px;pointer-events:none}.crosshair{position:fixed;left:50%;top:50%;z-index:4;width:5px;height:5px;translate:-50% -50%;border:1px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none}.error{padding:30px;color:#ffb4b4;white-space:pre-wrap}.error__retry{margin-top:16px;padding:12px 26px;border:0;border-radius:999px;color:#07120c;background:#67d9a0;cursor:pointer;font-weight:750;white-space:normal}.error__retry:hover{background:#86e8b8}.mobile-controls{display:none;position:fixed;inset:0;z-index:6;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-controls,.mobile-controls *{touch-action:none!important;-webkit-user-select:none!important}.look-area{position:absolute;inset:0 0 0 42%;pointer-events:auto;touch-action:none}.joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:124px;height:124px;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:#00000040;pointer-events:auto;touch-action:none}.joystick__knob{position:absolute;left:50%;top:50%;width:54px;height:54px;translate:-50% -50%;border-radius:50%;background:#ffffffad;box-shadow:0 3px 12px #0000004d}.mobile-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,68px);gap:10px;pointer-events:auto}.mobile-button{min-height:58px;padding:7px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:#141b1f9e;font-size:12px;font-weight:700;touch-action:none}.mobile-button--small{min-height:46px;margin:6px}.mobile-button--primary{background:#42b77ebf}.mobile-button--wide{grid-column:1 / -1;min-height:40px;border-radius:999px}.mobile-button.is-active{background:#67d9a0e6;color:#07120c}@media(pointer:coarse),(max-width:800px){.mobile-controls:not(.hidden){display:block}.controls{display:none}.crosshair{opacity:.55}.mobile-exit{display:block}.mode{top:max(52px,calc(env(safe-area-inset-top) + 46px));left:10px;max-width:calc(100vw - 20px);font-size:11px}}