@layer overscan {
ov-spark,
ov-cellbar {
  position: relative;
  display: block;
  font-family: var(--ov-font-mono);
  font-size: var(--ov-size-3);
  line-height: 1;
  white-space: pre;
  color: var(--ov-accent);
  letter-spacing: 0;
}
.ov-spark__gap { color: var(--ov-alarm); }
.ov-spark__over { color: var(--ov-alarm); }
.ov-spark__refuse,
.ov-cellbar__refuse { color: var(--ov-alarm); }
.ov-cellbar__on { color: var(--ov-accent); }
.ov-cellbar__off { color: var(--ov-line); }
.ov-cellbar__over { color: var(--ov-alarm); }
ov-spark[data-ov-refusal]::after,
ov-cellbar[data-ov-refusal]::after {
  content: attr(data-ov-refusal);
  margin-inline-start: 8px;
  font-size: var(--ov-size-1);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--ov-alarm);
}
ov-spark[data-ov-qualified="stale"] .ov-spark__cells,
ov-spark[data-ov-qualified="stale"] { color: var(--ov-faint); }
ov-spark[data-ov-qualified="stale"]::after {
  content: attr(data-ov-qualifier-text);
  margin-inline-start: 8px;
  font-size: var(--ov-size-1);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--ov-faint);
}
ov-spark[data-ov-unprobed]::after,
ov-cellbar[data-ov-unprobed]::after {
  content: "ladder unverified";
  margin-inline-start: 8px;
  font-size: var(--ov-size-1);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--ov-faint);
}
.ov-ascii--report ov-spark[data-ov-decimated]::after {
  content: attr(data-ov-decimated);
  margin-inline-start: 8px;
  font-size: var(--ov-size-1);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ov-faint);
}
.ov-ascii--report ov-spark[data-ov-quantised]::before,
.ov-ascii--report ov-cellbar[data-ov-quantised]::before {
  content: attr(data-ov-quantised);
  display: block;
  font-size: var(--ov-size-1);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ov-faint);
  margin-block-end: 3px;
}
.ov-ascii--inline {
  display: inline-block;
  vertical-align: middle;
}
}