/* ---------- адаптивность ---------- */
@media (max-width:1240px){ :root{--pw:clamp(220px,24vw,290px)} .hide-s{display:none!important} }
@media (max-width:1040px){
  :root{--pw:min(320px,80vw)}
  .panel{z-index:8}
  #threatbar{left:12px;right:12px}
}
@media (max-width:860px){
  #top{gap:.45em;padding:0 .4em}
  #top .clock{font-size:1.25em;min-width:3.2em}
  .hide-xs{display:none!important}
}
@media (max-height:660px){ :root{--th:38px} #threatbar{bottom:30px;max-height:2.6em} }
@media (max-height:560px){ .panel{bottom:4px;top:calc(var(--th) + 4px)} }