/* Centered windows opened from the HUD (Research/Tech, Fleet, Diplomacy/players,
   Planets/body types, drone script). Same look as the setup modal, but a
   normal flow layout sized by its content, scaled by --uiScale like the
   rest of the kit. The setup modal itself keeps its own fixed-coordinate
   layout (setupModal.css). */
.uiWindow{
  position:fixed; inset:0; z-index:10; display:flex;
  align-items:center; justify-content:center;
  background:rgb(0 0 8 / .6);
}
.uiWindowBox{
  position:relative; display:flex; flex-direction:column;
  max-height:calc(88vh / var(--uiScale));
  padding:8px 14px 16px 44px;
  transform:scale(var(--uiScale));
  font-family:var(--uiFontBody); color:var(--uiText); text-align:left;
}
/* The frame sits behind the content: the transform above makes the box a
   stacking context, so z-index:-1 stays inside it. */
.uiWindowBox::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:12px;
  border:1.5px solid var(--uiFrame);
  box-shadow:0 0 8px var(--uiFrameGlow), inset 0 0 8px rgb(40 80 255 / .18);
  background:rgb(0 2 12 / .94);
}
.uiWinSide{ position:absolute; left:12px; top:52px; bottom:12px; width:18px; border-radius:0 0 0 12px; }
.uiWinHead{ display:flex; align-items:center; gap:10px; height:34px; flex:none; }
.uiWinHead .hdSq{ margin-left:-32px; flex:none; }
.uiWinHead .hd{ flex:1; font-size:21px; }
.uiWindowBox > .hdLine{ flex:none; margin:2px -2px 10px -32px; }
.uiWinBody{ overflow:auto; min-height:0; }