/* ── DASHBOARD ARTICLE OVERLAY ── */
#dart-ov {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .62);
  z-index: 2000;
  display: none
}

/* Flex centering — #dart-box is the only child, centered in the viewport overlay */
#dart-ov.on {
  display: flex;
  align-items: center;
  justify-content: center
}

/* vw/vh units = always relative to the true viewport, not any parent flex container.
   flex-shrink:0 = never compress below declared size regardless of parent padding or content. */
#dart-box {
  width: 96vw;
  height: 94vh;
  flex-shrink: 0;
  background: #f7f4ef;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .32);
  position: relative
}