@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #171c1b;--fg: #e5e1d2;--muted: #a6a694;--accent: #d2b77b;--line: #e8dfc21c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:DM Sans,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #b3eed6;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none}header{position:fixed;top:0;left:0;right:0;height:102px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#171c1bcc;z-index:3}.brand{display:flex;gap:18px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.7px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:7px}.logo{font-size:40px;letter-spacing:-5px;font-weight:600}.logo span{color:var(--accent)}.logo i{font-size:8px;letter-spacing:0;color:var(--accent);font-style:normal;margin-left:6px}nav{display:flex;align-items:center;gap:32px;font-size:12px}.contact{border:1px solid #7c898c;border-radius:6px;padding:13px 18px}.contact span{margin-left:24px;color:var(--accent)}.intro{position:fixed;left:4%;top:146px;pointer-events:none;z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;color:#b8c8c4;display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#a7d9be;box-shadow:0 0 12px #8fdfb0}h1{font:500 clamp(32px,3.1vw,49px) / 1.12 "Space Grotesk",sans-serif;letter-spacing:-2.1px;margin:22px 0 16px}h1 em{font-style:normal;color:var(--accent)}.intro p{font-size:12px;line-height:1.9;color:#a7b5b7}.primary{background:var(--accent);color:#242722;border-radius:5px;padding:14px 19px;font-size:12px;font-weight:700;margin-top:15px;pointer-events:auto}.primary span{margin-left:35px}.location{font-size:8px;letter-spacing:1.2px;margin-top:26px;color:#889b9f;display:flex;gap:10px;align-items:center}.location span{font-size:16px}.location b{color:var(--accent)}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;text-align:left;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff23;background:#14242ae8;box-shadow:0 8px 20px #0003;border-radius:6px;white-space:nowrap;transition:background .2s,opacity .3s}.pin:hover{background:#344b4a}.pin .num{font:11px Space Grotesk,sans-serif;color:var(--accent);border-right:1px solid #ffffff20;padding-right:9px}.pin b{display:block;font-size:10px;font-weight:500}.pin small{display:block;font-size:7px;color:#9bafad;margin-top:4px;letter-spacing:.6px}.pin.visited .num{color:#a3eacb}.worldCaption{position:fixed;right:4%;top:136px;text-align:right;font-size:8px;letter-spacing:1.8px;color:#c2cdc8}.worldCaption small{display:block;color:#6f858c;font-size:9px;letter-spacing:0;margin-top:9px}.mission{position:fixed;left:4%;bottom:116px;width:245px;border-top:1px solid #ffffff26;padding-top:18px}.missionHead{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a9bab8}.missionHead span:last-child{color:var(--accent)}.mission p{font:500 17px Space Grotesk;margin:14px 0}.progress{height:3px;background:#ffffff15}.progress i{display:block;width:0;height:3px;background:var(--accent);transition:width .5s}.mission small{display:block;font-size:10px;line-height:1.6;color:#899d9e;margin-top:12px}.map{position:fixed;right:4%;bottom:113px;width:165px;border:1px solid #ffffff1c;padding:12px 14px;background:#14232b90;border-radius:6px}.mapTitle{font-size:7px;letter-spacing:1.3px;display:flex;justify-content:space-between;color:#9eb5b2}.map svg{width:100%;margin-top:9px}.map small{font-size:8px;color:#b4e6cc}.map small span{color:#91a7aa;margin-left:6px}footer{height:86px;position:fixed;bottom:0;left:4%;right:4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px}.controls{display:flex;gap:13px;align-items:center;color:#b7c4c4}.keys{display:flex;flex-direction:column;align-items:center;gap:3px}.keys span{display:flex;gap:3px}kbd{font:9px DM Sans;border:1px solid #52666b;background:#1e3038;border-radius:3px;display:inline-grid;place-items:center;min-width:18px;height:18px}.muted{display:block;font-size:8px;color:#657e85;margin-top:4px}.controls i{height:27px;width:1px;background:var(--line);margin:0 8px}.mouse{font-size:30px;font-weight:400}.footerRight{display:flex;align-items:center;gap:23px;font-size:7px;letter-spacing:1px;color:#83989c}.footerRight button{border:1px solid #597077;border-radius:50%;width:23px;height:23px}.live{color:#91baa4}.interact{position:fixed;bottom:111px;left:50%;transform:translate(-50%);z-index:5}.interact button{padding:12px 17px;background:#eee9db;color:#1d3235;border-radius:6px;font-size:12px;box-shadow:0 6px 25px #0005}.interact kbd{color:#fff;margin-right:8px}.touchpad{display:none}dialog{background:#15262c;color:var(--fg);border:1px solid #657975;border-radius:16px;width:min(690px,92vw);max-height:85dvh;padding:42px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#061117b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close{position:absolute;right:16px;top:12px;font-size:28px;color:#9aaca8}.tag{font-size:10px;color:var(--accent);letter-spacing:2px;text-transform:uppercase}.panelTitle{font:500 34px Space Grotesk;margin:14px 0;letter-spacing:-1px}.panelIntro{font-size:14px;line-height:1.8;color:#aebfbc}.entry{padding:21px 0;border-top:1px solid #ffffff17;margin-top:15px}.entry h3{font-size:17px;margin:7px 0}.entry small{font-size:10px;color:#a3d6c0}.entry p{font-size:13px;line-height:1.8;color:#aabbb9}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{font-size:10px;padding:6px 9px;background:#ffffff08;border:1px solid #ffffff12;border-radius:4px;color:#c7d9d2}.panelLink{display:inline-block;background:var(--accent);color:#203137;padding:12px 17px;border-radius:5px;font-size:12px;margin:14px 10px 0 0;font-weight:700}.zoneList{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.zoneList button{text-align:left;border:1px solid #ffffff20;border-radius:7px;padding:16px}.zoneList button:hover{background:#ffffff0b}.zoneList small{color:var(--accent);display:block;margin-bottom:8px}.note{font-size:10px;color:#829a9b;margin-top:24px}#toast{position:fixed;top:115px;left:50%;transform:translate(-50%);background:#d9eadb;color:#173536;font-size:12px;padding:12px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}#toast.show{opacity:1}html,body,#app{width:100%;height:100%;min-width:280px}body{overscroll-behavior:none}#world{touch-action:none}button,a{touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}.pin-arrow{font-size:9px;color:#b2c8bf}.panelTitle,.entry h3,.entry p,.panelIntro{overflow-wrap:anywhere}dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d8b80 #15262c}dialog .close{width:44px;height:44px;top:5px;right:5px}.panelLink{min-height:44px;display:inline-flex;align-items:center}.refresh-projects{padding:12px 0;color:var(--accent);text-decoration:underline;font-size:12px}.map{text-align:left}.canvas-fallback{position:fixed;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);padding:25px;border:1px solid var(--accent)}.mobile-passport{display:none}:root{--bg: #111513;--fg: #dfddc9;--muted: #91978a;--accent: #c6a867;--line: #d9d0a51f}body{background:#111513}canvas{image-rendering:pixelated}header{height:76px;padding:0 3%;border-bottom:2px solid #d9d0a515;background:#111513e8}.brand{gap:13px;letter-spacing:1.5px;text-transform:uppercase}.logo{font-size:27px;letter-spacing:-4px;font-weight:700;color:#d9d0a5}.logo i{color:#7f9470}nav{gap:10px}nav button{padding:10px 12px;border:1px solid transparent;color:#afb4a4;text-transform:uppercase;letter-spacing:.8px;font-size:9px}nav button:hover{border-color:#d9d0a533;background:#d9d0a50d;color:var(--fg)}.contact{border:1px solid #c6a86799;border-radius:2px;padding:10px 13px;color:#dfddc9}.contact span{margin-left:14px}.intro{left:3%;top:119px;padding:15px 18px;border-left:2px solid #c6a867;background:#101512b8;box-shadow:10px 10px #0c100e66}.eyebrow{color:#aaa990;font-family:monospace}.eyebrow i{border-radius:0;background:#c65d4a;box-shadow:0 0 10px #c65d4a}h1{font-weight:700;text-transform:uppercase;text-shadow:3px 3px #0b0e0c}h1 em{color:#c6a867}.intro p{color:#a2a798}.primary{background:#c6a867;color:#171a16;border-radius:2px;text-transform:uppercase;letter-spacing:.8px;box-shadow:3px 3px #69593d}.location{color:#7f897d}.location b{color:#c65d4a}.pin{gap:8px;padding:8px 10px;border:1px solid #d9d0a538;background:#111714ed;box-shadow:4px 4px #080b09aa;border-radius:2px}.pin:hover{background:#303b32}.pin .num{color:#c6a867}.pin b{text-transform:uppercase;letter-spacing:.5px}.pin small{color:#829080}.worldCaption{right:3%;top:103px;padding:8px 10px;border:1px solid #d9d0a522;background:#111714c9;color:#c6a867;font-family:monospace}.worldCaption small{color:#829080}.mission{left:3%;bottom:99px;width:275px;border:1px solid #d9d0a52b;border-top:2px solid #c6a867;padding:13px 15px;background:#111714e8;box-shadow:5px 5px #080b09aa}.missionHead{color:#9ba18f;font-family:monospace}.mission p{font-size:15px;text-transform:uppercase;color:#dfddc9}.progress,.progress i{height:5px}.progress{background:#2a3129}.progress i{background:#c6a867}.mission small{color:#899483}.map{right:3%;bottom:98px;width:190px;border:1px solid #d9d0a52b;padding:11px;background:#111714ed;border-radius:2px;box-shadow:5px 5px #080b09aa}.mapTitle{color:#c6a867;font-family:monospace}.map svg path:first-child{fill:#263129;stroke:#71806e}.map svg path:nth-child(2){stroke:#6d765f}.map small{color:#c6a867}footer{height:67px;left:3%;right:3%;border-top:2px solid #d9d0a51f;background:#111513d9}.controls{color:#9ba18f;text-transform:uppercase;font-size:9px}kbd{border:1px solid #7f8068;background:#252d26;border-radius:1px;color:#d9d0a5}.muted,.footerRight{color:#7e897c}.footerRight button{border-radius:2px;border-color:#9c8350}.live{color:#9eae7a}.interact button{padding:10px 14px;background:#c6a867;color:#171a16;border-radius:2px;box-shadow:4px 4px #080b09aa;text-transform:uppercase;font-weight:700}.touchpad button{border-radius:1px;border-color:#b5a26f66;background:#111714e8;color:#d9d0a5}.language-picker select{min-height:40px;padding:8px 24px 8px 10px;border:1px solid #c8bb8266;border-radius:4px;background:#252f28;color:#f0ead5;font:600 11px DM Sans,sans-serif;cursor:pointer}.language-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width: 430px){header{padding-left:10px;padding-right:10px}header .brand{gap:5px;font-size:9px;letter-spacing:.4px}header .brand small{font-size:5px}header .logo{font-size:26px}header nav{gap:5px}header nav button{font-size:10px}.language-picker select{min-height:44px;padding:6px 2px;font-size:10px}}.dialog-language{position:absolute;top:19px;right:66px}dialog>.tag{display:block;padding-right:110px;min-height:24px}.game-status{display:none}.interact small{display:block;font-size:9px;margin-top:4px}@media (max-width: 1100px),(max-height: 600px){header{height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;background:#101b22ed}.brand{gap:10px;font-size:10px;letter-spacing:1px}.brand small{font-size:6px}.logo{font-size:32px}nav{gap:8px}nav button{min-height:44px;font-size:11px}nav .profile-button,nav .contact{display:none}.intro,.intro.exploring{top:calc(83px + env(safe-area-inset-top));left:20px;right:20px;opacity:1;pointer-events:none}.intro .eyebrow{font-size:7px;letter-spacing:1.6px}.intro h1{font-size:25px;line-height:1.15;letter-spacing:-1px;margin:12px 0 9px}.intro h1 br{display:none}.intro p{max-width:300px;font-size:10px;line-height:1.7;margin:0}.intro .primary,.worldCaption,.mission,.map,.location,.controls{display:none}.game-status{display:flex;position:fixed;left:20px;right:20px;bottom:calc(173px + env(safe-area-inset-bottom));gap:9px;align-items:center;pointer-events:none;font-size:11px;color:#d6e7de;text-shadow:0 1px 5px #061319}.status-dot{width:6px;height:6px;border-radius:50%;background:#a4e7bd;box-shadow:0 0 9px #96e6bb}.game-status small{display:block;font-size:9px;color:#abc2bd;margin-top:4px}.touchpad{display:flex;position:fixed;bottom:calc(61px + env(safe-area-inset-bottom));left:20px;z-index:4;flex-direction:column;align-items:center;gap:4px;padding:5px;border-radius:22px;background:#101f27bc}.touchpad div{display:flex;gap:4px}.touchpad button{width:45px;height:45px;background:#233e46;border:1px solid #678e8b;border-radius:12px;font-size:20px;color:#e0eee4;touch-action:none;user-select:none;-webkit-user-select:none}.touchpad button:active{background:#b1ddc6;color:#17302e;transform:translateY(1px)}.interact{bottom:calc(76px + env(safe-area-inset-bottom));left:auto;right:20px;transform:none;width:min(150px,calc(100% - 193px))}.interact button{width:100%;min-height:68px;padding:12px 8px;background:#f3b787;border:1px solid #f5c69c;border-radius:16px;font-weight:700;font-size:13px}.interact kbd{display:none}.interact small{font-size:9px;font-weight:400;line-height:1.4}footer{height:calc(48px + env(safe-area-inset-bottom));left:0;right:0;padding:0 20px env(safe-area-inset-bottom);background:#101b22ed}.footerRight>span{display:none}.footerRight button{width:34px;height:34px}.mobile-passport{display:block;min-height:44px;color:#c2dfce;font-size:11px}.pin{padding:10px 12px;max-width:200px;min-height:42px}.pin b{font-size:10px}.pin small{display:none}dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:42px 24px 24px;border-radius:18px}.panelTitle{font-size:28px}.zoneList{grid-template-columns:1fr}.zoneList button{min-height:65px}#toast{top:72px;width:calc(100% - 30px);text-align:center}}@media (max-width: 1100px) and (orientation: landscape),(max-height: 600px) and (orientation: landscape){header{height:58px}.intro,.intro.exploring{top:70px;left:18px;right:auto;max-width:230px}.intro h1{font-size:19px}.intro .eyebrow,.intro p{display:none}.game-status{left:auto;right:18px;top:75px;bottom:auto;max-width:240px}.touchpad{bottom:53px}.interact{bottom:68px}}@media (min-width: 651px) and (max-width: 1100px) and (orientation: portrait){.intro h1{font-size:34px}.intro p{font-size:13px;max-width:410px}.touchpad button{width:54px;height:54px}.game-status{bottom:calc(192px + env(safe-area-inset-bottom));font-size:13px}}@media (pointer: coarse) and (min-width: 1101px) and (min-height: 601px){.touchpad{display:flex;position:fixed;bottom:104px;left:4%;flex-direction:column;align-items:center;gap:4px}.touchpad div{display:flex;gap:4px}.touchpad button{width:44px;height:44px;background:#1a313bdd;border:1px solid #698080;border-radius:6px;touch-action:none}.mission{bottom:220px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media (max-width: 1100px),(max-height: 600px){.compact-game:before{content:"";position:fixed;z-index:1;top:66px;left:0;right:0;height:165px;background:linear-gradient(#101b22f5,#101b22bf 55%,transparent);pointer-events:none}}