/* D-CONN (De-Centralized Observational National Network) — HUD identity
   (user-mandated 2026-07-07): futuristic dark-console look — deep navy/black,
   cyan-glow frames, corner-bracket panels — kept professional and serious:
   no pastels, no cartoonish controls, function first.
   Every visitor-facing string and style must remain politically neutral. */

:root{
  --ink:#d5e3ef;         /* body text — pale steel */
  --ink-soft:#7f97ab;    /* secondary text */
  --navy:#070d16;        /* header bar / table heads — near black */
  --navy-deep:#04080e;
  --green:#2ea8c9;       /* primary HUD accent — cyan (name kept for compat) */
  --green-bright:#54c7e3;/* brighter cyan for dark backgrounds */
  --accent:#4db5d6;      /* links */
  --paper:#0a1220;       /* page background — deep space navy */
  --paper-alt:#0e1929;   /* alt bands / zebra rows */
  --panel:#0d1826;       /* card/panel background */
  --line:#1c3247;        /* borders */
  --glow:0 0 8px rgba(46,168,201,.28);
  --ok:#2f8f63;          /* operational */
  --build:#a3842e;       /* under construction */
  --plan:#3e6e9e;        /* proposed/planned/approved */
  --hold:#8a7355;        /* on hold */
  --stop:#a04848;        /* cancelled */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  background-image:linear-gradient(rgba(46,168,201,.03) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(46,168,201,.03) 1px, transparent 1px);
  background-size:32px 32px;
  line-height:1.6;
}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--accent)}
h1,h2{font-weight:650;line-height:1.2;color:var(--ink);letter-spacing:.02em}
h2{text-transform:uppercase;font-size:1.25rem!important;color:var(--green-bright)}

/* HUD corner-bracket panels */
.hud-frame{position:relative;background:var(--panel);border:1px solid var(--line)}
.hud-frame::before,.hud-frame::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}
.hud-frame::before{top:-1px;left:-1px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.hud-frame::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}

