/* COBRA HQ // PERSONAL OPS (wow/hq.js). Villain-corp: crimson classified strips, cyan data, clipped corners. */
.hq[hidden],#hq-dlg[hidden],#hq-pickban[hidden]{display:none!important}
#b-hq{color:var(--red2)}
#b-hq:hover,#b-hq[aria-pressed="true"]{border-color:var(--red);background:color-mix(in srgb,var(--red) 16%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--red) 35%,transparent);color:var(--m-hi)}

/* docked UNDER the QUICK START row (56 px below the header) and above the INCIDENTS tab (56 px above the footer), so it never covers either */
.hq{position:fixed;z-index:9;right:var(--g);top:calc(var(--topy) + var(--toph) + 56px);width:344px;max-height:calc(100vh - var(--topy) - var(--toph) - 56px - var(--botb) - var(--both) - 56px);display:flex;flex-direction:column;background:var(--glass2);border:1px solid color-mix(in srgb,var(--red) 45%,transparent);border-top:2px solid var(--red);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--glow-red),var(--m-shadow);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:right .25s;animation:hqin .35s ease-out}
body.r-open .hq{right:calc(var(--rw) + var(--g) + 12px)}
@keyframes hqin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.hq-h{flex:none;padding:0 0 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--red) 18%,transparent),transparent)}
.hq-stamp{display:flex;align-items:center;justify-content:center;gap:10px;height:16px;font-size:9.5px;letter-spacing:.3em;color:var(--m-red-ink);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--red) 30%,transparent) 15%,color-mix(in srgb,var(--red) 30%,transparent) 85%,transparent);white-space:nowrap;overflow:hidden}
.hq-stamp i{width:4px;height:4px;background:var(--red);transform:rotate(45deg);flex:none}
.hq-eo{color:var(--m-hi);font-weight:700}
.hq-id{display:flex;align-items:center;gap:8px;padding:8px 10px 0 12px}
.hq-nm{flex:1;min-width:0}
.hq-nm b{display:block;font:700 18px/1.1 var(--hd);letter-spacing:.14em;color:var(--m-hi);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hq-nm small{display:block;font-size:10px;color:var(--cy2);letter-spacing:.08em;margin-top:2px;line-height:1.35}
.hq-hb{display:flex;gap:4px;flex:none}
.hq-b-set,.hq-ib,.hq-lnk{font-size:10.5px;letter-spacing:.14em;padding:5px 9px;border:1px solid var(--line);color:var(--cy2);background:var(--panel);transition:.15s;min-height:28px}
.hq-b-set{border-color:var(--red);color:var(--m-hi);background:color-mix(in srgb,var(--red) 22%,transparent)}
.hq-b-set:hover{background:color-mix(in srgb,var(--red) 40%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--red) 40%,transparent)}
.hq-ib:hover,.hq-lnk:hover{border-color:var(--cy);color:var(--m-hi);background:color-mix(in srgb,var(--cy) 14%,transparent)}
.hq-ib[aria-label]{min-width:28px;padding:5px 7px;font-size:14px;line-height:1}
.hq-lnk{padding:2px 7px;min-height:0;display:inline-block}
.hq-body{overflow-y:auto;padding:0 10px 12px;scrollbar-width:thin;scrollbar-color:var(--faint) transparent;display:flex;flex-direction:column;gap:8px}
.hq.col{max-height:none}.hq.col .hq-body{display:none}.hq.col .hq-h{padding-bottom:8px}
.hq-priv{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.4;color:var(--m-ok-ink);border:1px solid color-mix(in srgb,var(--ok) 25%,transparent);background:color-mix(in srgb,var(--ok) 5%,transparent);padding:6px 8px;margin-top:2px;letter-spacing:.04em}
.hq-priv svg{flex:none;margin-top:1px;color:var(--ok)}
.hq-card{border:1px solid var(--line);background:var(--panel);padding:9px 10px;position:relative}
.hq-card::before{content:"";position:absolute;left:-1px;top:-1px;width:10px;height:10px;border-left:2px solid var(--cy);border-top:2px solid var(--cy)}
.hq-card .hq-hd{font:600 11px var(--hd);letter-spacing:.26em;color:var(--cy2);margin-bottom:6px;display:flex;align-items:baseline;gap:8px;text-transform:uppercase}
.hq-card .hq-hd small{font:400 9.5px var(--mono);letter-spacing:.08em;color:var(--mute);text-transform:none}
.hq-big{font:700 30px/1.05 var(--hd);color:var(--m-hi);letter-spacing:.06em;text-shadow:0 0 14px color-mix(in srgb,var(--cy) 50%,transparent)}
.hq-big small{font:400 11px var(--mono);color:var(--mute);letter-spacing:.06em;text-shadow:none}
.hq-big.hq-cd{font-size:26px;color:var(--cy2);font-variant-numeric:tabular-nums}
.hq-big.hq-cd.now{color:var(--red2);text-shadow:0 0 14px color-mix(in srgb,var(--red) 60%,transparent);animation:hqpulse 1s infinite alternate}
@keyframes hqpulse{to{opacity:.55}}
.hq-sep{margin:9px 0 6px;font-size:9.5px;letter-spacing:.24em;color:var(--warn);border-top:1px dashed var(--line);padding-top:7px}
.hq-dim{font-size:11px;color:var(--mute);letter-spacing:.06em;line-height:1.5}
.hq-ok{font:600 13px var(--hd);letter-spacing:.2em;color:var(--ok)}
.hq-chips{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 6px}
.hq-chip{font-size:9.5px;letter-spacing:.1em;border:1px solid var(--line);padding:2px 6px;color:var(--cy2);background:color-mix(in srgb,var(--cy) 6%,transparent)}
.hq-kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin-top:6px;font-size:11px}
.hq-kv dt{color:var(--mute);letter-spacing:.1em;font-size:10px;align-self:center}
.hq-kv dd{color:var(--ink);text-align:right;min-width:0;overflow-wrap:anywhere}
.hq-kv small{color:var(--mute);font-size:10px}
.hq-yes{color:var(--ok);font-weight:700;letter-spacing:.12em}.hq-no{color:var(--red2);font-weight:700;letter-spacing:.12em}
.hq-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;text-align:left;padding:5px 6px;margin-top:3px;border:1px solid transparent;border-left:2px solid var(--line);background:color-mix(in srgb,var(--cy) 4%,transparent);font-size:11px;min-height:28px;transition:.12s}
.hq-row:hover{border-color:var(--cy);background:color-mix(in srgb,var(--cy) 12%,transparent)}
.hq-row b{font-weight:400;color:var(--m-hi);letter-spacing:.06em;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hq-row span{color:var(--mute);font-size:10px;white-space:nowrap;flex:none}
.hq-row em{font-style:normal;font-size:9px;letter-spacing:.14em;padding:1px 4px;margin-right:4px;border:1px solid currentColor;color:var(--warn)}
.hq-row.mil{border-left-color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.hq-row.mil b{color:var(--m-red-ink)}.hq-row.mil em{color:var(--red2)}
.hq-row.hz-QUAKE em{color:#ff5d73}.hq-row.hz-FIRE em{color:#ff8a3d}.hq-row.hz-NWS em{color:var(--warn)}.hq-row.hz-GDACS em{color:#ff6b81}
.fc-VFR{color:var(--ok)}.fc-MVFR{color:#4db0ff}.fc-IFR{color:var(--red2)}.fc-LIFR{color:#ff6bf0}
.hq-camb{display:flex;gap:6px;margin:6px 0}
#hq-cam-m{margin-top:4px}#hq-cam-m .player{aspect-ratio:16/9;position:relative;background:#000;border:1px solid var(--line)}
#hq-cam-m .vwrap,#hq-cam-m iframe,#hq-cam-m video,#hq-cam-m img{width:100%;height:100%;display:block;border:0}
#hq-cam-m .vwrap{position:absolute;inset:0}
.hq-sky{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--red);background:linear-gradient(90deg,color-mix(in srgb,var(--red) 28%,transparent),color-mix(in srgb,var(--red) 6%,transparent));color:var(--m-hi);text-align:left;font:700 14px var(--hd);letter-spacing:.24em;transition:.15s;min-height:48px}
.hq-sky small{display:block;font:400 10px var(--mono);letter-spacing:.06em;color:var(--m-red-ink);margin-top:2px}
.hq-sky svg{flex:none;color:var(--red2)}
.hq-sky:hover{box-shadow:0 0 18px color-mix(in srgb,var(--red) 45%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--red) 45%,transparent),color-mix(in srgb,var(--red) 10%,transparent))}

/* set HQ dialog */
#hq-dlg{position:fixed;inset:0;z-index:75;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.hq-dbox{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--glass2);border:1px solid color-mix(in srgb,var(--red) 50%,transparent);border-top:2px solid var(--red);padding:0 16px 16px;box-shadow:var(--glow-red),var(--shadow);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.hq-dbox .hq-stamp{margin:0 -16px 12px}
.hq-dp{font-size:12px;line-height:1.55;color:var(--ink);margin-bottom:9px}
.hq-lock{color:var(--m-ok-ink);border:1px solid color-mix(in srgb,var(--ok) 25%,transparent);background:color-mix(in srgb,var(--ok) 5%,transparent);padding:7px 9px;font-size:11px}.hq-lock b{color:var(--ok);letter-spacing:.14em}
.hq-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.hq-opt{padding:11px 10px;border:1px solid var(--cy);background:color-mix(in srgb,var(--cy) 8%,transparent);text-align:left;min-height:56px;transition:.15s}
.hq-opt b{display:block;font:700 13px var(--hd);letter-spacing:.2em;color:var(--m-hi)}.hq-opt small{display:block;font-size:10px;color:var(--mute);margin-top:3px;letter-spacing:.04em}
.hq-opt:hover{background:color-mix(in srgb,var(--cy) 20%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--cy) 30%,transparent)}
.hq-lbl{display:block;font-size:10px;letter-spacing:.2em;color:var(--cy2);margin:12px 0 5px}
.hq-sr{display:flex;gap:6px}
.hq-sr input{flex:1;min-width:0;height:36px;background:var(--panel2);border:1px solid var(--line);color:var(--m-hi);font:inherit;font-size:16px;letter-spacing:.06em;padding:0 10px;outline:0}
.hq-sr input:focus{border-color:var(--cy)}
.hq-web{flex:none}
.hq-res{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.hq-r{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);background:color-mix(in srgb,var(--cy) 5%,transparent);text-align:left;font-size:12px;min-height:36px}
.hq-r:hover{border-color:var(--cy);background:color-mix(in srgb,var(--cy) 16%,transparent)}.hq-r small{color:var(--mute);font-size:10px}
.hq-msg{min-height:16px;margin-top:8px;font-size:11px;color:var(--cy2);letter-spacing:.04em;line-height:1.45}.hq-msg.bad{color:var(--warn)}
.hq-dact{display:flex;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}

