/* Pure Pursuit shared top bar (design A, "flight deck"). Always dark, on every page. */
.pp-bar{background:#121a23;border-bottom:1px solid #2a3644;color:#e4eaf0;
  margin:calc(-1 * var(--pp-pt,0px)) calc(-1 * var(--pp-px,0px)) var(--pp-gap,0px);
  font-family:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif}
.pp-bar-in{max-width:var(--pp-max,1180px);margin:0 auto;padding:8px max(16px,env(safe-area-inset-left,0px));
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
.pp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e4eaf0;min-height:44px}
.pp-brand svg{flex:none}
.pp-brand span{font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase}
.pp-links{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.pp-links a{font-weight:600;font-size:16px;letter-spacing:.03em;color:#93a1ae;text-decoration:none;
  padding:9px 14px;border-radius:6px;min-height:44px;box-sizing:border-box;display:flex;align-items:center}
.pp-links a:hover{color:#e4eaf0;background:#1c2733}
.pp-links a[aria-current="page"]{color:#e4eaf0;background:#1c2733}
.pp-bar a:focus-visible{outline:2px solid #39c6d6;outline-offset:2px}
/* Tac Turn Simulator: body has 20px / 16px padding */
body.pp-turns{--pp-pt:20px;--pp-px:max(16px,env(safe-area-inset-left,0px));--pp-gap:20px}
/* Pattern Map: full-height app; the bar takes its share and the map fills the rest */
body.pp-pattern{--pp-pt:10px;--pp-px:max(12px,env(safe-area-inset-left,0px));--pp-gap:10px;--pp-max:none;display:flex;flex-direction:column}
body.pp-pattern .pp-bar-in{padding-block:4px}
body.pp-pattern .pp-brand{min-height:40px}
body.pp-pattern .app{flex:1 1 auto;min-height:0;height:auto}