.geo-dial .compass{width:280px;height:auto;max-width:100%;margin:25px 0 0;border:0;border-radius:0;background:none;box-shadow:none}
.compass svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 20px #0006)}
.compass text{font-family:'DM Sans','Segoe UI',Arial,sans-serif;text-anchor:middle;dominant-baseline:central;fill:#b6cbb1}
.compass .bearing{font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}
.compass .cardinal{font-size:19px;font-weight:700}.compass .N{fill:#83edb7}
.compass-focus{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:17px}
.compass-focus>span{font-size:12px;letter-spacing:.12em;color:#abc0a3;font-weight:600}
.compass-focus b{font-size:19px;letter-spacing:.035em;font-weight:600}
.compass .compass-focus i{position:static;display:inline;width:auto;height:auto;background:none;transform:none;color:#83edb7;font-style:normal;margin:0 5px}
.pit-readout{box-sizing:border-box}.pit-readout.sizing-copy{visibility:hidden!important;pointer-events:none!important;position:absolute!important;left:0;top:0;min-height:0!important;height:auto!important}
@media(max-width:850px){.geo-dial .compass{width:230px;margin:24px auto 0}.geo-dial{display:block}}
@media(max-width:600px){.geo-dial .compass{width:220px}.compass-focus b{font-size:17px}}

/* Keep the progress strip pinned below the reserved text area. */
.pit-readout{display:flex;flex-direction:column;align-items:stretch}
.pit-readout .tune-line{margin-top:auto;padding-top:18px;flex-shrink:0}
.compass-needle{transform-box:view-box;transform-origin:140px 140px;transform:rotate(var(--heading,22deg));transition:transform 1.35s cubic-bezier(.22,.8,.25,1.12)}
@media(prefers-reduced-motion:reduce){.compass-needle{transition:none}}

/* Match manual entry, pasted values and saved browser autofill. */
.brief-bay{--field-bg:#102318;--field-text:#edf2dc;background:var(--field-bg);color-scheme:dark}
.brief-bay .brief input,.brief-bay .brief textarea,.brief-bay .brief select{background-color:var(--field-bg);color:var(--field-text);caret-color:#83edb7;-webkit-text-fill-color:var(--field-text)}
.brief-bay .brief input:-webkit-autofill,.brief-bay .brief input:-webkit-autofill:hover,.brief-bay .brief input:-webkit-autofill:focus,.brief-bay .brief input:-webkit-autofill:active,.brief-bay .brief textarea:-webkit-autofill,.brief-bay .brief select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset!important;box-shadow:0 0 0 1000px var(--field-bg) inset!important;-webkit-text-fill-color:var(--field-text)!important;caret-color:#83edb7!important;border-bottom-color:#88a07c66}
.brief-bay .brief input:autofill,.brief-bay .brief textarea:autofill,.brief-bay .brief select:autofill{box-shadow:0 0 0 1000px var(--field-bg) inset!important;background-color:var(--field-bg)!important;color:var(--field-text)!important;caret-color:#83edb7}
.brief-bay input::selection,.brief-bay textarea::selection{background:#37654b;color:#edf2dc;-webkit-text-fill-color:#edf2dc}