:root{--lake:#0f2a30;--lake-2:#173a40;--pine:#2e5b45;--paper:#e6ebe0;--paper-2:#d6decf;--sign:#5a3e2b;--blaze:#f2c94c;--ink:#1b2320;--paper-a60:#e6ebe099;--paper-a25:#e6ebe040;--paper-a10:#e6ebe014;--display:"Zilla Slab", Rockwell, Georgia, serif;--body:"Overpass", "Segoe UI", system-ui, sans-serif;--mono:"Overpass Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body,#root{background:var(--lake);height:100%;margin:0;overflow:hidden}body{font-family:var(--body);color:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blaze);outline-offset:2px}.app{position:fixed;inset:0}.viewport{position:absolute;inset:0}.viewport canvas{width:100%!important;height:100%!important}.eyebrow{font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--blaze);margin:0}kbd{border:1px solid var(--paper-a25);min-width:1.6em;font:500 11px/1.3 var(--mono);text-align:center;color:var(--paper);border-bottom-width:2px;border-radius:4px;margin-right:3px;padding:2px 5px 1px;display:inline-block}.loading{background:repeating-radial-gradient(circle at 28% 38%, transparent 0 26px, #e6ebe00a 26px 27px), var(--lake);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.loading__card{width:min(440px,100%)}.loading__card h1{font:700 clamp(40px, 8vw, 60px)/.95 var(--display);color:var(--paper);margin:10px 0 22px}.loading__bar{background:var(--paper-a10);border-radius:2px;height:4px;overflow:hidden}.loading__bar>div{background:var(--blaze);height:100%;transition:width .25s ease-out}.loading__stage{color:var(--paper-a60);margin:12px 0 0;font-size:14px}.menu{-webkit-backdrop-filter:blur(3px)saturate(.9);backdrop-filter:blur(3px)saturate(.9);background:#0f2a3080;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:24px;display:grid;position:absolute;inset:0}.menu__map{place-items:center;min-width:0;min-height:0;display:grid}.menu__side{background:#0f2a30f0;border-radius:10px;flex-direction:column;gap:16px;min-height:0;padding:22px;display:flex;box-shadow:0 18px 50px #00000059}.menu__head h1{font:700 36px/1 var(--display);margin:8px 0 0}.go{background:var(--blaze);color:var(--ink);cursor:pointer;border:0;border-radius:6px;padding:14px 16px;font-size:16px;font-weight:700;transition:transform .12s,filter .12s}.go:hover{filter:brightness(1.06);transform:translateY(-1px)}.go:focus-visible{outline-color:var(--paper)}.seg{justify-content:space-between;align-items:center;gap:12px;display:flex}.seg__label{color:var(--paper-a60);font-size:13px}.seg__opts{border:1px solid var(--paper-a25);border-radius:6px;display:flex;overflow:hidden}.seg__opts button{cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:13px}.seg__opts button+button{border-left:1px solid var(--paper-a25)}.seg__opts button.is-on{background:var(--paper);color:var(--lake);font-weight:600}.tabs{border-bottom:1px solid var(--paper-a25);gap:18px;display:flex}.tabs button{color:var(--paper-a60);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:8px 0 10px;font-size:14px;font-weight:600}.tabs button.is-on{color:var(--paper);border-bottom-color:var(--blaze)}.places{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.places__search{border:1px solid var(--paper-a25);background:var(--paper-a10);width:100%;color:var(--paper);font:15px var(--body);border-radius:6px;padding:10px 12px}.places__search::placeholder{color:var(--paper-a60)}.places__list{scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.places__list button{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:0 4px 4px 0;width:100%;padding:7px 10px;font-size:15px;display:block}.places__list button:hover,.places__list button.is-hot{background:var(--paper-a10);border-left-color:var(--blaze)}.places__empty{color:var(--paper-a60);padding:8px 10px;font-size:14px}.settings{flex-direction:column;gap:14px;display:flex;overflow:auto}.keys{grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 6px;font-size:14px;display:grid}.keys dt{white-space:nowrap}.keys dd{color:var(--paper-a60);margin:0}.credit{color:var(--paper-a60);margin:6px 0 0;font-size:12px;line-height:1.5}.campmap{aspect-ratio:1;border:8px solid var(--paper);background-color:var(--paper);background-size:cover;border-radius:4px;width:min(100%,100vh - 48px);position:relative;box-shadow:0 18px 50px #0006}.campmap--pending{color:var(--ink);font-family:var(--display);place-items:center;display:grid}.pin{cursor:pointer;background:0 0;border:0;padding:6px;position:absolute;transform:translate(-50%,-50%)}.pin__dot{border:2px solid var(--paper);background:var(--sign);border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 0 1px #1b232080}.pin__name{color:var(--ink);font:600 13px/1 var(--display);white-space:nowrap;pointer-events:none;background:#e6ebe0e6;border-radius:3px;padding:3px 6px 2px;display:none;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.pin--bottom .pin__name{top:calc(100% - 2px);bottom:auto}.pin--right .pin__name{top:50%;bottom:auto;left:calc(100% - 4px);transform:translateY(-50%)}.pin--left .pin__name{inset:50% calc(100% - 4px) auto auto;transform:translateY(-50%)}.pin--label .pin__name{display:block}.pin:hover,.pin:focus-visible,.pin.is-hot{z-index:3}.pin:hover .pin__name,.pin:focus-visible .pin__name,.pin.is-hot .pin__name{background:var(--blaze);display:block}.pin:hover .pin__dot,.pin.is-hot .pin__dot{background:var(--blaze);border-color:var(--ink)}.you{z-index:4;background:var(--blaze);clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);width:16px;height:20px;filter:drop-shadow(0 0 1.5px var(--ink)) drop-shadow(0 0 1px var(--ink));pointer-events:none;position:absolute}.hud{pointer-events:none;position:absolute;inset:0}.hud button{pointer-events:auto}.sign{background:var(--sign);font:700 19px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--paper);border-radius:4px;align-items:center;gap:12px;padding:10px 18px 9px 12px;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:18px;left:18px;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00000059}.sign__blaze{background:var(--blaze);border-radius:1px;width:7px;height:22px}.sign--hidden{opacity:0;transform:translateY(-8px)}.hud__mode{font:500 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#0f2a30cc;border-radius:999px;padding:4px 9px 3px;position:absolute;top:66px;left:18px}.crosshair{background:var(--paper);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #1b23208c}.mini{border:5px solid var(--paper);background-color:var(--paper);background-repeat:no-repeat;border-radius:8px;width:168px;height:168px;position:absolute;bottom:18px;right:18px;overflow:hidden;box-shadow:0 10px 28px #0006}.mini__arrow{background:var(--blaze);clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);width:14px;height:18px;filter:drop-shadow(0 0 1.5px var(--ink)) drop-shadow(0 0 1px var(--ink));position:absolute;top:50%;left:50%}.hud__hint{color:var(--paper);text-shadow:0 1px 3px #000000b3;margin:0;font-size:13px;position:absolute;bottom:14px;left:18px}.hud__touch{gap:8px;display:flex;position:absolute;top:18px;right:18px}.chip{border:1px solid var(--paper-a25);cursor:pointer;background:#0f2a30d1;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}@media (max-width:860px){.menu{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:14px;padding:16px}.campmap{width:min(100%,44vh)}.menu__side{padding:18px}.menu__head h1{font-size:28px}.mini{width:120px;height:120px}.sign{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}