/* ============================================================================
   Test console
   ----------------------------------------------------------------------------
   Deliberately plain. This screen is a workbench, not a place in the game, and
   dressing it up in painted frames would make it easy to mistake for one.

   Depends on tokens.css and kit.css.
   ========================================================================== */

.dv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--s2);
}

.dv-cur {
  display: grid;
  gap: 5px;
  padding: var(--s2);
  border-radius: var(--rad-sm);
  background: var(--panel-sunken);
  box-shadow: var(--carve);
}

.dv-cur-head { display: flex; align-items: center; gap: 5px; }
.dv-cur-name { font-size: var(--fz-tiny); color: var(--text-dim); }

/* The balance is the point of the row, so it gets the weight and the space. */
.dv-cur-n {
  margin-left: auto;
  font-size: var(--fz-small);
  color: var(--gold-200);
}

.dv-cur-btns { display: flex; gap: 4px; }
.dv-cur-btns .kit-btn { flex: 1; padding: 0 2px; font-size: 0.68rem; }

.dv-row { display: flex; flex-wrap: wrap; gap: var(--s2); }