:root{--navy:#17232d;--wine:#5a2528;--copper:#b56a2d;--brass:#b08a4a;--cream:#e5d6b8;--charcoal:#292521;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--cream);background:var(--navy);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:var(--navy);min-width:320px;min-height:100dvh;margin:0}button{font:inherit;cursor:pointer}.app-viewport{place-items:center;min-height:100dvh;padding:24px;display:grid}.shell{flex-direction:column;margin:0 auto;display:flex}.compass-shell{overscroll-behavior:contain;scrollbar-width:none;background:var(--charcoal);border:1px solid #b08a4a59;border-radius:38px;width:min(390px,100vw - 48px);height:min(844px,100dvh - 48px);min-height:0;padding:32px 20px 22px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #0000007a,0 0 0 1px #b08a4a14}.compass-shell::-webkit-scrollbar{display:none}.compass-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin:auto;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;max-width:100%;margin-bottom:7px;font-size:clamp(1.55rem,7vw,2rem);line-height:1}h2{letter-spacing:-.04em;margin-bottom:3px;font-size:clamp(1.4rem,5.6vw,1.8rem)}.eyebrow{color:var(--brass);letter-spacing:.14em;margin-bottom:9px;font-size:.68rem;font-weight:800}.muted{color:#e5d6b8c2;line-height:1.45}.primary{border:1px solid var(--brass);color:var(--cream);background:var(--wine);white-space:nowrap;border-radius:999px;padding:11px 17px;font-weight:800}.primary:hover{border-color:var(--cream);background:var(--wine)}.primary:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.distance-readout{z-index:2;text-align:center;white-space:nowrap;min-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.distance-readout .eyebrow{margin-bottom:6px;font-size:.58rem}.distance-value{color:var(--cream);letter-spacing:-.06em;margin:0;font-size:1.85rem;font-weight:800;line-height:1}.distance-value span{color:var(--brass);letter-spacing:.08em;margin-left:4px;font-size:.82rem;font-weight:700}.distance-spinner{border:3px solid #b08a4a3d;border-top-color:var(--copper);border-right-color:var(--brass);border-radius:50%;width:31px;height:31px;margin:0 auto;animation:.8s linear infinite distance-spin;display:block}@keyframes distance-spin{to{transform:rotate(360deg)}}.compass-stage{aspect-ratio:1;border-radius:50%;flex:none;width:min(100%,340px);margin:4px auto 0;position:relative;overflow:visible}.compass-ticks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.compass-tick{stroke:#e5d6b88a;stroke-width:1.7px;stroke-linecap:round}.compass-tick.is-major{stroke:#e5d6b8d1;stroke-width:2.3px}.compass-tick.is-cardinal{stroke:var(--cream);stroke-width:3px}.compass-pointer-orbit{z-index:3;transform-origin:50%;opacity:0;pointer-events:none;transition:transform .32s ease-out,opacity .22s ease-out;position:absolute;inset:0}.compass-pointer-orbit.is-visible{opacity:1}.compass-pointer{background:var(--copper);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 5px #b56a2dad);width:6.5%;height:6.5%;display:block;position:absolute;top:8%;left:46.75%}@media (prefers-reduced-motion:reduce){.compass-pointer-orbit{transition:opacity .22s ease-out}.distance-spinner{animation-duration:1.6s}}.target-details{width:100%;min-height:82px}.target-identity,.target-empty{justify-content:center;align-items:center;gap:15px;min-height:68px;display:flex}.target-copy{text-align:center;min-width:0}.target-copy h1{overflow-wrap:anywhere;letter-spacing:-.04em;margin-bottom:5px;font-size:clamp(1.15rem,5vw,1.4rem);line-height:1.05}.category-name{color:var(--brass);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:800;line-height:1.4}.category-icon{width:30px;height:30px;color:var(--brass);flex:0 0 30px;place-items:center;display:grid}.category-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;display:block}.category-icon-placeholder{background:var(--wine);color:var(--cream);border-color:#b08a4a66}.target-status{color:#e5d6b8b8;margin:10px 0 0;font-size:.78rem;line-height:1.4}.attribution{right:16px;bottom:calc(12px + env(safe-area-inset-bottom));color:#e5d6b89e;text-align:center;font-size:.67rem;line-height:1.3;position:absolute;left:16px}.activation-backdrop{z-index:10;border-radius:inherit;-webkit-backdrop-filter:blur(12px);background:#17232dc7;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.activation-dialog{background:var(--charcoal);text-align:center;border:1px solid #b08a4a8f;border-radius:24px;gap:9px;width:min(100%,288px);padding:20px 18px 18px;display:grid;box-shadow:0 28px 90px #00000094}.activation-dialog h2,.activation-dialog .muted,.activation-dialog .activation-status{margin-bottom:0}.activation-dialog h2{color:var(--cream);letter-spacing:-.05em;font-size:1.45rem;line-height:1.05}.activation-dialog .muted{font-size:.82rem;line-height:1.35}.activation-status{color:var(--brass);font-size:.82rem;line-height:1.4}.activation-button{width:100%;min-height:44px;margin-top:2px;font-size:.9rem}.activation-button:disabled{cursor:wait;opacity:.72}@media (width<=560px){.app-viewport{min-height:100dvh;padding:0;display:block}.compass-shell{width:100%;height:auto;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0;overflow:visible}.compass-content{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 48px)}.activation-backdrop{padding:16px}}.category-with-icon{justify-content:center;align-items:center;gap:.5em;display:flex}.category-with-icon .category-icon{flex:0 0 1em;width:1em;height:1em}.category-with-icon .category-icon svg{width:100%;height:100%}