/* afm-terrain.css — extracted verbatim at v2.137.156 from 14 pages that carried this block inline byte-for-byte. Edit here, not per page. */
:root{--bg:#0A0F1A;--surface:#0F1623;--s2:#131C2C;--line:rgba(180,200,220,.10);--line2:rgba(180,200,220,.18);
--ink:#E6EDF3;--muted:#8B98A8;--faint:#5E6B7C;
--teal:#2db8aa;--teal-dim:rgba(45,184,170,.14);--amber:#E0A458;--amber-dim:rgba(224,164,88,.13);
--absent:#7C8794;--absent-dim:rgba(124,135,148,.12);
--sans:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{background:radial-gradient(120% 90% at 50% 110%, #14242E 0%, #0C1520 38%, #06090F 100%)}
#stage canvas{filter:saturate(1.14) contrast(1.06) brightness(1.03)}
#vig{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(115% 95% at 50% 45%, transparent 58%, rgba(0,0,0,.42) 100%)}
#grain{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.05;mix-blend-mode:overlay}
#stage{position:fixed;inset:0;cursor:grab}#stage:active{cursor:grabbing}
canvas{display:block}
a{color:var(--teal);text-decoration:none}

/* brand */
#brand{position:fixed;top:14px;left:16px;z-index:30;pointer-events:auto}
#brand .brand{font-weight:700;letter-spacing:.04em;font-size:13px;color:var(--muted)}
#brand .brand b{color:var(--ink)}#brand .brand .m{color:var(--teal)}
#brand .lede{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:4px;letter-spacing:.1em}
#brand .lede a{color:var(--muted)}

/* loader */
#loader{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .6s}
#loader.done{opacity:0;pointer-events:none}
#loader .brand{font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--muted)}
#loader .brand b{color:var(--ink)}#loader .brand .m{color:var(--teal)}
#loader .sub{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.1em}
#bar{width:min(280px,70vw);height:2px;background:var(--line);position:relative;overflow:hidden}
#bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--teal);transition:width .25s}
#loader .err{display:none;max-width:330px;text-align:center;font-size:12.5px;color:var(--amber);line-height:1.55}

/* POI chips */
#chips{position:fixed;top:66px;left:16px;z-index:30;display:flex;flex-direction:column;gap:6px;max-width:46vw}
.chip{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);background:rgba(15,22,35,.85);border:1px solid var(--line);border-radius:5px;padding:7px 11px;cursor:pointer;backdrop-filter:blur(6px);transition:color .2s,border-color .2s;text-align:left}
.chip:hover,.chip:focus-visible{color:var(--teal);border-color:var(--teal)}
.chip:focus-visible{outline:1px solid var(--teal);outline-offset:2px}

/* controls */
#ctl{position:fixed;left:16px;bottom:112px;z-index:30;background:rgba(15,22,35,.88);border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(8px);min-width:0;overflow:hidden}
#ctlHead{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--muted);padding:8px 12px;cursor:pointer;user-select:none;display:flex;gap:8px;align-items:center}
#ctlHead:hover{color:var(--teal)}
#ctlBody{display:none;flex-direction:column;gap:10px;padding:2px 14px 12px;min-width:178px}
#ctl.open #ctlBody{display:flex}
#ctl label.rl{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--faint);display:block;margin-bottom:5px}
#ctl input[type=range]{width:100%;accent-color:var(--teal);height:14px}
.tgl{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink);cursor:pointer;user-select:none}
.tgl input{accent-color:var(--teal)}

/* intelligence panel */
#panel{position:fixed;top:0;right:0;bottom:32px;width:352px;z-index:40;background:linear-gradient(180deg,rgba(15,22,35,.95),rgba(10,15,26,.95));border-left:1px solid var(--line);backdrop-filter:blur(10px);overflow-y:auto;overscroll-behavior:contain;transform:translateX(0);transition:transform .35s cubic-bezier(.4,0,.2,1);padding:18px 18px 28px}
#panel.hidden{transform:translateX(100%)}
#panelBtn{position:fixed;top:14px;right:16px;z-index:45;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--teal);background:rgba(15,22,35,.88);border:1px solid var(--teal);border-radius:5px;padding:8px 12px;cursor:pointer}
#panel h1{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:30px 0 4px;line-height:1.15}
#panel .meta{font-family:var(--mono);font-size:9.5px;color:var(--faint);letter-spacing:.05em;margin-bottom:14px;line-height:1.75}
#panel .meta a{color:var(--muted)}
.sect{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;margin-bottom:9px}
.layer{margin-bottom:12px}
.layer .ln{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}
.layer p{font-size:12.5px;line-height:1.55;color:var(--ink)}
.pill{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;vertical-align:middle;white-space:nowrap}
.pill.s{background:var(--teal-dim);color:var(--teal)}
.pill.d{background:var(--amber-dim);color:var(--amber)}
.pill.a{background:var(--absent-dim);color:var(--absent)}
.fact{display:flex;gap:9px;margin-bottom:10px;font-size:12px;line-height:1.5}
.fact .pill{flex-shrink:0;height:fit-content;margin-top:2px}
.fact .src{display:block;font-family:var(--mono);font-size:8.5px;color:var(--faint);margin-top:2px;line-height:1.5}
.gap{font-size:11.5px;line-height:1.5;color:var(--muted);margin-bottom:8px;padding-left:11px;border-left:2px solid var(--absent)}
.verdict{background:var(--teal-dim);border:1px solid rgba(45,184,170,.3);border-radius:6px;padding:12px 13px;margin-top:8px}
.verdict p{font-size:12.5px;line-height:1.55}
.verdict .vt{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--teal);margin-bottom:7px}
.house{font-size:10.5px;color:var(--faint);line-height:1.6;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}