/* header */
.site-header{background:var(--navy);color:#fff;border-bottom:2px solid var(--green);box-shadow:0 1px 12px rgba(46,168,201,.18)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}
.brand-logo{height:46px;width:auto;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.25}
.brand-mark{font-weight:800;letter-spacing:.1em;font-size:1.3rem;color:var(--green-bright)}
.brand-name{font-size:.85rem;color:#c3d7e6;font-weight:600;letter-spacing:.02em}
.brand-tag{font-size:.72rem;opacity:.7;letter-spacing:.06em;text-transform:uppercase}
.site-nav a{color:#dfeaf2;text-decoration:none;margin-left:18px;font-size:.92rem;letter-spacing:.04em}
.site-nav a:hover{color:var(--green-bright);text-shadow:var(--glow)}

/* nav dropdowns */
.nav-sep{display:inline-block;width:1px;height:14px;background:var(--line);margin:0 6px 0 18px;vertical-align:middle}
.nav-drop{position:relative;display:inline-block}
.nav-drop-menu{display:none;position:absolute;right:0;top:100%;min-width:230px;background:var(--navy);border:1px solid var(--line);border-top:2px solid var(--green);padding:6px 0;z-index:50;box-shadow:var(--glow)}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:block}
.nav-drop-menu a{display:block;padding:7px 16px;margin:0!important}
.nav-drop-menu a:hover{background:var(--paper-alt);text-decoration:none}
.nav-menu-sep{display:block;height:1px;background:var(--line);margin:5px 10px}
.nav-user{color:var(--green-bright);font-size:.9rem;margin-left:18px;font-weight:600}

/* hero */
.hero{background:var(--paper-alt);border-bottom:1px solid var(--line);padding:56px 0}
.hero h1{margin:0 0 12px;font-size:clamp(1.5rem,3.5vw,2.3rem)}
.lede{max-width:62ch;color:var(--ink-soft);font-size:1.05rem;margin:0 0 22px}
.btn{display:inline-block;background:transparent;color:var(--green-bright);text-decoration:none;padding:9px 18px;
  border:1px solid var(--green);border-radius:2px;font-weight:600;letter-spacing:.03em;cursor:pointer;font-size:.95rem}
.btn:hover{background:rgba(46,168,201,.12);box-shadow:var(--glow)}
.btn-secondary{border-color:var(--line);color:var(--ink-soft)}
.btn-secondary:hover{color:var(--ink);box-shadow:none;background:var(--paper-alt)}
.btn-small{padding:3px 10px;font-size:.85rem}

/* sections */
.tracker{padding:48px 0}
.tracker h2,.about h2{margin:0 0 10px}
.tracker-note{color:var(--ink-soft);max-width:80ch;margin:0 0 18px}
.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.controls input[type=search]{flex:1 1 260px;min-width:200px}
.controls input,.controls select,
input,select,textarea{
  padding:8px 10px;border:1px solid var(--line);border-radius:2px;font:inherit;color:var(--ink);background:#0b1624;
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:var(--glow)}
.count{color:var(--ink-soft);font-size:.9rem;margin-left:auto}

/* tables */
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:2px;background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:640px}
thead th{
  background:var(--navy);color:var(--green-bright);text-align:left;padding:10px 14px;
  cursor:pointer;user-select:none;white-space:nowrap;position:sticky;top:0;
  border-bottom:1px solid var(--green);letter-spacing:.05em;font-size:.85rem;text-transform:uppercase;
}
thead th::after{content:"";margin-left:6px;opacity:.7}
thead th[aria-sort="ascending"]::after{content:"▲"}
thead th[aria-sort="descending"]::after{content:"▼"}
tbody td{padding:9px 14px;border-top:1px solid #14243a;vertical-align:top}
tbody tr:nth-child(even){background:var(--paper-alt)}
tbody a{font-weight:600;text-decoration:none}
tbody a:hover{text-decoration:underline}
.loading,.empty{color:var(--ink-soft);text-align:center;padding:24px}

.badge{display:inline-block;padding:2px 9px;border-radius:2px;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}
.badge.operational{background:var(--ok)}
.badge.under-construction{background:var(--build);color:#0a1220}
.badge.proposed,.badge.planned{background:var(--plan)}
.badge.approved{background:var(--plan);outline:1px solid var(--green-bright);outline-offset:-1px}
.badge.on-hold{background:var(--hold);color:#0a1220}
.badge.cancelled{background:var(--stop)}

.corrections{color:var(--ink-soft);font-size:.9rem;margin-top:14px;max-width:80ch}
.loc{font-size:.85rem;color:var(--ink-soft);max-width:26ch}
.pin{text-decoration:none;font-size:1rem}
.all-tables-callout{margin:0 0 20px}

/* auth */
.auth-section{padding:56px 0}
.auth-wrap{display:flex;justify-content:center}
.auth-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:28px 30px;max-width:420px;width:100%}
.auth-card::before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.auth-card::after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.auth-card h2{margin:0 0 8px}
.auth-note{color:var(--ink-soft);font-size:.92rem;margin:0 0 16px}
.auth-card label{display:block;font-weight:600;font-size:.9rem;margin:12px 0 4px}
.auth-card input{width:100%}
.auth-card .opt{font-weight:400;color:var(--ink-soft)}
.auth-submit{width:100%;margin-top:18px;font-size:1rem}
.auth-error{background:var(--paper-alt);border:1px solid #a04848;color:#e2a1a1;border-radius:2px;padding:8px 12px;font-size:.9rem}
.auth-hint{color:var(--ink-soft);font-size:.82rem;margin:6px 0 0}
.auth-switch{margin-top:16px;font-size:.9rem;color:var(--ink-soft)}

/* administration + generic cards */
.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:0 0 26px}
.admin-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:14px 16px}
.admin-card::before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.admin-card::after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.admin-card h3{margin:0 0 10px;font-size:.92rem;color:var(--green-bright);border-bottom:1px solid var(--line);padding-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.admin-card dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:.9rem}
.admin-card dt{color:var(--ink-soft)}
.admin-card dd{margin:0;font-weight:600;text-align:right}
.admin-h3{margin:0 0 10px;font-size:1rem;color:var(--green-bright);text-transform:uppercase;letter-spacing:.05em}
.how-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.admin-card p{font-size:.92rem;color:var(--ink-soft);margin:6px 0 0}

/* investigations */
.inv-h3{margin:26px 0 10px;font-size:.95rem;color:var(--green-bright);border-bottom:1px solid var(--green);padding-bottom:5px;max-width:640px;text-transform:uppercase;letter-spacing:.05em}
.inv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.inv-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:14px 16px}
.inv-card::before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.inv-card::after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.inv-card p{margin:8px 0 0;font-size:.9rem;color:var(--ink-soft)}
.inv-title{font-weight:650;text-decoration:none;margin-right:8px}
.inv-meta{font-size:.8rem!important}
.inv-create{margin:18px 0 6px}
.inv-create-form{display:flex;flex-direction:column;gap:8px;max-width:520px}
.inv-create-form .btn{align-self:flex-start}
.inv-team-form{flex-direction:row;flex-wrap:wrap;align-items:center}
.inv-msg{color:#e2a1a1;font-size:.9rem}

/* menu editor + plugin manager */
.menu-tree{max-width:760px;border:1px solid var(--line);background:var(--panel);border-radius:2px;padding:8px}
.menu-row{display:flex;gap:6px;align-items:center;padding:4px 6px;border-bottom:1px solid #14243a}
.menu-row:last-child{border-bottom:0}
.menu-child{margin-left:34px;background:var(--paper-alt)}
.menu-in{padding:5px 8px;font-size:.85rem;flex:1}
.menu-in-url{flex:1.4}
.menu-row select.menu-in{flex:0 0 90px}
.menu-row-btns{display:flex;gap:3px}
.menu-row-btns button{border:1px solid var(--line);background:var(--paper-alt);color:var(--ink);border-radius:2px;cursor:pointer;padding:3px 7px;font-size:.85rem}
.menu-row-btns button:hover{border-color:var(--green);color:var(--green-bright)}
.menu-divider-label{flex:1;color:var(--ink-soft);font-size:.85rem}
.menu-save-state{font-weight:400;font-size:.8rem;color:var(--green-bright);margin-left:10px;text-transform:none;letter-spacing:0}

/* casework */
.cw-count{font-weight:400;font-size:.8rem;color:var(--ink-soft);margin-left:8px;text-transform:none;letter-spacing:0}
.cw-add{margin:10px 0 4px}
.cw-add summary{display:inline-block;list-style:none;cursor:pointer}
.cw-form{margin-top:10px;max-width:640px}
.cw-toggle{font-size:.85rem;color:var(--ink-soft);display:block;margin:6px 0}
.cw-tl{border-left:2px solid var(--green);margin:10px 0 10px 6px}
.cw-tl-ev{display:flex;gap:14px;padding:8px 0 8px 14px;position:relative}
.cw-tl-ev::before{content:"";position:absolute;left:-5px;top:14px;width:8px;height:8px;background:var(--green);box-shadow:var(--glow)}
.cw-tl-off{opacity:.55}
.cw-tl-off::before{background:var(--ink-soft);box-shadow:none}
.cw-tl-date{flex:0 0 120px;font-size:.85rem;color:var(--green-bright);font-weight:600}
.cw-tl-body{flex:1}
.cw-tl-body p{margin:4px 0 0;font-size:.9rem;color:var(--ink-soft)}
.cw-tl-tag{font-size:.78rem;background:var(--paper-alt);border:1px solid var(--line);padding:1px 7px;margin-left:6px;text-decoration:none}
.cw-tl-act{margin-left:10px}
.cw-detail{margin:14px 0;max-width:none}
.cw-detail dl{grid-template-columns:200px 1fr}
.cw-detail dd{text-align:left;font-weight:400}

/* whiteboard */
.wb-board{position:relative;min-height:640px;background:var(--paper-alt);border:1px solid var(--line);border-radius:2px;overflow:hidden;
  background-image:linear-gradient(rgba(46,168,201,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(46,168,201,.06) 1px, transparent 1px);
  background-size:24px 24px}
.wb-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wb-lines line{stroke:var(--green);stroke-width:1.5}
.wb-note{position:absolute;width:180px;min-height:44px;border:1px solid var(--line);box-shadow:2px 2px 0 rgba(0,0,0,.4);
  padding:6px 8px 24px;cursor:grab;user-select:none;font-size:.85rem;color:#16181b}
.wb-note:active{cursor:grabbing}
.wb-note-text{white-space:pre-wrap;word-break:break-word}
.wb-note-bar{position:absolute;bottom:2px;right:4px;display:flex;gap:2px}
.wb-note-bar button{border:0;background:transparent;cursor:pointer;font-size:.8rem;color:#494e54;padding:1px 3px}
.wb-note-bar button:hover{color:#0a1220}
.wb-linking{outline:2px solid var(--green);box-shadow:var(--glow)}

/* page editor + render */
.pg-block{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:8px 10px;margin-bottom:8px}
.pg-block-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.pg-block-kind{font-size:.78rem;color:var(--green-bright);text-transform:uppercase;letter-spacing:.05em;flex:0 0 74px}
.pg-block-bar select,.pg-block-bar input[type=color],.pg-block-bar input[type=number]{padding:3px 6px;font-size:.82rem}
.pg-block-bar button{border:1px solid var(--line);background:var(--paper-alt);color:var(--ink);border-radius:2px;cursor:pointer;padding:2px 7px;font-size:.82rem}
.pg-block-bar button:hover{border-color:var(--green)}
.pg-block-in{width:100%;margin-top:4px}
.pg-render{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:22px 26px;max-width:900px}
.pg-render::before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.pg-render::after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.pg-render img{max-width:100%}
.pg-render hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.pg-drag{opacity:.5;outline:1px dashed var(--green)}

/* HUD widgets */
.hud-w{position:relative;background:var(--paper-alt);border:1px solid var(--line);padding:12px 14px;margin:12px 0}
.hud-w::before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.hud-w::after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.hud-w-title{font-size:.78rem;color:var(--green-bright);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:5px}
.hud-w svg{display:block;width:100%;height:auto}
.hud-w svg text{fill:var(--ink-soft);font-family:inherit}
.hud-stat{display:flex;align-items:baseline;gap:12px}
.hud-stat-num{font-size:2.2rem;font-weight:700;color:var(--green-bright);text-shadow:var(--glow);letter-spacing:.04em}
.hud-stat-label{color:var(--ink-soft);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.hud-blocks{display:flex;gap:10px;flex-wrap:wrap}
.hud-block{border:1px solid var(--green);padding:6px 14px;text-align:center;min-width:86px}
.hud-block-num{font-size:1.3rem;font-weight:700;color:var(--green-bright)}
.hud-block-label{font-size:.7rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}
.hud-w table{min-width:0;font-size:.85rem}
.hud-w tbody td{padding:5px 10px}

/* HUD widget additions: gauge / donut / meter */
.hud-gauge{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hud-donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hud-legend{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--ink-soft)}
.hud-legend i{display:inline-block;width:10px;height:10px;margin-right:7px}
.hud-meter{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.hud-meter-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px}
.hud-meter-track{height:110px;width:22px;border:1px solid var(--line);background:#0b1624;display:flex;align-items:flex-end;
  background-image:repeating-linear-gradient(to top, transparent 0 9px, #12233a 9px 10px)}
.hud-meter-fill{width:100%;background:linear-gradient(to top, #17739b, #54c7e3);box-shadow:var(--glow)}
.hud-meter-pct{color:var(--green-bright);font-weight:700;font-size:.9rem}
.hud-meter-label{font-size:.62rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;text-align:center}

/* HUD decorative components */
.hud-cframe{position:relative;background:var(--paper-alt);padding:16px 18px;margin:12px 0;min-height:56px}
.hud-cframe-body{white-space:pre-wrap;color:var(--ink-soft);font-size:.95rem}
.hud-cframe-bracket{border:1px solid var(--line)}
.hud-cframe-bracket::before,.hud-cframe-bracket::after{content:"";position:absolute;width:16px;height:16px}
.hud-cframe-bracket::before{top:-1px;left:-1px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.hud-cframe-bracket::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.hud-cframe-double{border:1px solid var(--green);outline:1px solid var(--line);outline-offset:4px;margin:16px 4px}
.hud-cframe-notch{border:1px solid var(--line);
  clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
  background:linear-gradient(135deg, var(--green) 0 2px, var(--paper-alt) 2px)}
.hud-cframe-rail{border:1px solid var(--line);border-left:4px solid var(--green);box-shadow:inset 1px 0 8px rgba(46,168,201,.15)}
.hud-titlebar{display:flex;align-items:center;gap:12px;margin:16px 0}
.hud-titlebar-emblem{width:22px;height:22px;border:2px solid var(--green);border-radius:50%;position:relative;flex:none}
.hud-titlebar-emblem::after{content:"";position:absolute;inset:4px;border:1px dashed var(--green-bright);border-radius:50%}
.hud-titlebar-text{color:var(--green-bright);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:1.05rem;text-shadow:var(--glow)}
.hud-titlebar-rule{flex:1;height:1px;background:linear-gradient(90deg, var(--green), transparent)}
.hud-reticle-wrap{display:flex;justify-content:center;margin:10px 0}
.hud-reticle{width:180px;height:180px}
.hud-spin{transform-origin:100px 100px;animation:hudspin 24s linear infinite}
.hud-spin-rev{transform-origin:100px 100px;animation:hudspin 16s linear infinite reverse}
@keyframes hudspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.hud-spin,.hud-spin-rev{animation:none}}
.hud-dots{display:grid;grid-template-columns:repeat(4,10px);gap:7px;margin:12px 0}
.hud-dots i{width:8px;height:8px;background:var(--green);opacity:.8}
.hud-scale{margin:10px 0;max-width:340px}
.hud-readout{font-family:Consolas,"Courier New",monospace;color:#2f6d85;font-size:.78rem;letter-spacing:.14em;margin:8px 0;user-select:none}

/* component library page */
.lib-item{margin:0 0 22px}
.lib-caption{color:var(--ink-soft);font-size:.85rem;margin:0 0 6px}

/* about + footer */
.about{background:var(--paper-alt);border-top:1px solid var(--line);padding:44px 0}
.about p{max-width:75ch}
.site-footer{background:var(--navy-deep);color:#9fb4c6;padding:26px 0;margin-top:0;border-top:1px solid var(--line)}
.site-footer p{margin:4px 0}
.fine{font-size:.85rem;opacity:.8;max-width:85ch}

@media (max-width:640px){
  .brand-name,.brand-tag{display:none}
  .brand-logo{height:38px}
  .count{margin-left:0;width:100%}
}

/* investigation console layout (multi-frame HUD) */
.hud-console-head{padding:14px 18px;margin:0 0 14px}
.hud-console-head h2{margin:2px 0 6px}
.hud-console-back{margin:0 0 4px;font-size:.85rem}
.hud-console{display:grid;gap:14px;grid-template-columns:1fr 1.7fr 1fr;grid-template-areas:
  "stats board team"
  "witness board timeline"
  "evidence evidence timeline"}
.hud-area-stats{grid-area:stats}
.hud-area-board{grid-area:board}
.hud-area-team{grid-area:team}
.hud-area-witness{grid-area:witness}
.hud-area-timeline{grid-area:timeline}
.hud-area-evidence{grid-area:evidence}
.hud-panel{position:relative;background:var(--panel);border:1px solid var(--line);padding:12px 14px;min-width:0}
.hud-panel::before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:2px solid var(--green);border-left:2px solid var(--green)}
.hud-panel::after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}
.hud-panel > .hud-w-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.hud-panel-link{font-size:.72rem;letter-spacing:.05em;text-transform:none}
.hud-panel-body{font-size:.92rem}
.hud-panel .table-scroll{border:0;background:transparent}
.hud-panel table{min-width:0}
.hud-board-frame{width:100%;height:560px;border:1px solid var(--line);background:var(--paper-alt);display:block}
.hud-blocks-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hud-blocks-grid .hud-block{min-width:0}
.hud-console-foot{margin:14px 0 0;text-align:center;border-top:1px solid var(--line);padding-top:8px}
@media (max-width:960px){
  .hud-console{grid-template-columns:1fr;grid-template-areas:"stats" "board" "team" "witness" "timeline" "evidence"}
  .hud-board-frame{height:420px}
}
/* whiteboard embed mode (inside a console frame) */
body.embed .site-header,body.embed .site-footer,body.embed .hud-console-back,
body.embed h2,body.embed #wbHint,body.embed p:has(> a#backLink){display:none}
body.embed .tracker{padding:0}
body.embed .wrap{max-width:none;padding:0}
body.embed .wb-board{min-height:520px;border:0}