/* globe pick mode */
#hq-pickban{position:fixed;z-index:60;left:50%;top:calc(var(--topy) + var(--toph) + 14px);transform:translateX(-50%);display:flex;gap:14px;align-items:center;background:var(--m-solid);border:1px solid var(--red);padding:9px 16px;font-size:11.5px;letter-spacing:.14em;box-shadow:0 0 22px color-mix(in srgb,var(--red) 35%,transparent);pointer-events:none;white-space:nowrap}
#hq-pickban b{color:var(--m-hi)}#hq-pickban span{color:var(--red2)}
body.hq-picking #globe,body.hq-picking #globe canvas{cursor:crosshair!important}

@media (pointer:coarse){.hq-b-set,.hq-ib,.hq-lnk,.hq-row{min-height:38px}.hq-ib[aria-label]{min-width:38px}.hq-lnk{display:inline-flex;align-items:center}} /* 28px header buttons / 22px links on touch */
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  .hq{left:0;right:0;width:auto;top:auto;bottom:calc(var(--botb) + var(--both) + 52px);max-height:62vh;border-width:1px 0 0;border-top:2px solid var(--red);clip-path:none;z-index:10}
  body.r-open .hq{right:0}
  .hq.col{max-height:none}
  .hq-body{padding-bottom:16px}
  #hq-pickban{top:auto;bottom:calc(var(--botb) + var(--both) + 110px);max-width:94vw;white-space:normal;text-align:center;flex-direction:column;gap:3px}
  .hq-opts{grid-template-columns:1fr}
  .hq-stamp{letter-spacing:.18em}
}
@media (max-height:500px) and (pointer:coarse){.hq{max-height:calc(100vh - var(--topy) - var(--toph) - 60px);bottom:calc(var(--botb) + var(--both) + 4px);left:auto;width:min(46vw,440px);right:0}}
@media (prefers-reduced-motion:reduce){.hq{animation:none}.hq-big.hq-cd.now{animation:none}}

.hq-stale{font-style:normal;color:var(--red2);letter-spacing:.1em}
/* light mode (CJ 10/13 polish): hazard + flight-category tags on paper, no glow behind dark numerals */
html[data-theme="light"] .hq-row.hz-QUAKE em{color:#c8102e}html[data-theme="light"] .hq-row.hz-FIRE em{color:#b34700}html[data-theme="light"] .hq-row.hz-GDACS em{color:#b3122f}
html[data-theme="light"] .fc-MVFR{color:#1666b0}html[data-theme="light"] .fc-LIFR{color:#a3149a}
html[data-theme="light"] .hq-big,html[data-theme="light"] .hq-big.hq-cd.now{text-shadow:none}