/* legend strip */
#legend{position:fixed;left:0;right:0;bottom:0;height:32px;z-index:50;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 16px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--faint);overflow-x:auto;white-space:nowrap}
#legend .k{display:flex;align-items:center;gap:6px}
#legend .sw{width:8px;height:8px;border-radius:2px;flex-shrink:0}
#legend .attr{margin-left:auto;font-size:8px;letter-spacing:.03em;opacity:.85}

/* 3D labels */
.lbl{position:fixed;z-index:20;transform:translate(-50%,-130%);pointer-events:none;text-align:center;will-change:transform}
.lbl .nm{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:var(--ink);background:rgba(8,12,20,.72);border:1px solid rgba(180,200,220,.14);border-bottom:1.5px solid var(--teal);border-radius:3px;padding:3px 7px;backdrop-filter:blur(5px)}
.lbl .ds{font-family:var(--mono);font-size:8px;color:var(--muted);margin-top:3px;letter-spacing:.03em}
.lbl.town .nm{border-bottom-color:var(--absent)}
.lbl.corr .nm{border-bottom-color:var(--amber);color:var(--amber)}

/* coach + pulse */
@keyframes playPulse{0%,100%{box-shadow:0 0 0 0 rgba(45,184,170,.55)}50%{box-shadow:0 0 0 9px rgba(45,184,170,0)}}
#play.pulse{animation:playPulse 1.8s ease-out infinite}
#coach{position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:47;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--teal);background:rgba(10,15,26,.9);border:1px solid var(--teal);border-radius:5px;padding:7px 12px;pointer-events:none;transition:opacity .8s;white-space:nowrap}
#dots{display:flex;gap:7px;justify-content:center;margin-top:10px}
#dots i{width:6px;height:6px;border-radius:50%;background:var(--faint);transition:background .3s}
#dots i.on{background:var(--teal)}
#ctaCard{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:58;background:linear-gradient(180deg,#11202B,#0C141F);border:1px solid var(--teal);border-radius:10px;padding:26px 28px;max-width:min(420px,90vw);text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.6)}
#ctaCard .ct{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--teal);margin-bottom:10px}
#ctaCard h2{font-size:18px;font-weight:700;margin-bottom:8px}
#ctaCard p{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:18px}
#ctaCard .btn{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:11px 16px;border-radius:6px;margin-bottom:9px;font-weight:600}
#ctaCard .btn.pri{background:var(--teal);color:var(--bg)}
#ctaCard .btn.sec{border:1px solid var(--line2);color:var(--ink)}
#ctaCard .x{position:absolute;top:10px;right:14px;color:var(--faint);cursor:pointer;font-size:14px;background:none;border:none}
.panelCta{display:block;background:var(--teal-dim);border:1px solid rgba(45,184,170,.35);border-radius:6px;padding:10px 12px;margin-top:14px;font-size:12px;line-height:1.5;color:var(--ink)}
.panelCta b{color:var(--teal)}
.coh{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;margin-bottom:7px;align-items:baseline}
.coh .cn{color:var(--ink)}.coh a.cn{color:var(--teal)}
.coh .cm{font-family:var(--mono);font-size:9px;color:var(--faint);white-space:nowrap}
#scen{width:100%;accent-color:var(--teal);margin:8px 0 4px}
#scenOut{font-family:var(--mono);font-size:10.5px;line-height:1.9;color:var(--ink)}
#scenOut b{color:var(--teal)}#scenOut .neg{color:#E06A58}
/* briefing captions */
#cap{display:none;position:fixed;left:50%;transform:translateX(-50%);bottom:120px;z-index:52;max-width:min(640px,92vw);text-align:center;pointer-events:auto;cursor:pointer}
#cap.top{bottom:auto;top:118px}
#cap .cl{font-family:var(--mono);font-size:14px;line-height:1.6;color:var(--ink);background:rgba(10,15,26,.82);border:1px solid var(--line2);border-radius:6px;padding:12px 18px;backdrop-filter:blur(8px)}
#cap .cl .pill{margin-left:8px}
#skip{display:none;position:fixed;right:16px;bottom:120px;z-index:53;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--muted);background:rgba(15,22,35,.88);border:1px solid var(--line);border-radius:5px;padding:7px 11px;cursor:pointer}
body.brf #chips,body.brf #ctl,body.brf #coord,body.brf #modes{display:none!important}
body.brf #cap,body.brf #skip{display:block}
#play{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--bg)!important;background:var(--teal)!important;font-weight:700;border:none;padding:8px 13px;cursor:pointer}
/* mode switch */
#modes{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:46;display:flex;gap:0;border:1px solid var(--line2);border-radius:5px;overflow:hidden;background:rgba(15,22,35,.88);backdrop-filter:blur(6px)}
#modes button{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--muted);background:none;border:none;padding:8px 12px;cursor:pointer;transition:color .2s,background .2s}
#modes button.on{color:var(--bg);background:var(--teal);font-weight:600}
/* economics HUD */
#econ{position:fixed;left:0;right:0;bottom:32px;height:38px;z-index:48;background:rgba(15,22,35,.92);border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 16px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);overflow-x:auto;white-space:nowrap;backdrop-filter:blur(8px)}
#econ b{color:var(--ink);font-weight:600}
#econ .up{color:var(--teal)}#econ .dn{color:#E06A58}
#econ .pillm{font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border-radius:3px;margin-left:4px}
#econ .pillm.s{background:var(--teal-dim);color:var(--teal)}#econ .pillm.d{background:var(--amber-dim);color:var(--amber)}
#panel{bottom:70px}
#legend{bottom:0}
@media (max-width:760px){
  #panel{top:auto;bottom:32px;left:0;right:0;width:auto;max-height:46vh;border-left:none;border-top:1px solid var(--line)}
  #panel.hidden{transform:translateY(100%)}
  #chips{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;top:auto;bottom:76px;left:10px;right:10px;max-width:none;padding-bottom:2px}
  .chip{flex-shrink:0}
  #ctl{bottom:auto;top:112px;right:12px;left:auto}
  #modes{top:64px;left:12px;transform:none}
  #cap{bottom:150px}#skip{bottom:150px}
  #cap .cl{font-size:12px;padding:10px 13px}
  #panel{bottom:70px;max-height:42vh}
  #panelBtn{top:12px;right:12px}
  #brand{left:12px}
}
@media (prefers-reduced-motion:reduce){#panel{transition:none}}

/* v2.137.226 — wide tables (the safeguards screen carries 18 columns) were unreadable below a
   wide monitor: no horizontal scroll, so columns crushed. A media query does this without
   touching markup, which matters because several of these tables are emitter-generated and
   an inline wrapper breaks prerender idempotency. */
@media (max-width: 900px){
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  table th,table td{white-space:normal;min-width:8ch}
}
