@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--paper:#f2ead8;--muted:#a59e8f;--line:#eee2c92b;--orange:#dd7948;--signal:#93e2cc;background:#151411;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none;background:#151411}button{font:inherit}.field-test{isolation:isolate;background:radial-gradient(circle at 55% 30%,#a66f4333,#0000 42%),#151411;width:100%;height:100%;min-height:460px;position:relative}.world-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette,.grain,.letterbox{pointer-events:none;position:absolute;inset:0}.vignette{z-index:2;background:radial-gradient(circle at 50% 44%,#0000 42%,#07070647 78%,#050504ad 120%),linear-gradient(#0707061f,#0000 25% 70%,#07070652)}.grain{z-index:3;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:.24s steps(2,end) infinite grain-shift}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}to{transform:translate(-1%,-1%)}}.top-hud{z-index:5;top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.brand-lockup{filter:drop-shadow(0 3px 14px #00000080);align-items:center;gap:13px;display:flex}.brand-mark{clip-path:polygon(50% 0,100% 22%,91% 78%,50% 100%,9% 78%,0 22%);width:36px;height:36px;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12110e9e;border:1px solid #f2ead87a;place-items:center;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;display:grid}.brand-copy strong{color:var(--paper);letter-spacing:.11em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:20px;line-height:.9;display:block}.brand-copy span{color:#f2ead89e;letter-spacing:.22em;text-transform:uppercase;margin-top:6px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;display:block}.hud-actions{pointer-events:auto;gap:8px;display:flex}.hud-button{border:1px solid var(--line);color:#f2ead8c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#12110ea3;border-radius:2px;min-height:39px;padding:0 15px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;transition:color .15s,border-color .15s,background .15s}.hud-button:hover,.hud-button:focus-visible{color:var(--paper);background:#1e1c17cc;border-color:#f2ead86b;outline:none}.compass{z-index:5;top:max(78px, calc(env(safe-area-inset-top) + 69px));text-align:center;pointer-events:none;width:min(330px,55vw);position:absolute;left:50%;transform:translate(-50%)}.compass-rule{height:22px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.compass-rule:before{content:"";border-top:1px solid #f2ead82e;width:100%;position:absolute;top:11px;left:0}.compass-ticks{color:#f2ead88a;letter-spacing:.14em;align-items:center;gap:42px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;transition:transform 90ms linear;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%)}.compass-center{background:var(--orange);width:2px;height:10px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #dd7948cc}.location-card{z-index:5;left:max(20px, env(safe-area-inset-left));bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px));pointer-events:none;width:min(270px,100vw - 40px);position:absolute}.eyebrow{color:var(--orange);letter-spacing:.23em;text-transform:uppercase;margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800}.location-card h1{color:var(--paper);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 4px 22px #000000a8;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:.88}.location-card p{color:#f2ead88f;text-shadow:0 2px 10px #000000e6;max-width:250px;margin:11px 0 0;font-size:11px;line-height:1.5}.desktop-help{z-index:5;right:max(20px, env(safe-area-inset-right));bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px));color:#f2ead885;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;align-items:center;gap:18px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;display:flex;position:absolute}.help-group{align-items:center;gap:8px;display:flex}.keys{grid-template-rows:repeat(2,18px);grid-template-columns:repeat(3,18px);gap:2px;display:grid}.key{color:#f2ead8b8;background:#12110e8c;border:1px solid #f2ead840;border-radius:2px;place-items:center;font-size:8px;display:grid}.key-w{grid-column:2}.key-a{grid-area:2/1}.key-s{grid-area:2/2}.key-d{grid-area:2/3}.mouse-icon{border:1px solid #f2ead861;border-radius:11px;width:21px;height:29px;position:relative}.mouse-icon:before{content:"";background:#f2ead89e;border-radius:2px;width:2px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.mobile-controls{display:none}.joystick{z-index:7;left:max(24px, env(safe-area-inset-left));bottom:max(32px, calc(env(safe-area-inset-bottom) + 20px));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none;background:radial-gradient(circle,#f2ead814 0 18%,#0000 19%),#100f0d40;border:1px solid #f2ead829;border-radius:50%;width:112px;height:112px;position:absolute}.joystick-knob{background:#26231db8;border:1px solid #f2ead84d;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000004d}.look-zone{z-index:6;touch-action:none;width:56%;height:66%;position:absolute;bottom:0;right:0}.look-hint{z-index:7;right:max(28px, env(safe-area-inset-right));bottom:max(49px, calc(env(safe-area-inset-bottom) + 37px));color:#f2ead86b;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;position:absolute}.intro{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 45%,#52412e14,#090908cc 70%),#0909086b;place-items:center;padding:24px;transition:opacity .42s,visibility .42s;display:grid;position:absolute;inset:0}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-panel{text-align:center;background:linear-gradient(135deg,#f2ead809,#0000 48%),#12110ee6;border:1px solid #f2ead82e;width:min(570px,100%);padding:clamp(26px,5vw,52px);box-shadow:0 34px 90px #0000006b}.intro-kicker{color:var(--orange);letter-spacing:.25em;text-transform:uppercase;margin:0 0 18px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800}.intro h2{color:var(--paper);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(43px,8vw,76px);font-weight:700;line-height:.82}.intro-copy{color:#f2ead894;max-width:410px;margin:24px auto 0;font-size:13px;line-height:1.7}.enter-button{color:#171310;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#d98756;border:1px solid #e29767b3;border-radius:1px;min-width:220px;min-height:52px;margin-top:30px;padding:0 28px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:800;transition:transform .16s,filter .16s;position:relative;overflow:hidden}.enter-button:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff38 48%,#0000 70%);transition:transform .52s;position:absolute;inset:0;transform:translate(-120%)}.enter-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.enter-button:hover:after{transform:translate(120%)}.loading{z-index:18;color:#f2ead8a8;letter-spacing:.22em;text-transform:uppercase;background:#151411;place-items:center;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;transition:opacity .4s,visibility .4s;display:grid;position:absolute;inset:0}.loading.is-hidden{opacity:0;visibility:hidden}.loading:before{content:"";border:1px solid #f2ead82e;border-top-color:var(--orange);border-radius:50%;width:32px;height:32px;margin-right:14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.asset-credit{z-index:5;top:max(83px, calc(env(safe-area-inset-top) + 73px));right:max(20px, env(safe-area-inset-right));color:#f2ead857;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:600;position:absolute}@media (max-width:760px),(pointer:coarse){.desktop-help,.location-card p,.asset-credit{display:none}.mobile-controls{display:block}.location-card{left:20px;bottom:calc(max(154px, env(safe-area-inset-bottom) + 142px));width:190px}.location-card h1{font-size:28px}.compass{top:max(68px, calc(env(safe-area-inset-top) + 58px));width:48vw}.hud-actions{flex-direction:column;align-items:flex-end}.hud-button{min-height:34px;padding:0 11px;font-size:9px}.brand-copy span{display:none}}@media (max-width:480px){.top-hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right))}.brand-mark{width:31px;height:31px;font-size:15px}.brand-copy strong{font-size:17px}.hud-button{min-height:31px}.hud-actions .hud-button:first-child{display:none}.location-card{left:16px}.joystick{left:20px;bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));width:100px;height:100px}}@media (prefers-reduced-motion:reduce){.grain{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}