:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#000;--surface:#10130f;--surface-raised:#181b15;--surface-warm:#211d14;--paper:#efe8d7;--muted:#aca58f;--moss:#9cad72;--amber:#e2ad55;--rust:#bd6749;--line:#4a483b;--focus:#f1d184;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:600px;height:600px;color:var(--paper);background:#000;margin:0;overflow:hidden}button{font:inherit;color:inherit}.hidden{display:none!important}.app-root{background:#000;width:600px;height:600px;padding:8px;position:relative;overflow:hidden}.screen{z-index:3;flex-direction:column;gap:16px;display:flex;position:absolute;inset:8px;overflow:hidden}.map-screen{pointer-events:none}.map-screen button{pointer-events:auto}.map-shell{z-index:1;opacity:0;background:#080a08;border:1px solid #292a21;border-radius:28px;transition:opacity .18s;position:absolute;inset:8px;overflow:hidden}.map-visible .map-shell{opacity:1}#map{position:absolute;inset:0}.map-grain{pointer-events:none;mix-blend-mode:screen;background-image:repeating-radial-gradient(circle at 20% 20%,#0000 0 13px,#e8d29e06 14px 15px);position:absolute;inset:0}.map-attribution{color:#8d8876;letter-spacing:.03em;font-size:10px;position:absolute;bottom:100px;left:14px}.maplibregl-canvas{outline:none}h1,h2,p{margin:0}h1{letter-spacing:-.04em;font-size:38px}h2{letter-spacing:-.025em;font-size:24px;line-height:1.08}.eyebrow{color:var(--moss);letter-spacing:.16em;font-size:12px;font-weight:800}.muted{color:var(--muted)}.cache-mark{border:2px solid var(--amber);width:58px;height:58px;color:var(--amber);border-radius:50% 50% 50% 10%;place-items:center;font-size:34px;display:grid;transform:rotate(-12deg)}.cache-mark.large{width:96px;height:96px;font-size:56px}.brand-lockup,.field-header{align-items:center;gap:16px;min-height:72px;padding:6px 10px;display:flex}.brand-lockup>div,.field-header>div{gap:3px;display:grid}.pair-copy{border-left:3px solid var(--moss);background:var(--surface);border-radius:4px 20px 20px 4px;padding:18px 22px;font-size:18px;line-height:1.4}.pair-copy .muted{margin-top:8px;font-size:15px}.pair-digits{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.digit{border:1px solid var(--line);background:var(--surface-raised);font-variant-numeric:tabular-nums;border-radius:18px 18px 8px 8px;height:88px;font-size:40px;font-weight:800}.digit:before{content:"⌃";color:var(--moss);font-size:13px;line-height:8px;display:block}.focusable{outline:none;transition:transform .17s,border-color .17s,background-color .17s}.focusable:focus-visible{box-shadow:inset 0 0 0 2px #0c0d0a, inset 0 0 0 4px var(--focus);transform:translateY(-2px);border-color:var(--focus)!important}.focusable:active{transform:translateY(1px)scale(.98)}.field-button{border:1px solid var(--line);background:var(--surface-raised);border-radius:22px 22px 10px;justify-content:space-between;align-items:center;min-height:88px;padding:0 24px;font-size:18px;font-weight:800;display:flex}.field-button.primary,.rail-button.primary{border-color:var(--amber);color:#fff4da;background:#5f4a28}.field-button.quiet{color:var(--muted)}.field-button.full{width:100%}.center-state{text-align:center;justify-items:center;gap:18px;max-width:420px;margin:auto;display:grid}.empty-illustration{width:240px;height:170px;color:var(--amber);border:2px dashed #5b5748;border-radius:50%;place-items:center;margin:24px auto 4px;font-size:54px;display:grid;position:relative}.empty-illustration i{width:54px;transform:rotate(var(--r));border-top:2px solid #5b5748;position:absolute}.empty-illustration i:first-of-type{--r:22deg;top:38px;left:8px}.empty-illustration i:nth-of-type(2){--r:-34deg;top:54px;right:10px}.empty-illustration i:nth-of-type(3){--r:7deg;bottom:28px;left:72px}.empty-copy{text-align:center;max-width:430px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.4}.stack-actions{gap:10px;margin-top:auto;display:grid}.cache-banner,.turn-banner{pointer-events:none;background:#0e100df0;border:1px solid #494638;border-radius:24px 24px 12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:92px;margin:8px;padding:12px 16px;display:grid}.cache-index{min-width:48px;color:var(--amber);font-size:14px;font-weight:800}.cache-title-wrap{gap:4px;min-width:0;display:grid}.cache-title-wrap h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.distance-pill{color:#f0d698;white-space:nowrap;background:#282419;border-radius:999px;padding:9px 12px;font-weight:800}.turn-banner{grid-template-columns:70px 1fr}.turn-symbol{border:2px solid var(--amber);width:60px;height:60px;color:var(--amber);border-radius:18px 18px 8px;place-items:center;font-size:36px;font-weight:900;display:grid}.turn-banner>div{gap:4px;display:grid}.route-status{color:var(--muted);background:#10130fe6;border-radius:999px;align-self:flex-end;margin:-8px 14px 0;padding:7px 10px;font-size:12px;font-weight:700}.field-rail{pointer-events:auto;gap:8px;min-height:88px;margin-top:auto;display:grid}.field-rail.four{grid-template-columns:repeat(4,1fr)}.field-rail.three{grid-template-columns:repeat(3,1fr)}.field-rail.two{grid-template-columns:repeat(2,1fr)}.rail-button{border:1px solid var(--line);background:#121510f5;border-radius:20px 20px 9px;align-content:center;place-items:center;gap:4px;min-width:0;height:88px;font-size:26px;font-weight:900;display:grid}.rail-button small{letter-spacing:.03em;white-space:nowrap;font-size:12px;font-weight:800}.rail-button.danger{color:#efb09c;background:#281812;border-color:#754536}.cache-type-mark{border:2px dashed var(--amber);width:62px;height:62px;color:var(--amber);border-radius:50%;place-items:center;font-size:36px;display:grid}.detail-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-grid>div{background:var(--surface);border:1px solid #34352b;border-radius:16px 16px 7px;align-content:center;gap:5px;min-height:84px;padding:14px 16px;display:grid}.detail-grid span,.hint-card span{color:var(--moss);letter-spacing:.13em;font-size:10px;font-weight:900}.detail-grid strong{font-size:18px}.hint-card{border-left:3px solid var(--amber);background:var(--surface-warm);border-radius:4px 18px 18px 4px;align-content:start;gap:8px;min-height:108px;padding:16px;display:grid}.hint-card p{color:#ddd3bb;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.stealth-header{justify-content:space-between;align-items:center;min-height:54px;padding:0 14px;display:flex}.stealth-header>span{color:var(--muted);font-size:13px;font-weight:700}.maneuver-panel{text-align:center;flex:1;align-content:center;justify-items:center;gap:8px;display:grid}.bearing-ring{background:radial-gradient(circle,#181a14 0 36%,#0b0d0a 37% 100%);border:2px dashed #67624f;border-radius:50%;place-items:center;width:230px;height:230px;transition:opacity .18s;display:grid}.bearing-ring:before{content:"N";color:var(--moss);align-self:start;margin-top:15px;font-size:13px;font-weight:900;position:absolute}.bearing-arrow{color:var(--amber);transform-origin:50%;font-size:138px;line-height:1;transition:transform .14s linear,opacity .18s}.maneuver-distance{color:var(--amber);letter-spacing:-.03em;font-size:36px;font-weight:900}.maneuver-panel h2{max-width:480px;font-size:28px}.arrived .bearing-ring{opacity:.35}.arrived .bearing-arrow{opacity:.45}.toast{z-index:20;border:1px solid var(--amber);color:#fff0cc;text-align:center;background:#252016;border-radius:20px 20px 8px;max-width:536px;padding:14px 20px;font-size:15px;font-weight:700;position:absolute;top:24px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}