*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  overscroll-behavior: none;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 500 16px/1.45 var(--sans);
  padding-inline: var(--gl) var(--gr);
  padding-block-end: calc(var(--bar-h) + var(--s2));
  padding-block-start: var(--top-h);
}
h2,
h3 {
  font-weight: var(--fw-block);
}
strong,
b {
  font-weight: var(--fw-block);
}
output {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}
button,
input,
select,
textarea,
output,
meter {
  font: inherit;
  color: inherit;
}
button,
select,
input[type=number],
input[type=text],
input[type=search],
input[type=range] {
  min-height: var(--tap);
}
button,
select {
  padding-inline: var(--s3);
}
button {
  font-weight: var(--btn-fw);
  font-size: var(--btn-fs);
  color: var(--ink);
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
  cursor: pointer;
}
button:hover {
  background: var(--flag-tint);
}
button:active {
  transform: translate(var(--press), var(--press));
  box-shadow: none;
}
button:disabled {
  color: var(--faint);
  background: var(--well);
  border-color: var(--faint);
  box-shadow: none;
  cursor: default;
  transform: none;
}
th button,
td button {
  box-shadow: none;
}
th button:active,
td button:active {
  transform: none;
  background: var(--flag);
}
button[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
}
button[aria-pressed=true]:hover {
  background: var(--lamp-hot);
}
button[aria-pressed=true] mark {
  background: transparent;
  color: inherit;
}
select {
  font-weight: var(--btn-fw);
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  cursor: pointer;
}
select:hover {
  background: var(--flag-tint);
}
select:disabled {
  color: var(--faint);
  background: var(--well);
  border-color: var(--faint);
  cursor: default;
}
select option,
select optgroup {
  background: var(--panel);
  color: var(--ink);
}
input[type=number],
input[type=text],
input[type=search] {
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
}
input[type=checkbox],
input[type=radio] {
  accent-color: var(--hand);
}
input[type=range]:not([list]) {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}
input[type=range] {
  inline-size: 100%;
  block-size: var(--ctl);
  margin: 0;
  touch-action: pan-y;
  cursor: grab;
}
input[type=range]:active {
  cursor: grabbing;
}
input[type=range]:disabled {
  cursor: default;
  opacity: .5;
}
input[type=range].nu-pbin:disabled,
input[type=range].nu-vain:disabled,
input[type=range].nu-vs-in:disabled {
  opacity: 0;
}
input[type=range]:not([list])::-webkit-slider-runnable-track {
  block-size: var(--sl-trough);
  background: linear-gradient(var(--hand), var(--hand)) left / var(--p, 0%) 100% no-repeat, var(--well);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
}
input[type=range]:not([list])::-webkit-slider-thumb {
  -webkit-appearance: none;
  inline-size: var(--sl-grab);
  block-size: var(--sl-cap);
  margin-block-start: calc((var(--sl-trough) - var(--sl-cap)) / 2 - var(--bw));
  background: linear-gradient(var(--ink), var(--ink)) 50% 50% / var(--bw-hard) 12px no-repeat, var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
}
input[type=range]:not([list])::-moz-range-track {
  block-size: var(--sl-trough);
  background: var(--well);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
}
input[type=range]:not([list])::-moz-range-progress {
  block-size: var(--sl-trough);
  background: var(--hand);
  border-radius: var(--r1) 0 0 var(--r1);
}
input[type=range]:not([list])::-moz-range-thumb {
  inline-size: var(--sl-grab);
  block-size: var(--sl-cap);
  background: linear-gradient(var(--ink), var(--ink)) 50% 50% / var(--bw-hard) 12px no-repeat, var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
}
input[type=range]:not([list]):focus-visible::-webkit-slider-thumb {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 1px;
}
input[type=range]:not([list]):focus-visible::-moz-range-thumb {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 1px;
}
input[type=range][list] {
  accent-color: var(--hand);
}
.nu-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  margin-block: var(--s2);
}
input[type=number] {
  padding-inline: var(--s2);
  inline-size: 5.5em;
}
input[type=checkbox],
input[type=radio] {
  inline-size: var(--box);
  block-size: var(--box);
  margin: 0 var(--s2) 0 0;
  vertical-align: middle;
}
label {
  display: inline-block;
  min-block-size: var(--tap);
  line-height: var(--tap);
}
#app p {
  margin-block: var(--s2);
}
:focus-visible {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 1px;
}
a {
  color: var(--hand);
}
.nu-new {
  display: flex;
  align-items: center;
  gap: var(--s3);
  flex-wrap: wrap;
  margin-block: var(--s1) 0;
  font-size: .9rem;
}
.nu-ax > h2,
#atlas > h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.nu-ax > h3,
.nu-ax h3 {
  font-size: 1rem;
  margin: var(--s4) 0 var(--s1);
}
.nu-count {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-block: var(--s1);
  font-family: var(--mono);
  color: var(--meter);
  line-height: 1.05;
}
.nu-count b {
  font-weight: var(--num-fw);
  font-size: .95rem;
  font-variant-numeric: tabular-nums;
}
.nu-count small {
  font-size: .6rem;
  font-weight: 600;
}
.nu-count:empty {
  display: none;
}
.nu-strip-out,
.nu-log,
.nu-explain,
.nu-say {
  position: fixed;
  z-index: 55;
  inset-inline-start: var(--gl);
  margin: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--panel);
  color: var(--ink);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
  font-size: var(--t2);
  line-height: 1.35;
}
.nu-strip-out[hidden],
.nu-log[hidden],
.nu-explain[hidden],
.nu-say[hidden] {
  display: none;
}
.nu-strip-out {
  inset-block-end: calc(var(--bar-h) + 4px);
  inline-size: min(46ch, calc(100vw - 2 * var(--gl)));
  max-block-size: min(60vh, 520px);
  padding: var(--s2) var(--s3);
}
.nu-log {
  inset-block-start: calc(var(--top-h) + 4px);
  inline-size: min(46ch, calc(100vw - 2 * var(--gl)));
  max-block-size: min(60vh, 520px);
  padding: var(--s2) var(--s3);
}
.nu-log ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nu-log li {
  display: flex;
  gap: var(--s3);
  align-items: baseline;
  padding-block: var(--s1);
  border-block-start: var(--bw) solid var(--rule);
}
.nu-log li:first-child {
  border-block-start: 0;
}
.nu-log time {
  flex: 0 0 auto;
  font-family: var(--mono);
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
  color: var(--dim);
}
.nu-log li > span {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: break-word;
}
.nu-log li[data-kind=engine] > span {
  font-family: var(--mono);
  font-weight: 600;
  color: var(--meter);
  font-size: .78rem;
}
.nu-log b {
  font-weight: var(--num-fw);
}
.nu-log p {
  margin: 0;
  color: var(--dim);
}
.nu-pan[data-off] {
  display: none;
}
[data-vi="0"] {
  --vpaint: var(--v0);
}
[data-vi="1"] {
  --vpaint: var(--v1);
}
[data-vi="2"] {
  --vpaint: var(--v2);
}
[data-vi="3"] {
  --vpaint: var(--v3);
}
[data-vi="4"] {
  --vpaint: var(--vb);
}
[data-vi="5"] {
  --vpaint: var(--drum);
}
.nu-vpaint {
  background: var(--vpaint, var(--ink));
  color: var(--on-fill);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r2);
}
.nu-vpaint.is-edge {
  background: transparent;
  color: inherit;
  border: 0;
  box-shadow: inset 3px 0 0 var(--vpaint, var(--ink));
  border-radius: var(--r0);
}
.nu-ax,
#atlas {
  --paper: color-mix(in oklab, hsl(calc(var(--sec) * var(--wash-turn)) var(--wash-sat) var(--wash-lit)) var(--wash), var(--ground));
  background: var(--paper);
}
.nu-ax {
  margin-inline: calc(-1 * var(--s4)) calc(-1 * (var(--s4) + var(--gr)));
  padding-inline: var(--s4) calc(var(--s4) + var(--gr));
}
#atlas {
  margin-inline-end: calc(-1 * var(--gr));
  padding-inline-end: calc(var(--s4) + var(--gr));
}
.nu-pan {
  --sec: 0;
  padding: var(--s4) var(--s4) 0;
}
#atlas {
  --sec: 0;
}
#pan-motif {
  --sec: 3;
}
#pan-band {
  --sec: 4;
}
#deck {
  --sec: 5;
}
#produce {
  --sec: 6;
}
#scoredeck {
  --sec: 7;
}
#videodeck {
  --sec: 8;
}
#saverdeck {
  --sec: 9;
}
#rulesdeck {
  --sec: 10;
}
#exportdeck {
  --sec: 12;
}
table {
  border-collapse: collapse;
  --paper: var(--panel);
  inline-size: 100%;
  background: var(--panel);
  border: var(--bw) solid var(--ink);
}
.nu-pane {
  --paper: var(--panel);
}
caption {
  text-align: left;
  font-size: .85rem;
  color: var(--dim);
  opacity: 1;
  font-weight: 600;
  padding-block: var(--s1);
}
th,
td {
  border: 1px solid var(--rule);
  padding: 2px 4px;
  text-align: left;
  line-height: 1.3;
  vertical-align: middle;
}
table > tr:first-child > th,
thead th {
  border-block-end: var(--bw-hard) solid var(--rule-strong);
}
table > tr:nth-child(even) > td,
tbody > tr:nth-child(even) > td {
  background: var(--zebra);
}
.nu-grid > tr:nth-child(even) > td {
  background: none;
}
tr.nu-here > th:first-child,
tr.nu-here > td:first-child {
  border-inline-start: var(--bw-hard) solid var(--hand);
}
.nu-pane {
  overflow-x: auto;
  overscroll-behavior: none;
  max-inline-size: 100%;
  background:
    linear-gradient(
      to right,
      var(--paper) 30%,
      transparent) left / 24px 100% no-repeat local,
    linear-gradient(
      to left,
      var(--paper) 30%,
      transparent) right / 24px 100% no-repeat local,
    radial-gradient(
      farthest-side at 0 50%,
      var(--scrim),
      transparent) left / 10px 100% no-repeat scroll,
    radial-gradient(
      farthest-side at 100% 50%,
      var(--scrim),
      transparent) right / 10px 100% no-repeat scroll;
}
.nu-grid th,
.nu-grid td {
  padding: 0;
  text-align: center;
}
.nu-grid td {
  min-inline-size: var(--cell);
  block-size: var(--cell);
}
.nu-grid th:first-child,
.nu-grid td:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
  background: var(--paper);
  text-align: left;
  padding-inline: 4px;
  border-inline-end: var(--bw-hard) solid var(--rule-strong);
}
.nu-grid input[type=checkbox],
.nu-grid input[type=radio] {
  inline-size: var(--box);
  block-size: var(--box);
  margin: 4px;
}
.nu-grid tr.nu-beat > th,
.nu-grid tr.nu-beat > td {
  border-block-start: var(--bw-hard) solid var(--rule-strong);
}
.nu-grid input[type=range] {
  min-height: 0;
  min-block-size: 0;
  block-size: 30px;
  margin: 0;
  vertical-align: middle;
}
.nu-grid td > output {
  display: inline-block;
  min-inline-size: 2ch;
  font-size: .8rem;
  line-height: 1;
  text-align: right;
  vertical-align: middle;
}
.nu-grid th span,
.nu-grid th mark {
  font-size: .8rem;
}
.nu-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.is-now,
.nu-circ .nu-opt.is-on,
.nu-circ .nu-opt:has(:checked) {
  background: var(--hand);
  color: var(--on-fill);
}
mark {
  background: var(--clock-tint);
  color: var(--ink);
  font-weight: 800;
}
.is-off,
.nu-opt:has(:disabled) {
  opacity: .45;
}
.is-quiet {
  opacity: .7;
  font-style: italic;
}
.nu-hint {
  font-size: var(--t2);
  color: var(--dim);
}
.nu-sheet {
  display: grid;
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  gap: 4px;
  border: var(--bw) solid var(--ink);
  background: var(--panel);
  --paper: var(--panel);
  padding: 6px;
  margin-block: var(--s3);
  grid-auto-rows: minmax(var(--tap), min-content);
  align-items: start;
  min-inline-size: 0;
}
.nu-sheet[data-cols="2"] {
  --cols: 2;
}
.nu-sheet[data-cols="3"] {
  --cols: 3;
}
.nu-sheet[data-cols="4"] {
  --cols: 4;
}
@media (max-width: 460px) {
  .nu-sheet[data-cols="3"],
  .nu-sheet[data-cols="4"] {
    --cols: 2;
  }
}
@media (max-width: 340px) {
  .nu-sheet {
    --cols: 1;
  }
}
.nu-sheet > legend {
  padding-inline: var(--s2);
  font-weight: 600;
}
.nu-sheet > .nu-grp,
.nu-sheet > .nu-why {
  grid-column: 1 / -1;
}
.nu-grp {
  margin: var(--s2) 0 0;
  font-size: var(--t2);
  opacity: .75;
  border-block-end: 1px solid var(--rule);
}
.nu-why {
  display: block;
  font-size: var(--t1);
  opacity: .8;
  line-height: 1.25;
}
.nu-sheets > h3 {
  font-size: 1rem;
  margin: var(--s4) 0 var(--s1);
}
.nu-opt {
  display: flex;
  align-items: center;
  gap: var(--s2);
  flex-wrap: wrap;
  min-block-size: var(--tap);
  line-height: normal;
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  padding: 3px calc(.5em - 1px);
  overflow-wrap: anywhere;
}
.nu-opt > input[type=radio],
.nu-opt > input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.nu-opt .nu-w {
  font-weight: 600;
}
.nu-opt .nu-why {
  flex: 1 0 100%;
  font-weight: 400;
}
.nu-opt.is-on,
.nu-opt:has(:checked) {
  border-color: var(--hand);
  background: var(--hand-tint);
}
.nu-opt:has(:focus-visible) {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 1px;
}
.nu-circ {
  border: var(--bw) solid var(--ink);
  background: var(--panel);
  --paper: var(--panel);
  padding: 6px;
  margin-block: var(--s3);
  min-inline-size: 0;
  max-inline-size: min(100%, 26em);
}
.nu-circ > legend {
  padding-inline: var(--s2);
  font-weight: 600;
}
.nu-circ > .nu-why {
  margin-block: var(--s1) var(--s2);
}
.nu-circ-face {
  position: relative;
  inline-size: 21em;
  block-size: 21em;
  font-size: clamp(.62rem, calc((100vw - 26px) / 20), 1rem);
  margin: 10px auto;
  max-inline-size: 100%;
}
.nu-circ-face::before,
.nu-circ-face::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border: var(--bw) solid var(--rule);
  border-radius: 50%;
  z-index: 0;
}
.nu-circ-face::before {
  inline-size: 17.2em;
  block-size: 17.2em;
}
.nu-circ-face::after {
  inline-size: 11.6em;
  block-size: 11.6em;
}
.nu-circ .nu-opt {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  background: var(--paper);
  z-index: 1;
  transform: translate(-50%, -50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));
}
.nu-circ .nu-opt .nu-w {
  white-space: nowrap;
}
.nu-circ .nu-opt {
  min-block-size: 26px;
  min-inline-size: 26px;
  padding: 2px var(--s2);
  line-height: 1.15;
  align-items: center;
}
.nu-circ .nu-ko {
  --r: 8.6em;
}
@media (min-width: 400px) {
  .nu-circ .nu-ko {
    min-block-size: 34px;
  }
}
.nu-circ .nu-ki {
  --r: 5.8em;
  padding-inline: var(--s1);
}
.nu-circ .nu-ki .nu-w {
  font-size: .8em;
}
.nu-circ .nu-opt .nu-why {
  flex: 1 0 100%;
  max-inline-size: 9em;
  white-space: normal;
}
.nu-sels > h3 {
  font-size: 1rem;
  margin: var(--s4) 0 var(--s1);
}
.nu-sel {
  margin-block: var(--s3);
}
.nu-sel > label,
.nu-field > label {
  display: flex;
  align-items: center;
  align-content: start;
  gap: 0 var(--s2);
  flex-wrap: wrap;
  line-height: normal;
  min-block-size: calc(2 * var(--tap));
}
.nu-sel > label > .nu-w,
.nu-field > label > .nu-w {
  flex: 1 0 100%;
  font-weight: var(--fw-label);
  block-size: var(--tap);
  line-height: var(--tap);
  min-inline-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nu-sel > label > input[type=range],
.nu-field > label > input[type=range] {
  flex: 1 1 0;
  inline-size: auto;
  min-inline-size: 0;
  block-size: var(--tap);
}
.nu-sel > label > .nu-combo {
  flex: 0 1 auto;
  min-inline-size: 0;
  max-inline-size: min(100%, 30ch);
}
.nu-sel > label > .nu-combo[data-widget=lozenge] {
  flex: 1 1 100%;
  max-inline-size: 100%;
}
.nu-sel > .nu-why {
  margin-block-start: var(--s1);
}
.nu-combo {
  position: relative;
  display: inline-grid;
  grid-template-columns: 1fr;
  gap: var(--s1);
  min-inline-size: 0;
  max-inline-size: 100%;
}
.nu-combo > select {
  appearance: none;
  -webkit-appearance: none;
  inline-size: 100%;
  min-inline-size: 0;
  padding-inline-end: calc(var(--s3) + 1.1em);
}
.nu-combo::after {
  content: "\25be";
  position: absolute;
  inset-inline-end: var(--s3);
  inset-block-end: 0;
  block-size: var(--tap);
  display: flex;
  align-items: center;
  pointer-events: none;
  color: var(--dim);
  font-family: var(--sym);
  font-size: var(--t2);
  line-height: 1;
}
.nu-combo.is-seated > select {
  color: var(--dim);
}
.nu-combo.is-said > select {
  color: var(--hand);
  font-weight: var(--fw-label);
}
.nu-combo.is-said::after {
  color: var(--hand);
}
.nu-combo:has(> select:disabled)::after {
  color: var(--faint);
}
.nu-combo[data-widget=lozenge]::after {
  content: none;
}
.nu-combo[data-widget=lozenge] {
  display: block;
}
.nu-combo-filter {
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-combo-filter::-webkit-search-cancel-button {
  cursor: pointer;
}
td > select {
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 9em;
}
.nu-eng th {
  inline-size: 7em;
  text-align: left;
}
.nu-mirror td {
  padding-inline: var(--s2);
}
.nu-mirror td.is-dflt {
  color: var(--dim);
}
.nu-strips {
  display: grid;
  inline-size: 100%;
  gap: var(--s4);
  align-items: start;
  margin-block: var(--s4);
}
.nu-strip {
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
  padding: var(--s3);
  display: grid;
  gap: var(--s3);
  align-content: start;
  min-width: 0;
}
.nu-strip.is-off {
  opacity: .55;
}
.nu-sname {
  display: block;
  font-size: var(--t4);
  font-weight: var(--fw-display);
  text-transform: uppercase;
  line-height: 1;
}
.nu-strip header small {
  display: block;
  color: var(--dim);
  font-size: .72rem;
}
.nu-srow {
  border-block-start: var(--bw) solid var(--ink);
  padding-block-start: var(--s3);
  display: grid;
  gap: var(--s2);
}
.nu-srow-ins {
  grid-template-columns: repeat(auto-fit, minmax(max(min(218px, 100%), calc((100% - .8em) / 3)), 1fr));
}
.nu-srow-ins > .nu-rowlab {
  grid-column: 1 / -1;
}
.nu-rowlab {
  font: 700 .68rem/1 var(--mono, monospace);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
}
.nu-slot {
  background: var(--well);
  border: var(--bw) solid var(--ink);
  border-radius: 3px;
  padding: var(--s2);
  display: grid;
  gap: var(--s2);
  align-content: start;
}
.nu-slot.is-empty {
  border-style: dashed;
  background: transparent;
}
.nu-slot.is-off {
  opacity: .6;
}
.nu-slotrow {
  display: flex;
  gap: var(--s2);
  align-items: center;
}
.nu-slotn {
  font: 700 .75rem var(--mono, monospace);
  color: var(--on-fill);
  background: var(--ink);
  inline-size: 22px;
  block-size: 22px;
  border-radius: var(--r2);
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nu-slot.is-empty .nu-slotn {
  background: var(--faint);
}
.nu-slotrow select {
  flex: 1 1 auto;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.nu-slotbody {
  display: flex;
  gap: var(--s2);
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
}
.nu-vs-track,
.nu-pb,
.nu-vab {
  background: var(--well);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
}
.nu-vs-thumb,
.nu-pbb,
.nu-velA::after {
  position: absolute;
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
}
.nu-vcol {
  display: grid;
  gap: var(--s1);
  justify-items: center;
  min-width: 0;
}
.nu-vs {
  display: inline-grid;
  gap: var(--s1);
  justify-items: center;
}
.nu-vs-lab {
  font: 700 .62rem/1.2 var(--mono, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
}
.nu-vs-track {
  position: relative;
  inline-size: var(--sl-trough);
  block-size: 96px;
  margin-inline: 12px;
  touch-action: none;
  cursor: grab;
  display: block;
}
.nu-vs-tall .nu-vs-track {
  block-size: 180px;
}
.nu-vs-track::before {
  content: "";
  position: absolute;
  inset: -10px -14px;
}
.nu-vs-fill {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  block-size: calc(10px + (100% - 20px) * var(--v, 0));
  background: var(--hand);
}
.nu-vs-thumb {
  left: 50%;
  bottom: calc((100% - var(--sl-grab)) * var(--v, 0));
  transform: translateX(-50%);
  inline-size: var(--sl-cap);
  block-size: var(--sl-grab);
}
.nu-vs-thumb::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  top: 50%;
  block-size: var(--bw-hard);
  margin-top: calc(var(--bw-hard) / -2);
  background: var(--ink);
}
.nu-vs-in {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  inline-size: 44px;
  block-size: calc(100% + 20px);
  margin: 0;
  opacity: 0;
  pointer-events: none;
  writing-mode: vertical-lr;
  direction: rtl;
}
.nu-vs-track:focus-within {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 3px;
}
.nu-vs-val {
  font: 600 .7rem var(--mono, monospace);
  font-variant-numeric: tabular-nums;
  text-align: center;
  max-inline-size: 5.5em;
}
.nu-vs.is-off .nu-vs-fill {
  background: var(--faint);
}
.nu-vs.is-off .nu-vs-track {
  border-color: var(--faint);
  touch-action: auto;
  cursor: default;
}
.nu-vs.is-off .nu-vs-thumb {
  box-shadow: none;
  border-color: var(--faint);
}
.nu-vs .nu-why {
  max-inline-size: 9em;
}
.nu-sends {
  display: flex;
  gap: var(--s1);
  justify-content: space-between;
  flex-wrap: wrap;
  max-inline-size: 30em;
}
.nu-panrow {
  display: flex;
  gap: var(--s1);
}
.nu-panbtn {
  flex: 1 1 0;
  min-block-size: 44px;
  font: var(--btn-fw) .8rem var(--mono, monospace);
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: 3px;
  cursor: pointer;
  padding: 0;
}
.nu-panbtn:hover {
  background: var(--flag-tint);
}
.nu-panbtn[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
}
.nu-panword {
  margin: 0;
  font: 600 .72rem var(--mono, monospace);
}
.nu-panword.is-dflt {
  color: var(--dim);
}
.nu-fadwrap {
  display: flex;
  gap: var(--s3);
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  max-inline-size: 30em;
}
.nu-duo {
  display: grid;
  gap: var(--s2);
  align-content: end;
}
.nu-tgl {
  min-block-size: 44px;
  min-inline-size: 72px;
  font-weight: var(--btn-fw);
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: 4px;
  cursor: pointer;
}
.nu-tgl[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
}
.nu-drive {
  display: block;
}
.nu-goes {
  margin: 0;
  border-block-start: var(--bw) solid var(--ink);
  padding-block-start: var(--s2);
  font: 600 .7rem var(--mono, monospace);
  color: var(--dim);
}
.nu-goes b {
  color: var(--ink);
}
.nu-boardpanel {
  min-inline-size: 0;
}
.nu-busgroup {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  margin-block-start: var(--s1);
}
.nu-tabarrow {
  font: 700 .9rem var(--mono, monospace);
  color: var(--dim);
}
.nu-seamlab {
  font: 700 .62rem var(--mono, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--dim);
}
.nu-rack {
  inline-size: 100%;
  display: grid;
  margin-block: var(--s4);
}
.nu-plate {
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
  padding: var(--s4);
  display: grid;
  gap: var(--s3);
}
.nu-plate.is-off {
  opacity: .7;
}
.nu-bushead {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2) var(--s4);
  align-items: center;
}
.nu-namebar,
.nu-busname {
  display: block;
  inline-size: fit-content;
  font-family: var(--sans);
  font-size: var(--t4);
  font-weight: var(--fw-block);
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--on-fill);
  background: var(--ink);
  padding: var(--s3) var(--s4);
  border-radius: var(--r1);
}
.nu-namebar-sub {
  display: block;
  margin-block-start: var(--s1);
  font-size: var(--t1);
  font-weight: var(--fw-body);
  letter-spacing: 0;
  text-transform: none;
  color: var(--on-fill-dim);
}
.nu-busin {
  color: var(--dim);
  font: 600 .72rem var(--mono, monospace);
}
.nu-busrow {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s4);
  align-items: end;
}
.nu-busmodel {
  align-self: center;
}
.nu-flow {
  display: grid;
  justify-items: center;
  gap: var(--s1);
  padding-block: var(--s3);
}
.nu-tri {
  inline-size: 0;
  block-size: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 22px solid var(--ink);
}
.nu-flowlab {
  font: 700 .68rem var(--mono, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.nu-meterwell {
  position: relative;
  display: block;
  inline-size: 16px;
  block-size: 180px;
  background: var(--meter-tint);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r2);
  overflow: hidden;
}
.nu-meterbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: var(--meter);
  block-size: 0;
}
.nu-trims {
  border-collapse: separate;
  border-spacing: 3px;
  inline-size: 100%;
}
table.nu-trims {
  color: var(--ink);
}
.nu-trims thead th {
  font: 700 .62rem/1.3 var(--mono, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--dim);
  text-align: center;
}
.nu-trims tbody th {
  font: 700 .62rem/1.3 var(--mono, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  padding-inline: var(--s2);
}
.nu-trims tbody th small {
  display: block;
  color: var(--dim);
  font-weight: 600;
}
.nu-trims td {
  padding: 0;
}
.nu-trimbtn {
  inline-size: 100%;
  min-block-size: 44px;
  min-inline-size: 56px;
  border: var(--bw) solid var(--ink);
  border-radius: 3px;
  font: var(--btn-fw) .72rem var(--mono, monospace);
  cursor: pointer;
  padding: 0;
}
.nu-trims tr.now td .nu-trimbtn {
  border-color: var(--clock);
  border-width: var(--bw-hard);
}
.nu-trims tr.now th {
  background: var(--clock-tint);
  border-radius: 3px;
}
.w-out {
  background: var(--ink);
  color: var(--on-fill);
}
.w-hush {
  background: var(--hand);
  color: var(--on-fill);
}
.w-back {
  background: var(--hand-tint);
}
.w-mid {
  background: var(--panel);
  color: var(--dim);
}
.nu-trimbtn.is-derived {
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  letter-spacing: 0;
  opacity: .78;
}
.w-fwd {
  background: var(--flag-tint);
}
.w-lift {
  background: var(--flag);
  font-weight: 800;
}
.nu-trimbtn.w-out:hover {
  background: var(--ink);
}
.nu-trimbtn.w-hush:hover {
  background: var(--lamp-hot);
}
.nu-trimbtn.w-back:hover {
  background: var(--hand-tint);
}
.nu-trimbtn.w-fwd:hover {
  background: var(--flag-tint);
}
.nu-trimbtn.w-lift:hover {
  background: var(--flag);
}
.nu-refusals {
  line-height: 1.35;
}
.nu-gear {
  display: grid;
  align-content: start;
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 0 var(--s3);
}
.nu-plate .nu-sel {
  margin-block: var(--s1) var(--s3);
}
.nu-plate .nu-sel > label {
  gap: var(--s1);
  min-block-size: 0;
}
.nu-plate .nu-sel > label > .nu-w {
  font-size: var(--t1);
  font-weight: 600;
  block-size: auto;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
}
.nu-plate select,
.nu-plate .nu-combo {
  inline-size: 100%;
  max-inline-size: 100%;
}
#racktbl th[data-bus=room],
#racktbl th[data-bus=aux],
#racktbl td[data-bus=room],
#racktbl td[data-bus=aux] {
  background-image: linear-gradient(color-mix(in srgb, var(--ink) var(--wash), transparent) 0 100%);
}
.nu-rack ~ ul.nu-hint {
  line-height: 1.35;
}
.nu-rack ~ ul.nu-hint > li {
  margin-block: var(--s2);
}
.nu-notes th,
.nu-notes td {
  text-align: left;
}
.nu-notes td:last-child {
  text-align: right;
}
.nu-notes td:last-child > .nu-row {
  justify-content: flex-end;
}
.nu-map {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-inline-size: 100%;
}
.nu-motif {
  margin-block: var(--s5) var(--s1);
  padding-block-start: var(--s3);
  border-block-start: var(--bw-hard) solid var(--rule-strong);
  font-weight: 600;
}
.nu-motif.nu-first {
  margin-block-start: var(--s2);
  padding-block-start: 0;
  border-block-start: 0;
}
.nu-tf {
  display: inline-block;
  pointer-events: none;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -.02em;
  font-family: var(--sym);
}
.nu-tf-was {
  color: var(--rule);
  margin-inline-end: .1em;
}
.nu-tf-is {
  color: currentColor;
}
[data-live]:has(mark),
[data-live] mark {
  color: var(--clock);
}
[data-live] .nu-hint {
  color: var(--clock);
}
.nu-score .nu-ribbon {
  color: var(--ink);
}
#staff svg,
#app svg {
  max-inline-size: 100%;
}
#staff,
.nu-score {
  background: var(--panel);
  --paper: var(--panel);
  line-height: 1.2;
}
.nu-score {
  margin-block: var(--s1) var(--s5);
  padding-block-end: var(--s3);
  border-block-end: var(--bw-hard) solid var(--rule-strong);
}
.nu-score > div {
  display: block;
  contain: layout paint;
}
.nu-score .nu-ribbon {
  position: relative;
  overflow: hidden;
  min-block-size: 3em;
  contain: layout paint;
}
.nu-score .nu-run {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  will-change: transform;
}
.nu-score .nu-run.is-waiting {
  opacity: .3;
}
.nu-score .nu-paper {
  position: absolute;
  inset-block-start: 0;
  overflow: hidden;
}
.nu-score .nu-gutter {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  background: var(--paper);
  pointer-events: none;
}
#app .nu-score .nu-gutter > svg,
#scoredeck .nu-score .nu-gutter > svg {
  display: block;
  max-inline-size: none;
}
#app .nu-score .nu-paper > svg,
#scoredeck .nu-score .nu-paper > svg {
  display: block;
  max-inline-size: none;
}
.nu-score .nu-load {
  position: absolute;
  inset: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--t2);
  opacity: .85;
  background: color-mix(in srgb, var(--paper) 70%, transparent);
  pointer-events: none;
}
.nu-score .nu-load[hidden] {
  display: none;
}
#scoredeck .nu-decktabs {
  align-items: center;
  margin-block: var(--s2) var(--s3);
}
#scoredeck .nu-decklegend {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--s4);
  margin-inline-start: auto;
  min-inline-size: 0;
  flex: 0 1 auto;
  font-size: var(--t2);
  opacity: .85;
}
#scoredeck .nu-legv {
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
}
#scoredeck .nu-legv > i {
  inline-size: 11px;
  block-size: 11px;
  border-radius: var(--r2);
  border: var(--bw) solid var(--ink);
  display: inline-block;
}
#scoredeck .nu-mots {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}
#scoredeck .nu-mot {
  position: absolute;
  block-size: 12px;
  border-block-start: var(--bw-hard) solid var(--vpaint, var(--hand));
  border-inline-start: var(--bw-hard) solid var(--vpaint, var(--hand));
  border-inline-end: var(--bw-hard) solid var(--vpaint, var(--hand));
}
#scoredeck .nu-mot > b {
  position: absolute;
  inset-block-start: 1px;
  white-space: nowrap;
  font: var(--fw-label) 9px/1.4 var(--mono);
  letter-spacing: .04em;
  background: var(--vpaint, var(--hand));
  color: var(--on-fill);
  padding: 0 4px;
  border-radius: var(--r2);
}
#scoredeck .nu-mot > b.nu-end {
  transform: translateX(-100%);
}
#scoredeck .nu-keyline {
  margin-block: var(--s1) .1em;
  font-weight: 700;
  color: var(--ink);
}
#scoredeck .nu-roll {
  margin-block: var(--s1) var(--s5);
  padding-block-end: var(--s3);
  border-block-end: var(--bw-hard) solid var(--rule-strong);
}
#scoredeck .nu-rollwin {
  position: relative;
  block-size: min(420px, 60vh);
  background: var(--panel);
  border: var(--bw) solid var(--rule-strong);
  overflow: hidden;
  contain: layout paint;
}
#scoredeck .nu-rollwin > canvas {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
#exportdeck .nu-exports {
  display: grid;
  gap: var(--s4);
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  margin-block: var(--s4);
}
#exportdeck .nu-exp {
  border: var(--bw) solid var(--rule-strong);
  border-radius: 6px;
  background: var(--panel);
  padding: var(--s3) var(--s4);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
#exportdeck .nu-exp-head {
  display: flex;
  align-items: center;
  gap: var(--s3);
  font-weight: var(--fw-label);
}
#exportdeck .nu-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 44px;
  block-size: 32px;
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  font: var(--fw-block) 11px/1 var(--mono);
  flex: none;
  background: var(--ink);
  color: var(--on-fill);
}
#exportdeck .nu-exp > button {
  margin-block-start: auto;
}
#atlasWrap {
  overflow-x: auto;
  margin-inline: calc(-1 * var(--s4));
}
#atlasMap {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
#atlasMap .place {
  cursor: pointer;
}
#atlasMap .place[data-far="1"] {
  opacity: 0;
  pointer-events: none;
}
#atlasMap .place:focus-visible .ring {
  opacity: 1;
}
#atlasMap .lab {
  pointer-events: none;
}
#atlasMap .lab[data-far="1"] {
  opacity: 0;
}
#atlasMap text.name {
  paint-order: stroke;
  stroke: var(--paper);
  stroke-linejoin: round;
  stroke-linecap: round;
}
#atlasMap text.gname {
  font-weight: var(--fw-body);
}
#atlasMap text.nu-globeyear {
  fill: var(--ink);
  opacity: .45;
  font-weight: var(--fw-label);
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  paint-order: stroke;
  stroke: var(--paper);
  stroke-linejoin: round;
  stroke-linecap: round;
}
#atlasIndex {
  margin-block-start: var(--s4);
  margin-inline: calc(-1 * var(--s4));
  max-block-size: min(60vh, 560px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-block: var(--bw) solid var(--ink);
  border-inline: 0;
  border-radius: 0;
  background: var(--panel);
}
.nu-ix {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nu-ixli {
  margin: 0;
  display: grid;
  align-items: center;
  grid-template-columns: 4ch minmax(0, 1.6fr) minmax(0, 1fr) var(--tap);
  gap: 0 var(--s3);
  padding-inline: var(--s4);
  border-block-end: var(--bw) solid var(--rule);
}
.nu-ixli[data-bc] {
  grid-template-columns: 8ch minmax(0, 1.6fr) minmax(0, 1fr) var(--tap);
}
.nu-ixli:last-child {
  border-block-end: 0;
}
.nu-ixli:has(> .nu-ixrow:active) {
  background: var(--flag);
}
.nu-ixli:has(> .nu-ixrow[aria-current=true]) {
  background: var(--hand-tint);
  box-shadow: inset 3px 0 0 var(--hand);
}
.nu-ixrow {
  grid-column: 1 / -1;
  grid-row: 1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  inline-size: 100%;
  text-align: start;
  border: 0;
  border-radius: var(--r0);
  box-shadow: none;
  background: transparent;
  padding-inline: 0;
  padding-block: var(--s2);
}
.nu-ixrow:active {
  transform: none;
}
@media (min-width: 700px) {
  .nu-ixli {
    grid-template-columns: 4ch minmax(0, 26ch) minmax(0, 1fr) var(--tap);
  }
  .nu-ixli[data-bc] {
    grid-template-columns: 8ch minmax(0, 26ch) minmax(0, 1fr) var(--tap);
  }
}
@media (min-width: 1100px) {
  .nu-ixli {
    grid-template-columns: 4ch minmax(0, 34ch) minmax(0, 1fr) var(--tap);
  }
  .nu-ixli[data-bc] {
    grid-template-columns: 8ch minmax(0, 34ch) minmax(0, 1fr) var(--tap);
  }
}
@media (max-width: 359px) {
  .nu-ixli {
    gap: 0 var(--s2);
    padding-inline: var(--s3);
  }
}
.nu-ixy {
  grid-column: 1;
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--dim);
}
.nu-ixp {
  grid-column: 3;
  color: var(--dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-inline-size: 0;
}
.nu-ixw {
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-inline-size: 0;
  max-inline-size: 100%;
  display: block;
  padding-inline-end: var(--s3);
}
.nu-ixw-no {
  color: var(--dim);
  font-family: var(--mono);
  font-weight: 400;
  font-size: .9em;
  cursor: help;
  text-decoration: none;
  block-size: var(--tap);
  line-height: var(--tap);
}
.nu-ixgo {
  grid-column: 4;
  grid-row: 1;
  justify-self: stretch;
  display: block;
  block-size: var(--tap);
  line-height: var(--tap);
  min-inline-size: var(--tap);
  text-align: center;
  color: var(--ink);
  text-decoration: none;
  font-family: var(--sym);
}
.nu-knobs td:last-child {
  max-inline-size: 22ch;
}
.nu-knobs td:last-child .nu-why {
  display: inline;
}
.nu-vow {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--s1);
  margin-inline-start: var(--s2);
}
.nu-vow select {
  min-inline-size: 4.5em;
}
.nu-knobs input[disabled] {
  opacity: .45;
}
#app .nu-pad {
  display: block;
  inline-size: 100%;
  max-inline-size: 34em;
  block-size: auto;
  margin-block: var(--s3);
  -webkit-user-select: none;
  user-select: none;
}
.nu-pad-grab {
  touch-action: none;
}
.nu-pad-ring,
.nu-pad-track {
  fill: none;
  stroke: var(--rule);
  stroke-width: 1;
}
.nu-pad-track {
  stroke-width: 2;
  stroke-linecap: round;
}
.nu-pad-face {
  fill: none;
  stroke: var(--rule-strong);
  stroke-width: 1.5;
}
.nu-pad-tick {
  stroke: var(--rule);
  stroke-width: .75;
  stroke-dasharray: 2 3;
}
.nu-pad-word {
  fill: none;
  stroke: var(--rule);
  stroke-width: 1;
  stroke-dasharray: 3 3;
}
.nu-pad-web line {
  stroke: var(--rule);
  stroke-width: 1;
}
.nu-pad-artic {
  stroke: currentColor;
  stroke-width: 1;
  stroke-dasharray: 2 2;
  opacity: .55;
}
.nu-pad-eff {
  fill: currentColor;
}
.nu-pad-hand {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
}
.nu-pad-knot {
  fill: currentColor;
}
.nu-pad-shape {
  fill: color-mix(in srgb, var(--ink) 6%, transparent);
  stroke: currentColor;
  stroke-width: 1;
  pointer-events: none;
}
.nu-pad text {
  font-size: 11px;
  fill: currentColor;
  opacity: .8;
  dominant-baseline: middle;
  paint-order: stroke;
  stroke: var(--paper);
  stroke-width: 3px;
  stroke-linejoin: round;
}
.nu-pad .nu-pad-vlab {
  fill: var(--rule-strong);
  font-size: 13px;
  opacity: 1;
}
.nu-pad .nu-pad-vlab.is-said {
  fill: currentColor;
  font-weight: var(--fw-label);
  font-size: 15px;
}
.nu-pad .nu-pad-edge {
  font-size: 9.5px;
  fill: var(--rule-strong);
  opacity: 1;
  letter-spacing: .04em;
}
.nu-pad .is-off {
  opacity: .3;
}
.nu-bench {
  inline-size: 100%;
  min-inline-size: 0;
  table-layout: fixed;
}
.nu-bench th:first-child {
  inline-size: 22px;
}
.nu-bench td.nu-kindTd {
  inline-size: calc(3 * 36px + 10px);
}
@media (max-width: 619.98px) {
  .nu-bench td.nu-kindTd {
    inline-size: calc(3 * 30px + 10px);
  }
  .nu-bench .nu-segb {
    inline-size: 30px;
  }
  .nu-bench {
    min-inline-size: 350px;
  }
}
.nu-bench td.nu-velTd {
  inline-size: 60px;
}
@media (min-width: 620px) {
  .nu-bench td.nu-velTd {
    inline-size: 120px;
  }
}
.nu-bench td.nu-markTd {
  inline-size: 100px;
  white-space: nowrap;
}
.nu-mkb {
  inline-size: 30px;
  block-size: 40px;
  padding: 0;
  min-height: 0;
  margin-inline-end: 2px;
  vertical-align: middle;
  border: var(--bw) solid var(--rule-strong);
  border-radius: var(--r2);
  background: var(--panel);
  color: var(--faint);
  cursor: pointer;
  font: var(--btn-fw) 15px/1 var(--sans);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nu-mkb:last-child {
  margin-inline-end: 0;
}
.nu-mkb:hover:not(:disabled) {
  background: var(--flag-tint);
}
.nu-mkb[aria-pressed=true] {
  color: var(--hand);
  border-color: var(--hand);
  font-weight: var(--fw-block);
}
.nu-mkb:disabled {
  opacity: .35;
  cursor: default;
}
.nu-mkb[data-why] {
  border-style: dashed;
}
.nu-mkg {
  pointer-events: none;
}
.nu-bench td {
  block-size: 52px;
  padding: 3px 2px;
}
.nu-bench td.nu-pitTd {
  position: relative;
}
.nu-seg {
  display: inline-flex;
  vertical-align: middle;
  border: var(--bw) solid var(--rule-strong);
  border-radius: var(--r1);
  overflow: hidden;
  background: var(--panel);
}
.nu-segb {
  inline-size: 36px;
  block-size: 40px;
  border: 0;
  border-radius: var(--r0);
  border-inline-start: var(--bw) solid var(--rule-strong);
  background: var(--panel);
  color: var(--ink);
  cursor: pointer;
  font: var(--btn-fw) 15px/1 var(--sans);
  padding: 0;
  min-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nu-segb:first-child {
  border-inline-start: 0;
}
.nu-segb:hover {
  background: var(--flag-tint);
}
.nu-segb[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
}
.nu-segb:disabled {
  color: var(--faint);
  background: var(--well);
  cursor: default;
}
.nu-pit,
.nu-velA {
  position: relative;
  display: block;
  block-size: var(--sl-line);
  min-inline-size: 0;
  touch-action: pan-y;
  cursor: ew-resize;
}
.nu-pb,
.nu-vab {
  position: absolute;
  inset-inline: 0;
  display: block;
  inset-block: calc((var(--sl-line) - var(--sl-trough)) / 2);
  overflow: hidden;
}
.nu-pbt {
  position: absolute;
  inset-block-end: 1px;
  inline-size: var(--bw-hard);
  block-size: 7px;
  margin-inline-start: calc(var(--bw-hard) / -2);
  background: var(--ink);
  opacity: .4;
  display: block;
}
.nu-pbf {
  position: absolute;
  inset-block: 0 8px;
  background: var(--hand);
  display: block;
}
.nu-pbz {
  position: absolute;
  inset-inline-start: 50%;
  inset-block: 0;
  inline-size: var(--bw-hard);
  margin-inline-start: calc(var(--bw-hard) / -2);
  background: var(--ink);
  display: block;
}
.nu-pbb {
  inset-block-start: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  pointer-events: none;
  block-size: var(--sl-cap);
  min-inline-size: var(--sl-grab);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 4px;
  white-space: nowrap;
  font: var(--num-fw) .75rem var(--mono);
  color: var(--ink);
}
.nu-pbin,
.nu-vain {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  min-height: 0;
  min-block-size: 0;
}
.nu-pit:focus-within,
.nu-velA:focus-within {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 2px;
  border-radius: var(--r2);
}
.nu-vaf {
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0;
  background: var(--q4);
  border-inline-end: var(--bw) solid var(--rule-strong);
  display: block;
}
.nu-velA[data-v="1"] .nu-vaf,
.nu-velA[data-v="2"] .nu-vaf {
  background: var(--q1);
}
.nu-velA[data-v="3"] .nu-vaf,
.nu-velA[data-v="4"] .nu-vaf {
  background: var(--q2);
}
.nu-velA[data-v="5"] .nu-vaf,
.nu-velA[data-v="6"] .nu-vaf {
  background: var(--q3);
}
.nu-velA[data-v="7"] .nu-vaf {
  background: var(--q4);
}
.nu-velA.acc .nu-vaf {
  box-shadow: inset -6px 0 0 var(--flag);
}
.nu-velA::after {
  content: "";
  z-index: 3;
  pointer-events: none;
  inset-block: calc((var(--sl-line) - var(--sl-cap)) / 2);
  inline-size: var(--sl-grab);
  inset-inline-start: clamp(var(--bw), calc(var(--bw) + 5px + (100% - 2 * var(--bw) - 8px) * var(--f, 0)), calc(100% - var(--bw) - var(--sl-grab)));
}
.nu-velA[data-v="0"] {
  --f: 0;
}
.nu-velA[data-v="1"] {
  --f: .142857;
}
.nu-velA[data-v="2"] {
  --f: .285714;
}
.nu-velA[data-v="3"] {
  --f: .428571;
}
.nu-velA[data-v="4"] {
  --f: .571429;
}
.nu-velA[data-v="5"] {
  --f: .714286;
}
.nu-velA[data-v="6"] {
  --f: .857143;
}
.nu-velA[data-v="7"] {
  --f: 1;
}
.nu-van {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  z-index: 4;
  font: var(--num-fw) .75rem var(--mono);
  color: var(--ink);
  pointer-events: none;
}
.nu-velA.hi .nu-van {
  color: var(--ink);
}
.nu-bench tr.is-rest .nu-pit,
.nu-bench tr.is-rest .nu-velA,
.nu-bench tr.is-hold .nu-pit,
.nu-bench tr.is-hold .nu-velA {
  opacity: .3;
  pointer-events: none;
}
.nu-loop {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-block: 6px;
  min-inline-size: 0;
}
.nu-loop {
  flex-wrap: wrap;
}
.nu-lplab {
  font: var(--num-fw, 500) .75rem var(--mono);
  color: var(--ink);
  opacity: .7;
  flex: none;
}
.nu-lps {
  position: relative;
  display: block;
  flex: 1 1 auto;
  block-size: var(--sl-line);
  min-inline-size: 60px;
  touch-action: none;
  cursor: ew-resize;
}
.nu-lpb {
  position: absolute;
  inset-inline: 0;
  display: block;
  inset-block: calc((var(--sl-line) - var(--sl-trough)) / 2);
  background: var(--faint);
}
.nu-lpf {
  position: absolute;
  inset-block: 0;
  background: var(--hand);
  display: block;
}
.nu-lph {
  position: absolute;
  inset-block: -4px;
  inline-size: var(--bw-hard);
  min-inline-size: 3px;
  background: var(--ink);
  display: block;
  z-index: 2;
  transform: translateX(-50%);
}
.nu-lph.b {
  background: var(--ink);
}
.nu-loop.abs .nu-lpf {
  opacity: .25;
}
.nu-loop.abs .nu-lph {
  opacity: .45;
}
.nu-lpin {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  min-height: 0;
  min-block-size: 0;
}
.nu-lps:focus-within {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 2px;
  border-radius: var(--r2);
}
.nu-lpon,
.nu-lpr {
  flex: none;
  font: var(--num-fw, 500) .75rem var(--mono);
}
.nu-lpr.off {
  visibility: hidden;
}
.nu-bench th:first-child {
  text-align: center;
  padding-inline: 2px;
}
.nu-bench th span,
.nu-bench th mark {
  font: var(--num-fw) 1.25rem/1 var(--mono);
}
.nu-bench tr:has(> th[data-live=count] mark) > th,
.nu-bench tr:has(> th[data-live=count] mark) > td,
.nu-bench tr:has(> th[data-live=count] mark) > th:first-child {
  background: var(--ink);
  color: var(--paper);
}
.nu-bench tr:has(> th[data-live=count] mark) th mark {
  background: transparent;
  color: var(--paper);
}
.nu-bench tr:has(> th[data-live=count] mark) .nu-seg {
  background: transparent;
  border-color: color-mix(in srgb, var(--paper) 45%, transparent);
}
.nu-bench tr:has(> th[data-live=count] mark) .nu-segb {
  background: color-mix(in srgb, var(--paper) 12%, transparent);
  color: var(--paper);
  border-inline-start-color: color-mix(in srgb, var(--paper) 45%, transparent);
}
.nu-bench tr:has(> th[data-live=count] mark) .nu-segb[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
}
.nu-bench tr:has(> th[data-live=count] mark) .nu-segb:disabled {
  color: color-mix(in srgb, var(--paper) 40%, transparent);
  background: transparent;
}
.nu-kcTd {
  padding: 0;
}
.nu-kc {
  position: relative;
  display: block;
  inline-size: 100%;
  block-size: var(--cell);
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: var(--well);
  cursor: pointer;
  padding: 0;
  touch-action: pan-y;
}
.nu-kc:hover {
  background: color-mix(in srgb, var(--flag-tint) 60%, var(--well));
}
.nu-kf {
  position: absolute;
  inset-inline-start: 3px;
  inset-block: 6px;
  border-radius: var(--r2);
  background: var(--q4);
  border: var(--bw) solid var(--rule-strong);
  pointer-events: none;
  display: block;
}
.nu-kc[data-v="1"] .nu-kf,
.nu-kc[data-v="2"] .nu-kf {
  background: var(--q1);
}
.nu-kc[data-v="3"] .nu-kf,
.nu-kc[data-v="4"] .nu-kf {
  background: var(--q2);
}
.nu-kc[data-v="5"] .nu-kf,
.nu-kc[data-v="6"] .nu-kf {
  background: var(--q3);
}
.nu-kc[data-v="7"] .nu-kf {
  background: var(--q4);
}
.nu-kf.acc {
  box-shadow: inset -5px 0 0 var(--flag);
}
.nu-kn2 {
  position: absolute;
  inset-inline-end: 3px;
  inset-block-start: 50%;
  transform: translateY(-50%);
  font: 700 10px var(--mono);
  color: var(--ink);
  pointer-events: none;
  background: color-mix(in srgb, var(--panel) 80%, transparent);
  border-radius: 2px;
  padding: 0 2px;
}
.nu-grid th.nu-lanehead {
  vertical-align: bottom;
  padding-block: 6px 4px;
}
.nu-grid th.nu-lanehead > span {
  display: inline-block;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: start;
}
.nu-laneadd {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-block: var(--s3);
}
.nu-ic {
  display: inline-flex;
  align-items: center;
  gap: .06em;
  position: relative;
  pointer-events: none;
}
.nu-g {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -.02em;
  font-family: var(--sym);
}
.nu-g-drawn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.nu-g-drawn > svg {
  display: block;
}
.nu-n {
  font-size: .78rem;
  font-weight: var(--fw-label);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 700px) {
  #boardtabs button[aria-pressed=true] .nu-vh {
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 0 var(--s1);
    overflow: visible;
    clip-path: none;
  }
}
.nu-say {
  z-index: 60;
  pointer-events: none;
  max-inline-size: min(30ch, calc(100vw - 12px));
  padding: var(--s3);
}
.nu-preview {
  --pv-base: 4ch;
  display: inline-block;
  vertical-align: -.2em;
  inline-size: 4ch;
  block-size: 1.2em;
  color: var(--vpaint, var(--hand));
  overflow: visible;
}
.nu-preview rect {
  fill: currentColor;
}
.nu-preview .nu-preview-rest {
  fill: var(--faint);
}
.nu-preview .nu-preview-hold {
  opacity: .45;
}
.nu-video {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
}
.nu-video-canvas {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 4 / 3;
  background: var(--stage);
  display: block;
  border: var(--bw) solid var(--rule);
}
.nu-video-form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  list-style: none;
  margin: 0;
  padding: 0;
}
.nu-video-sec {
  display: flex;
  flex-direction: column;
  gap: var(--s1);
  padding: var(--s1) var(--s3);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  font-size: var(--t1);
  line-height: 1.15;
  opacity: .55;
}
.nu-video-sec b {
  font-weight: var(--fw-label);
}
.nu-video-sec span {
  font-variant-numeric: tabular-nums;
  opacity: .75;
}
.nu-video-sec.on {
  opacity: 1;
  border-color: currentColor;
}
.nu-video-cap {
  margin: 0;
  font-size: var(--t1);
  opacity: .7;
}
.nu-video-stage {
  position: relative;
  background: var(--stage);
  line-height: 0;
}
.nu-video-stage:fullscreen {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100vw;
  block-size: 100vh;
}
.nu-video-stage:-webkit-full-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100vw;
  block-size: 100vh;
}
.nu-video-stage:fullscreen .nu-video-canvas {
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100vw;
  max-block-size: 100vh;
}
.nu-video-stage:-webkit-full-screen .nu-video-canvas {
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100vw;
  max-block-size: 100vh;
}
.nu-saver {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
}
.nu-saver-stage {
  position: relative;
  background: var(--stage-saver);
  line-height: 0;
}
.nu-saver-canvas {
  inline-size: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  background: var(--stage-saver);
  border: var(--bw) solid var(--rule);
}
.nu-saver-stage:fullscreen {
  inline-size: 100vw;
  block-size: 100vh;
}
.nu-saver-stage:-webkit-full-screen {
  inline-size: 100vw;
  block-size: 100vh;
}
.nu-saver-stage:fullscreen .nu-saver-canvas {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: auto;
  border: none;
}
.nu-saver-stage:-webkit-full-screen .nu-saver-canvas {
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: auto;
  border: none;
}
.nu-video-controls {
  display: flex;
  gap: .4rem;
}
.nu-video-controls button {
  font: inherit;
  font-size: .78rem;
  padding: .2rem .6rem;
  background: transparent;
  color: inherit;
  border: 1px solid var(--rule);
  cursor: pointer;
}
.nu-video-controls button:hover {
  border-color: currentColor;
}
@media (min-width: 900px) {
  #nu-tray .nu-vh {
    font-size: var(--t3, 1rem);
  }
  #nu-tray .nu-sub2 {
    font-size: var(--t2, .82rem);
  }
}
.nu-strip-out {
  position: fixed;
  z-index: 55;
  inset-inline-start: var(--gl);
  inset-block-end: calc(var(--bar-h) + 4px);
  inline-size: min(24ch, calc(100vw - 2 * var(--gl)));
  max-block-size: min(70vh, 560px);
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: var(--s3);
  background: var(--panel);
  color: var(--ink);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1, 6px);
  box-shadow: var(--shadow);
}
.nu-strip-out[hidden] {
  display: none;
}
.nu-seedrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--s1);
}
.nu-seedrow > #rewrite {
  flex: 0 0 auto;
}
.nu-seedrow > #rewrite .nu-vh {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.nu-seedrow > #seedin {
  flex: 1 1 auto;
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  inline-size: 0;
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  font-size: 16px;
  text-align: center;
}
#rewrite .nu-g[data-live] {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--t2, .82rem);
  font-weight: var(--num-fw);
}
.nu-namebar {
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  margin: 0 0 var(--s3);
  padding: var(--s2) var(--s3);
  background: var(--ink);
  color: var(--paper);
  border-radius: var(--r2, 3px);
  font-size: var(--t4, 1.15rem);
  font-weight: 800;
}
.nu-namebar small {
  font-size: var(--t2, .82rem);
  font-weight: 600;
  opacity: .75;
}
.nu-video-controls {
  display: flex;
  gap: var(--s2);
  flex-wrap: wrap;
}
.nu-bpmbig {
  display: block;
  margin: 0 0 calc(var(--s1) * -1);
  font-size: var(--t5);
  font-weight: var(--fw-display);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  inline-size: 100%;
  min-inline-size: 0;
  box-sizing: border-box;
  min-block-size: var(--tap);
  padding: 0 var(--s1);
  color: var(--ink);
  background: transparent;
  border: var(--bw) solid transparent;
  border-radius: var(--r1);
  font-family: inherit;
  -moz-appearance: textfield;
  appearance: textfield;
}
.nu-bpmbig::-webkit-outer-spin-button,
.nu-bpmbig::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nu-bpmbig:focus-visible {
  border-color: var(--hand);
  outline: none;
}
.nu-tf-row {
  margin-block: var(--s3);
}
.nu-opchain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  margin-block: var(--s3);
  padding-block-start: var(--s3);
  border-block-start: var(--bw) solid var(--rule);
}
.nu-opchip {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  min-block-size: var(--tap);
  padding-inline: var(--s2);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  background: var(--panel);
}
.nu-opchipword {
  font-weight: var(--fw-label);
  white-space: nowrap;
}
.nu-opchip button {
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  border: 0;
  background: transparent;
  color: var(--dim);
}
.nu-opchip button:disabled {
  opacity: .4;
}
.nu-opchain > button {
  min-block-size: var(--tap);
}
.nu-tf-row button,
.nu-taprow button {
  min-inline-size: var(--ctl);
  min-block-size: var(--ctl);
}
.nu-taprow {
  margin-block: var(--s3);
}
.nu-taprow output {
  font-size: var(--t2);
  color: var(--rule);
  min-inline-size: 6ch;
  font-variant-numeric: tabular-nums;
}
.nu-progops {
  margin-block: var(--s3);
}
.nu-progops button {
  min-inline-size: var(--ctl);
  min-block-size: var(--ctl);
}
.nu-cap {
  display: block;
  margin: calc(var(--s1) * -1) 0 var(--s2);
  font-size: var(--t1);
  color: var(--rule);
}
.nu-rulax {
  margin-block-end: var(--s4);
}
.nu-axword {
  margin: var(--s4) 0 var(--s2);
  font-family: var(--sans);
  font-size: var(--t1);
  font-weight: var(--fw-block);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--rule);
  border-block-end: var(--bw) solid var(--rule);
  padding-block-end: var(--s1);
}
.nu-rule {
  padding-block-end: var(--s2);
  border-block-end: var(--bw) solid var(--well);
}
.nu-rule:last-child {
  border-block-end: 0;
}
.nu-rule > .nu-why {
  display: block;
  margin-block-start: calc(var(--s1) * -1);
}
.nu-rulehead {
  margin: var(--s2) 0 0;
  font-size: var(--t2);
  font-weight: var(--fw-label);
}
.nu-rule > button[data-k^=rule-reset] {
  min-block-size: var(--tap);
  margin-block-start: var(--s1);
  font-size: var(--t1);
}
.nu-rule .nu-field > label > .nu-why {
  flex: 1 0 100%;
}
.nu-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-block: var(--s2);
}
.nu-ruleplate {
  flex-wrap: wrap;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}
.nu-rulekin {
  flex: 1 0 100%;
  margin-block-start: var(--s1);
  font-size: var(--t1);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  opacity: .72;
}
.nu-readby {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-block: var(--s3);
}
.nu-readchip {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--s2);
  align-items: center;
  text-align: start;
  padding: var(--s2) var(--s3);
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.nu-readglyph {
  grid-row: 1 / span 3;
  font-size: var(--t3);
}
.nu-readname {
  font-weight: var(--fw-label);
}
.nu-readinstr,
.nu-readsecs {
  grid-column: 2;
  font-size: var(--t1);
  font-style: normal;
  opacity: .85;
}
.nu-motifname {
  inline-size: 12ch;
  max-inline-size: 100%;
  font-size: 16px;
  font-weight: var(--fw-label);
}
.nu-motif > span {
  display: inline-flex;
  align-items: baseline;
  gap: var(--s2);
  flex-wrap: wrap;
}
.nu-sgrid {
  border-collapse: separate;
  border-spacing: 3px;
  inline-size: 100%;
}
.nu-sgrid > caption {
  text-align: start;
  padding-block-end: var(--s2);
}
.nu-sgrid thead th {
  font: var(--fw-label) var(--t1)/1.3 var(--mono, monospace);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--dim);
  text-align: center;
  vertical-align: end;
  padding: 0;
}
.nu-sgrid tbody th {
  text-align: start;
  padding: 0;
}
.nu-sgrid td {
  padding: 0;
}
.nu-sgrid tbody th > button {
  inline-size: 100%;
  min-block-size: var(--ctl);
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  text-align: start;
  font: var(--fw-label) var(--t2)/1.3 inherit;
  padding-inline: var(--s2);
}
.nu-srowname {
  font-weight: var(--fw-body);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-sgrid tbody tr:has(mark) > th {
  box-shadow: inset 3px 0 0 var(--clock);
}
.nu-sgrid tbody tr:has(mark) > td > select {
  border-color: var(--clock);
}
.nu-scol {
  inline-size: 100%;
  min-block-size: var(--ctl);
  min-inline-size: 7ch;
  display: grid;
  row-gap: 1px;
  justify-items: center;
  padding: var(--s2);
  font: var(--fw-label) var(--t2)/1.2 inherit;
  text-transform: none;
  letter-spacing: 0;
}
.nu-scolname {
  font-weight: var(--fw-block);
}
.nu-scolinstr {
  font-weight: var(--fw-body);
  font-size: var(--t1);
  opacity: .9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  inline-size: 100%;
  text-align: center;
}
.nu-scollamp {
  display: block;
  block-size: 4px;
  inline-size: 60%;
}
.nu-scollamp > i {
  display: block;
  block-size: 4px;
  inline-size: 100%;
  background: var(--clock);
  border-radius: var(--r2);
}
.nu-sgrid td > select {
  min-inline-size: 7em;
}
.nu-sgrid td > select.is-derived {
  font-weight: var(--fw-body);
  opacity: .78;
}
.nu-sgsay {
  text-align: center;
  color: var(--dim);
  font-size: var(--t1);
  padding: var(--s2);
}
.nu-trims thead th.nu-colhead {
  text-transform: none;
  letter-spacing: 0;
  padding: 2px;
  vertical-align: bottom;
}
.nu-colbtn {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1px;
  inline-size: 100%;
  min-inline-size: 56px;
  min-block-size: var(--ctl);
  padding: var(--s1) var(--s2);
  cursor: pointer;
  text-align: start;
}
.nu-colinstr {
  display: block;
  font: var(--fw-block) var(--t1)/1.15 var(--sans, inherit);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-colname {
  display: block;
  font: var(--fw-body) var(--t0)/1.2 var(--mono, monospace);
  opacity: .8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-colbtn:hover {
  background: var(--vpaint, var(--ink));
}
.nu-meterwell.nu-meterh {
  inline-size: auto;
  block-size: 6px;
  margin-block-start: 2px;
}
.nu-meterwell.nu-meterh .nu-meterbar {
  inset: 0 auto 0 0;
  inline-size: 0;
  block-size: auto;
}
.nu-meterwell.is-unmeasured {
  background: var(--panel);
  border-style: dashed;
}
.nu-trims thead th.nu-colhead.is-sounding {
  box-shadow: inset 0 -3px 0 var(--clock);
}
.nu-trims tbody th.nu-srowh {
  padding-inline: 0;
}
.nu-rowjump,
.nu-corner {
  display: block;
  inline-size: 100%;
  min-block-size: var(--ctl);
  padding: var(--s1) var(--s2);
  text-align: start;
  cursor: pointer;
  font: var(--fw-label) var(--t1)/1.2 var(--sans, inherit);
  text-transform: none;
  letter-spacing: 0;
  border: var(--bw) solid transparent;
  border-radius: var(--r2);
}
.nu-rowjump:hover,
.nu-corner:hover {
  border-color: var(--ink);
}
.nu-prodplate {
  flex-wrap: wrap;
}
.nu-namebar .nu-prodsay {
  font-weight: var(--fw-label);
  opacity: 1;
}
.nu-cast {
  align-items: stretch;
  margin-block: var(--s3);
}
.nu-castchip {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--s2);
  align-items: center;
  text-align: start;
  padding: var(--s2) var(--s3);
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.nu-castdot {
  grid-row: 1 / span 2;
  inline-size: 10px;
  block-size: 10px;
  border-radius: var(--r2);
}
.nu-castw {
  grid-column: 2;
  font-weight: var(--fw-label);
}
.nu-castline {
  grid-column: 2;
  font-size: var(--t1);
  font-weight: var(--fw-body);
  font-style: normal;
  opacity: .85;
}
.nu-castchip[data-under] {
  margin-inline-start: var(--s3);
}
.nu-ptargets {
  display: grid;
  gap: var(--s3);
  align-items: start;
}
@media (min-width: 800px) {
  .nu-ptargets {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--s4);
  }
}
.nu-ptargets > .nu-sel {
  margin-block: 0;
}
.nu-pcbar {
  display: block;
  inline-size: 100%;
  min-inline-size: 42px;
  max-inline-size: 120px;
  block-size: 8px;
  margin-block-end: 2px;
  background: var(--well);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  overflow: hidden;
}
.nu-pcfill {
  display: block;
  block-size: 100%;
  background: var(--q4);
  border-inline-end: var(--bw) solid var(--rule-strong);
}
.nu-pcbar[data-q="1"] > .nu-pcfill {
  background: var(--q1);
}
.nu-pcbar[data-q="2"] > .nu-pcfill {
  background: var(--q2);
}
.nu-pcbar[data-q="3"] > .nu-pcfill {
  background: var(--q3);
}
.nu-pcbar[data-q="4"] > .nu-pcfill {
  background: var(--q4);
}
.nu-notes tr.is-refused > th,
.nu-notes tr.is-refused > td {
  opacity: .7;
}
.nu-notes tr.is-refused > td {
  text-decoration: line-through;
}
.nu-notes tr.is-refused > td .nu-row {
  text-decoration: none;
}
.nu-notes tr.is-refused .nu-pcfill {
  background: var(--faint);
}
.nu-field > label > input[type=range],
.nu-sel > label > input[type=range],
.nu-rule input[type=range],
.nu-tf input[type=range] {
  max-inline-size: 28ch;
}
.nu-field > label > output,
.nu-sel > label > output {
  flex: 0 1 auto;
  min-inline-size: 0;
  margin-inline-end: auto;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.nu-tf-row button {
  min-inline-size: var(--tap);
}
@media (min-width: 640px) {
  .nu-tf-row .nu-ic {
    flex-direction: row;
    align-items: center;
    gap: var(--s2);
  }
  .nu-tf-row .nu-vh {
    position: static;
    inline-size: auto;
    block-size: auto;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: nowrap;
    font-size: var(--t1, .72rem);
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -.01em;
  }
}
AND THE HEIGHT IS STATED, WHICH IS THE HALF `grid-auto-rows: 1fr` COULD NOT BUY. That declaration stood here for ten minutes on the theory that `1fr` rows on an auto-height grid all resolve to the tallest; they do not \2014  an `fr` needs a DEFINITE size to divide and an auto-height grid has none, so it resolves to `auto` and the measurement was unchanged (44 x10 then 49 x7 at 1280, before and after). The honest fix is the one `.nu-field` already makes one surface over: STATE the row and let the content sit in it. `--tap` PLUS ONE STEP OF THE SPACING SCALE is what a chip is: a tap row for the word, and one line of the detail under it (`.nu-castline`, at `--t1`). Every chip is that height whether or not it has a second line to put in it, which is exactly what "even rows" means and is why the number is derived from the two tokens rather than measured off the tallest chip. Measured after: 50 for all seventeen, at 390 and at 1280. */ .nu-cast {
  display: grid;
  align-items: stretch;
  margin-block: var(--s3);
  grid-template-columns: repeat(auto-fill, minmax(min(13em, 100%), 1fr));
}
.nu-castchip {
  display: grid;
  align-content: center;
  min-block-size: calc(var(--tap) + var(--s2));
}
.nu-sgrid {
  table-layout: fixed;
  inline-size: max(100%, calc(13ch + var(--cols, 1) * 9ch));
}
.nu-sgrid thead th:first-child,
.nu-sgrid tbody th {
  inline-size: 13ch;
}
.nu-scol {
  min-inline-size: 0;
}
.nu-scolinstr {
  min-inline-size: 0;
}
.nu-field > label > input[type=checkbox] {
  inline-size: var(--box);
  block-size: var(--box);
  flex: 0 0 auto;
  accent-color: var(--hand);
  align-self: center;
}
.nu-field > label:has(> input[type=checkbox]) {
  align-items: center;
}
.nu-routelink {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--tap);
  padding-inline: var(--s3);
  color: var(--ink);
  text-decoration: none;
  border: var(--bw) solid var(--rule);
  border-radius: var(--r1);
  background: var(--paper);
  font-weight: var(--fw-label);
}
.nu-routelink:hover {
  background: var(--flag-tint);
}
.nu-routelink:focus-visible {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: 2px;
}
@media (max-width: 699px) {
  .nu-ixli {
    grid-template-columns: 4ch minmax(0, 1fr) var(--tap);
    grid-template-rows: auto auto;
  }
  .nu-ixli[data-bc] {
    grid-template-columns: 8ch minmax(0, 1fr) var(--tap);
  }
  .nu-ixrow {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  .nu-ixw {
    grid-column: 1 / 3;
    grid-row: 1;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: break-word;
    padding-inline-end: 0;
  }
  .nu-ixw-no {
    block-size: auto;
    min-block-size: var(--tap);
    line-height: 1.3;
    display: flex;
    align-items: center;
  }
  .nu-ixy {
    grid-column: 1;
    grid-row: 2;
  }
  .nu-ixp {
    grid-column: 2;
    grid-row: 2;
  }
  .nu-ixgo {
    grid-column: 3;
    grid-row: 1 / -1;
    align-self: center;
  }
  .nu-ixli {
    gap: 0 var(--s2);
    padding-inline: var(--s3);
  }
}
.nu-motifname {
  margin-inline-start: var(--s2);
}
.nu-wordgrid {
  table-layout: fixed;
  inline-size: max(100%, calc(13ch + var(--cols, 1) * 9ch));
}
.nu-wordgrid thead th:first-child,
.nu-wordgrid tbody th {
  inline-size: 13ch;
}
.nu-wordgrid > caption {
  text-align: start;
  padding-block-end: var(--s2);
}
.nu-wordgrid .nu-colname {
  font: var(--fw-block) var(--t1)/1.15 var(--sans, inherit);
  opacity: 1;
}
.nu-wordgrid .nu-colinstr {
  font: var(--fw-body) var(--t0)/1.2 var(--sans, inherit);
  opacity: .85;
}
.nu-wordgrid tbody tr:has(mark) {
  background: var(--clock-tint);
}
#pan-band .nu-wordgrid tbody tr:has(mark) > th,
#pan-band .nu-wordgrid tbody tr:has(mark) > td {
  background: transparent;
}
#pan-band .nu-wordgrid tbody tr:has(mark) > th.nu-srowh {
  box-shadow: inset 3px 0 0 var(--clock);
}
.nu-wcell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: var(--s1);
}
.nu-wcell[aria-expanded=true] {
  border-color: var(--hand);
  border-width: var(--bw-hard);
}
.nu-wcell.is-refused {
  opacity: .55;
  border-style: dashed;
  cursor: not-allowed;
}
.nu-wcell[disabled] {
  opacity: .55;
  border-style: dashed;
  cursor: not-allowed;
}
.nu-cellword {
  inline-size: 100%;
  min-block-size: var(--tap);
  min-inline-size: 56px;
  border: 0;
  border-radius: var(--r2);
  background: transparent;
  color: var(--ink);
  padding: 0 var(--s1);
  cursor: pointer;
  font: var(--fw-label) var(--t1)/1.25 var(--mono, monospace);
}
.nu-cellword.is-derived {
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  opacity: .78;
}
.nu-cellword.is-refused,
.nu-cellword[disabled] {
  border: var(--bw) dashed currentColor;
}
.nu-cellword[aria-expanded=true] {
  background: var(--hand-tint);
  box-shadow: inset 0 0 0 var(--bw-hard) var(--hand);
}
.nu-modal {
  position: fixed;
  z-index: 57;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  padding: calc(var(--top-h) + var(--s2)) var(--s2) calc(var(--bar-h) + var(--s2));
  background: var(--scrim);
}
.nu-modalcard:focus,
.nu-modalcard:focus-visible {
  outline: none;
}
.nu-modalcard {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  max-block-size: 88%;
  overflow: hidden;
  background: var(--panel);
  color: var(--ink);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
}
.nu-modalhead {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--s2);
  padding: var(--s1) var(--s1) var(--s1) var(--s3);
  border-block-end: var(--bw) solid var(--rule);
}
.nu-modalname {
  flex: 1 1 auto;
  min-inline-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: var(--fw-label) var(--t2, .82rem)/1.2 var(--sans, inherit);
}
.nu-modalx {
  flex: 0 0 auto;
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--ink);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}
.nu-modalx:hover {
  background: var(--flag-tint);
}
.nu-modalbody {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: var(--s2);
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
@media (min-width: 700px) {
  .nu-modal {
    justify-content: center;
    align-items: center;
  }
  .nu-modalcard {
    inline-size: min(100%, 44rem);
  }
}
@media (max-width: 699.98px) {
  .nu-modalcard:has(.nu-motifsheet) {
    block-size: 100%;
    max-block-size: 100%;
  }
}
@media (min-width: 700px) {
  .nu-modalcard:has(.nu-motifsheet) {
    block-size: 100%;
    max-block-size: 100%;
    inline-size: min(calc(100% - 4rem), 72rem);
  }
}
.nu-wchips {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  padding: 3px;
  background: var(--well);
  border-radius: var(--r2);
  border: var(--bw) solid var(--rule);
}
.nu-wchip {
  min-block-size: var(--tap);
  min-inline-size: 0;
  padding-inline: .5ch;
  font: var(--btn-fw) 1rem/1.2 var(--sans, inherit);
}
.nu-wchip[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
  border-color: var(--hand);
}
.nu-wchip[aria-pressed=true]:hover {
  background: var(--lamp-hot);
}
.nu-wchip[disabled] {
  opacity: .5;
  cursor: not-allowed;
}
.nu-wchip.is-quiet {
  font-style: italic;
  color: var(--dim);
}
.nu-vsheet {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
  gap: var(--s2) var(--s3);
  padding: var(--s2);
  background: var(--well);
  border-radius: var(--r2);
  border: var(--bw) solid var(--rule);
  inline-size: 100%;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}
.nu-vsheet > .nu-sheetops,
.nu-vsheet > .nu-noderow,
.nu-vsheet > .nu-wchips,
.nu-vsheet > .nu-wgroups {
  grid-column: 1 / -1;
}
.nu-sheetrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  min-inline-size: 0;
}
.nu-sheetlab {
  flex: 0 0 auto;
  min-inline-size: 9ch;
  font: 700 1rem/1.25 var(--sans, inherit);
  color: var(--dim);
}
.nu-vsheet .nu-sheetrow > .nu-wcell {
  flex: 0 1 auto;
  inline-size: auto;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding-inline: .5ch;
  font: var(--btn-fw) 1rem/1.2 var(--mono, monospace);
  text-align: start;
}
.nu-sheetsub {
  flex: 0 0 auto;
  color: var(--dim);
  font-size: .8rem;
}
.nu-morow {
  flex-direction: column;
  align-items: stretch;
}
.nu-mogrid {
  display: grid;
  gap: var(--s2);
  grid-template-columns: repeat(auto-fill, minmax(9ch, 1fr));
  inline-size: 100%;
  max-block-size: calc(2 * var(--tap) + 1 * var(--s2));
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-snap-type: y proximity;
}
.nu-mogrid > .nu-mocard {
  scroll-snap-align: start;
}
.nu-mocard {
  position: relative;
  display: block;
  min-block-size: var(--tap);
}
.nu-mopick {
  inline-size: 100%;
  min-block-size: var(--tap);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: var(--s1) var(--s2);
  background: var(--well);
  color: var(--ink);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  font: var(--btn-fw) var(--t2)/1.2 var(--sans, inherit);
  cursor: pointer;
}
.nu-mopick[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
  border-color: var(--hand);
}
.nu-mopick[aria-disabled=true] {
  opacity: .55;
  cursor: default;
}
.nu-mopv {
  display: block;
  min-block-size: 1.2em;
  line-height: 0;
}
.nu-moname {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-moprov {
  display: block;
  color: var(--dim);
  font-size: var(--t1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-mopick[aria-pressed=true] .nu-moprov {
  color: var(--on-fill);
  opacity: .8;
}
.nu-moedit {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  min-block-size: var(--tap);
  inline-size: 2.2em;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 2px 3px 0 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--dim);
  font-size: .9rem;
  line-height: 1;
  cursor: pointer;
}
.nu-moedit:hover {
  color: var(--ink);
}
.nu-monew {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-block-size: var(--tap);
  padding: var(--s1) var(--s2);
  background: none;
  color: var(--dim);
  border: var(--bw) dashed var(--rule);
  border-radius: var(--r2);
  font: var(--btn-fw) var(--t2)/1.2 var(--sans, inherit);
  cursor: pointer;
}
.nu-monew:hover {
  color: var(--ink);
  border-color: var(--ink);
}
.nu-monew > .nu-g {
  font-size: 1.1rem;
  line-height: 1;
}
.nu-opbtn.is-mark {
  inline-size: var(--tap);
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nu-opbtn.is-mark > .nu-g {
  font-size: 1.1rem;
  line-height: 1;
}
.nu-sheetrow.nu-noderow {
  flex-direction: column;
  align-items: stretch;
}
.nu-sheetrow.nu-noderow > .nu-sheetlab {
  min-inline-size: 0;
}
.nu-seatstrip {
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-seatknobs,
.nu-seatcrate {
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-sheetsay {
  flex: 1 1 auto;
  min-block-size: var(--tap);
  display: flex;
  align-items: center;
  font: var(--fw-body) 1rem/1.3 var(--sans, inherit);
  color: var(--ink);
}
.nu-sheetsay.is-refused {
  opacity: .6;
  border-block-end: var(--bw) dashed var(--rule);
  cursor: help;
}
.nu-textbox {
  flex: 1 1 12ch;
  min-inline-size: 0;
  max-inline-size: 100%;
  min-block-size: var(--tap);
  font: var(--fw-label) var(--t3)/1.2 var(--sans, inherit);
  text-align: start;
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  background: var(--panel);
  color: var(--ink);
  padding-inline: .5ch;
}
.nu-textbox.is-derived {
  font-weight: var(--fw-body);
}
.nu-textbox::placeholder {
  color: var(--dim);
  opacity: 1;
}
.nu-textbox[readonly] {
  border-style: dashed;
  color: var(--dim);
  cursor: default;
}
.nu-clearback {
  flex: 0 0 auto;
  min-block-size: var(--tap);
  padding-inline: .5ch;
  font: var(--btn-fw) .8rem/1.2 var(--sans, inherit);
  color: var(--dim);
}
.nu-opbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  flex: 1 1 100%;
}
.nu-opbtn {
  min-block-size: var(--tap);
  padding-inline: .5ch;
  font: var(--btn-fw) 1rem/1.2 var(--sans, inherit);
}
.nu-opbtn[disabled] {
  opacity: .5;
  cursor: not-allowed;
}
.nu-sheetops.is-verbs .nu-opbtn {
  font-size: var(--t1);
  padding-inline: .4ch;
}
.nu-sheetops.is-verbs .nu-opbar {
  gap: var(--s1);
}
.nu-wgroups {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}
.nu-groupbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
}
.nu-groupbtn {
  min-block-size: var(--tap);
  padding-inline: .5ch;
  font: var(--btn-fw) 1rem/1.2 var(--sans, inherit);
}
.nu-groupbtn[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
  border-color: var(--hand);
}
.nu-wchips.nu-pinned {
  background: transparent;
  border-style: dashed;
}
.nu-wchip {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  flex-wrap: wrap;
  justify-content: center;
}
.nu-wchip[hidden] {
  display: none;
}
.nu-chipword {
  flex: 0 0 auto;
}
.nu-chipprov {
  flex: 0 0 100%;
  font-size: .8rem;
  opacity: .8;
}
.nu-wchip > .nu-why {
  flex: 0 0 100%;
  max-inline-size: 18ch;
  text-align: center;
  white-space: normal;
  font-weight: 400;
}
.nu-corner {
  font: 700 .62rem/1.3 var(--mono, monospace);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.nu-wordgrid tfoot .nu-footrow > th,
.nu-wordgrid tfoot .nu-footrow > td {
  border-block-start: var(--bw-hard) solid var(--rule);
}
.nu-mixcell {
  position: relative;
}
.nu-mixcell > .nu-scollamp {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  inline-size: 100%;
}
.nu-mixrow > th.nu-srowh {
  min-block-size: var(--tap);
}
.nu-mixrow > th.nu-srowh > .nu-srowname {
  display: flex;
  align-items: center;
  min-block-size: var(--tap);
  padding-inline: var(--s3);
}
.nu-wordgrid thead th {
  vertical-align: top;
}
.nu-wordgrid thead th.nu-plushead {
  padding: 0;
}
.nu-wordgrid tbody th.nu-plusrowh {
  padding-inline: 0;
}
.nu-plusbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--tap);
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  border: var(--bw) dashed var(--rule);
  border-radius: var(--r1);
  background: transparent;
  box-shadow: none;
  font: var(--fw-body) 1.15rem/1 var(--sans, inherit);
}
.nu-plusbtn:hover {
  background: var(--hand-tint);
}
.nu-plusbtn[aria-expanded=true] {
  background: var(--hand-tint);
}
.nu-addcell {
  padding: 0;
}
.nu-perfrow > th.nu-spheadcell {
  border-block-start: var(--bw) solid var(--rule);
}
.nu-sheetwrap {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  block-size: calc(100dvh - var(--top-h) - var(--bar-h) - var(--s2));
}
.nu-sheetwrap > .nu-pane[data-pane=table] {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: auto;
  overscroll-behavior: none;
}
.nu-cellhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
}
.nu-modalhead > .nu-cellhead {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.nu-sheetgrid col.nu-addcol {
  inline-size: var(--tap);
}
.nu-fadr {
  flex: 1 1 12ch;
  min-inline-size: 0;
  min-block-size: var(--tap);
  display: flex;
  align-items: center;
  font: var(--fw-label) 1rem/1.25 var(--sans, inherit);
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-fops {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  flex: 0 1 auto;
}
@media (max-width: 480px) {
  .nu-fadr {
    flex: 1 1 100%;
  }
}
.nu-sheetgrid thead th {
  position: sticky;
  inset-block-start: 0;
  z-index: 2;
  background: var(--paper);
}
.nu-sheetgrid tbody th.nu-srowh,
.nu-sheetgrid tfoot th.nu-srowh,
.nu-sheetgrid tbody th.nu-plusrowh {
  position: sticky;
  inset-inline-start: 3px;
  z-index: 1;
  background: var(--paper);
}
.nu-sheetgrid thead th:first-child {
  inset-inline-start: 3px;
  z-index: 4;
}
.nu-sheetgrid th.nu-spheadcell {
  padding: 0;
  text-align: start;
  z-index: 5;
  border-block-end: var(--bw) solid var(--rule);
}
.nu-spline {
  display: flex;
  flex-direction: row;
  align-items: center;
  inline-size: var(--panew, 100%);
  max-inline-size: 100%;
  position: sticky;
  inset-inline-start: 0;
  min-block-size: var(--tap);
  background: var(--paper);
}
.nu-sphead,
.nu-labelbtn {
  display: flex;
  flex: 1 1 auto;
  min-inline-size: 0;
  align-items: center;
  gap: var(--s3);
  min-block-size: var(--tap);
  padding: var(--s2) var(--s3);
  text-align: start;
  background: transparent;
  color: var(--ink);
  border: 0;
  border-radius: var(--r0);
  box-shadow: none;
}
.nu-spword {
  flex: 0 0 auto;
  font: var(--fw-block) var(--t3)/1.2 var(--sans, inherit);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.nu-spclose {
  flex: 0 0 auto;
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.nu-spclose:hover {
  background: var(--flag-tint);
}
.nu-spface {
  flex: 1 1 auto;
  min-inline-size: 0;
  text-align: end;
  font: var(--num-fw) var(--t3)/1.2 var(--sans, inherit);
  color: var(--dim);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-sheetgrid tr.nu-scoperow > th.nu-spheadcell > .nu-spline {
  box-shadow: inset var(--bw-hard) 0 0 var(--rule);
}
.nu-sheetgrid tr.nu-recrow > th.nu-spheadcell {
  border-block-end: var(--bw) solid var(--rule);
}
.nu-sheetgrid tr.nu-recrow .nu-spface {
  text-align: start;
  color: var(--ink);
}
.nu-spopts:hover {
  background: var(--hand-tint);
}
#pan-band .nu-wordgrid thead th.nu-cornerh > .nu-corner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 0;
  text-align: start;
  overflow: hidden;
}
#pan-band .nu-wordgrid .nu-cornerword {
  font: var(--fw-block) var(--t0)/1.3 var(--mono, monospace);
  text-transform: uppercase;
  letter-spacing: .04em;
}
#pan-band .nu-wordgrid .nu-seccount {
  font: var(--num-fw) var(--t0)/1.3 var(--sans, inherit);
  color: var(--dim);
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
#pan-band .nu-wordgrid.is-folded {
  inline-size: var(--panew, 100%);
}
#pan-band .nu-wordgrid.is-folded > colgroup > col:first-child {
  inline-size: auto;
}
.nu-sheetgrid tbody tr.is-playing {
  --lit: color-mix(in srgb, var(--clock) 65%, var(--panel));
}
.nu-sheetgrid tbody tr.is-playing > th .nu-srowname {
  font-weight: var(--fw-block);
}
.nu-sheetgrid tbody[hidden],
.nu-sheetgrid tr[hidden] {
  display: none;
}
.nu-motlamp {
  display: block;
  flex: 0 1 auto;
  min-inline-size: 0;
  max-inline-size: 45%;
  block-size: 1.2em;
  box-sizing: content-box;
  padding-inline: var(--s3);
  font: var(--num-fw) var(--t1)/1.2 var(--sans, inherit);
  color: var(--clock);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-motifsheet {
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-bank {
  display: flex;
  flex-direction: column;
  gap: var(--s1);
}
.nu-bankrow {
  padding-block: var(--s2);
  border-block-start: var(--bw) solid var(--rule);
}
.nu-bankrow:first-child {
  border-block-start: 0;
}
.nu-bankpic {
  display: block;
  inline-size: 100%;
  padding: 0;
  text-align: start;
  background: var(--panel);
  border: var(--bw) solid var(--rule);
  cursor: pointer;
  color: var(--ink);
}
.nu-bankpic:hover {
  border-color: var(--hand);
}
.nu-bankpic svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.nu-bankstaff {
  display: block;
  inline-size: 100%;
  min-block-size: 60px;
}
.nu-dthumb {
  display: grid;
  grid-template-columns: repeat(var(--dt-cols, 16), 1fr);
  gap: 2px;
  padding: var(--s2);
}
.nu-dthumb i {
  display: block;
  block-size: 8px;
  background: var(--grey2, var(--rule));
}
.nu-dthumb i.nu-dtbeat {
  box-shadow: inset 2px 0 0 var(--rule);
}
.nu-dthumb i.is-ghost {
  background: var(--q2);
}
.nu-dthumb i.is-on {
  background: var(--q3);
}
.nu-dthumb i.is-acc {
  background: var(--q4);
}
.nu-bankhead {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-block: var(--s1);
}
.nu-bankname {
  flex: 1 1 auto;
  min-inline-size: 0;
  min-block-size: var(--tap);
  display: inline-flex;
  align-items: baseline;
  gap: var(--s2);
  text-align: start;
}
.nu-bankname[aria-pressed=true] {
  background: var(--hand-tint);
}
.nu-bankword {
  font: var(--fw-block) var(--t3)/1.2 var(--sans, inherit);
}
.nu-bankprov {
  color: var(--dim);
  font-size: var(--t1);
}
.nu-bankopen {
  flex: 0 0 auto;
  min-block-size: var(--tap);
}
.nu-banklamp {
  flex: 0 0 auto;
  display: block;
  inline-size: 10px;
  block-size: 10px;
}
.nu-banklamp > i {
  display: block;
  inline-size: 10px;
  block-size: 10px;
  border-radius: 50%;
  background: var(--clock);
}
.nu-bankadd,
.nu-bankback {
  margin-block: var(--s3);
}
.nu-bankadd button,
.nu-bankback button {
  min-block-size: var(--tap);
}
.nu-tf-row .nu-tfface {
  font-style: normal;
}
.nu-prodrow > th.nu-spheadcell {
  border-block-start: var(--bw) solid var(--rule);
}
.nu-timebpm {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-timebpm .nu-field {
  margin: 0;
}
.nu-timekey,
.nu-changes,
.nu-rulesheet,
.nu-timemeter {
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-timesigpart {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.nu-timesigpart label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
}
.nu-timesigpart .nu-w {
  flex: 1 0 100%;
}
.nu-timesigpart input[type=range] {
  flex: 1 1 8em;
  min-inline-size: 0;
}
.nu-timemeter {
  display: flex;
  flex-direction: column;
  gap: var(--s3);
}
.nu-timemeter .nu-field {
  margin: 0;
}
.nu-timemeter .nu-hint {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.nu-signum {
  inline-size: 4ch;
  min-inline-size: 4ch;
  box-sizing: border-box;
  text-align: center;
  min-block-size: var(--tap);
  padding: 0 var(--s1);
  font-size: var(--t4);
  font-weight: var(--fw-block);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-family: inherit;
  color: var(--ink);
  background: transparent;
  border: var(--bw) solid transparent;
  border-radius: var(--r1);
  -moz-appearance: textfield;
  appearance: textfield;
}
.nu-signum::-webkit-outer-spin-button,
.nu-signum::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nu-signum:focus-visible {
  border-color: var(--hand);
  outline: none;
}
.nu-vsheet .nu-taprow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  margin: 0;
}
.nu-rulesheet > .nu-ax {
  padding: 0;
  margin: 0;
}
.nu-rulesheet .nu-ruleplate {
  min-block-size: var(--tap);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.nu-seatmenu {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-wcell.is-sel {
  outline: var(--bw-hard) solid var(--hand);
  outline-offset: -2px;
}
.nu-wordgrid td.is-inrange {
  background: var(--hand-tint);
  border-radius: 3px;
}
.nu-cellword .nu-ic {
  inline-size: 100%;
  min-inline-size: 0;
  gap: var(--s1);
  justify-content: center;
}
.nu-cellword .nu-g {
  font-size: 1.15rem;
  flex: 0 0 auto;
}
.nu-cellword .nu-w {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-inline-size: 0;
}
.nu-cellword.is-derived .nu-g {
  opacity: .78;
}
.nu-colbtn .nu-g,
.nu-rowjump .nu-g {
  font-size: 1rem;
  margin-inline-end: .18em;
  opacity: .8;
}
.nu-rowjump .nu-g {
  display: inline;
}
.nu-numrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--s3);
}
.nu-numslide {
  flex: 1 1 8rem;
  min-inline-size: 6rem;
  block-size: var(--tap);
  touch-action: none;
}
.nu-numbox {
  flex: 0 0 auto;
  inline-size: 5.5ch;
  min-block-size: var(--tap);
  font: var(--fw-label) var(--t3)/1.2 var(--mono, monospace);
  text-align: end;
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  background: var(--panel);
  color: var(--ink);
  padding-inline: var(--s1);
}
.nu-numbox.is-derived {
  font-weight: var(--fw-body);
  color: var(--dim);
}
.nu-numunit {
  flex: 0 0 auto;
  color: var(--dim);
}
.nu-env {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-envplate {
  position: relative;
  display: block;
  inline-size: 100%;
  block-size: var(--env-h);
  touch-action: none;
  overflow: hidden;
  border-radius: var(--r0);
  background: var(--well);
}
.nu-envsvg {
  display: block;
  inline-size: 100%;
  block-size: var(--env-h);
}
.nu-envbase {
  stroke: var(--rule);
  stroke-width: var(--bw);
  opacity: .45;
}
.nu-envcurve {
  fill: none;
  stroke: var(--hand);
  stroke-width: var(--bw-hard);
  stroke-linejoin: round;
  stroke-linecap: round;
}
.nu-envghost {
  fill: none;
  stroke: var(--dim);
  stroke-width: var(--bw);
  stroke-dasharray: 3 3;
  opacity: .6;
}
.nu-envh {
  position: absolute;
  inline-size: var(--tap);
  block-size: var(--tap);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  touch-action: none;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nu-envh:active {
  cursor: grabbing;
}
.nu-envh:hover {
  background: transparent;
}
.nu-envdot {
  display: block;
  inline-size: var(--env-dot);
  block-size: var(--env-dot);
  border-radius: 50%;
  background: var(--hand);
  box-shadow: 0 0 0 var(--bw-hard) var(--panel);
  pointer-events: none;
}
.nu-envh:hover .nu-envdot,
.nu-envh:focus-visible .nu-envdot {
  inline-size: calc(var(--env-dot) + var(--s2));
  block-size: calc(var(--env-dot) + var(--s2));
}
.nu-envh:focus-visible {
  outline: none;
}
.nu-envh:focus-visible .nu-envdot {
  box-shadow: 0 0 0 var(--bw-hard) var(--panel), 0 0 0 calc(2 * var(--bw-hard)) var(--hand);
}
.nu-envh.is-refused {
  cursor: not-allowed;
}
.nu-envh.is-refused .nu-envdot {
  background: var(--dim);
  opacity: .55;
}
.nu-envsays {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2) var(--s3);
  padding-block-start: var(--s2);
}
.nu-envsay {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  font: var(--fw-body) var(--t3)/1.3 var(--mono, monospace);
  color: var(--dim);
}
.nu-envsay b {
  font-weight: var(--fw-body);
  color: var(--ink);
}
.nu-envsay.is-said {
  color: var(--ink);
}
.nu-envsay.is-said > span {
  font-weight: var(--fw-label);
}
.nu-colgrip {
  position: absolute;
  inset-block: 0;
  inset-inline-end: -2px;
  inline-size: 8px;
  min-block-size: var(--tap);
  padding: 0;
  cursor: col-resize;
  background: transparent;
  border: 0;
  border-inline-end: var(--bw) solid var(--rule);
  border-radius: 0;
}
.nu-colgrip:hover,
.nu-colgrip:focus-visible {
  border-inline-end-color: var(--hand);
  border-inline-end-width: var(--bw-hard);
}
.nu-nativepick {
  inline-size: auto;
  max-inline-size: 100%;
  padding-inline: .5ch;
  font: var(--btn-fw) 1rem/1.2 var(--sans, inherit);
}
[data-k="board.legend"] {
  min-block-size: 2.9em;
  min-block-size: 2lh;
}
.nu-ruleplate {
  display: block;
}
.nu-ruleline {
  display: block;
  min-inline-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nu-rulekin {
  display: block;
  margin-block-start: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nu-axword {
  margin: var(--s3) 0 0;
}
.nu-rulax {
  margin-block-end: var(--s3);
}
.nu-rule {
  display: flex;
  align-items: center;
  gap: var(--s2);
  padding-block-end: 0;
}
.nu-rule > .nu-said {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--s1);
  min-block-size: var(--tap);
  line-height: normal;
  padding-block: var(--s1);
}
.nu-wline {
  display: block;
  min-inline-size: 0;
}
.nu-ctl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s1) var(--s2);
  min-inline-size: 0;
}
.nu-ctl > .nu-why {
  flex: 1 0 100%;
  min-inline-size: 0;
}
.nu-rv {
  font-weight: var(--fw-label);
  font-variant-numeric: tabular-nums;
}
output.nu-rv {
  display: inline;
}
.nu-rule .nu-w {
  flex: 0 1 auto;
  inline-size: auto;
  block-size: auto;
  line-height: normal;
  font-size: var(--t2);
  font-weight: 500;
  white-space: normal;
  overflow: visible;
}
.nu-rule .nu-combo {
  flex: 1 1 auto;
  min-inline-size: 0;
  max-inline-size: min(100%, 30ch);
}
.nu-rule input[type=range] {
  flex: 1 1 100%;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: var(--tap);
}
.nu-rule > .nu-said > .nu-ctl > input[type=range] {
  max-inline-size: 100%;
}
.nu-rule output {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}
.nu-cell {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  min-inline-size: 0;
}
.nu-cell > .nu-k {
  font-style: normal;
  font-size: var(--t1);
  font-weight: var(--fw-label);
  color: var(--rule);
}
.nu-rule[data-shape=list] .nu-combo,
.nu-rule[data-shape=map] .nu-combo {
  flex: 0 1 auto;
  max-inline-size: min(100%, 13ch);
}
.nu-rule[data-shape=map] input[type=range],
.nu-rule[data-shape=pair] input[type=range] {
  flex: 1 1 40%;
  inline-size: auto;
  min-inline-size: 56px;
}
.nu-rule[data-shape=map] .nu-cell,
.nu-rule[data-shape=pair] .nu-cell {
  flex: 1 1 min(100%, 6em);
}
.nu-rule > fieldset.nu-said {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}
.nu-rule > fieldset.nu-said > legend {
  padding: 0;
  float: none;
  display: block;
  margin-inline-end: 0;
}
.nu-rule .nu-opt {
  display: inline-flex;
  flex-wrap: nowrap;
  margin-block: var(--s1);
  margin-inline-end: var(--s2);
  min-block-size: var(--tap);
}
.nu-rule > .nu-why {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  align-items: center;
  min-block-size: var(--tap);
  margin: 0;
}
.nu-rule[data-why] {
  opacity: .55;
}
.nu-rule[data-why] .nu-said {
  pointer-events: none;
}
.nu-rule > button[data-k^=rule-reset] {
  flex: 0 0 auto;
  margin-block-start: 0;
}
.nu-pal {
  margin: var(--s1) 0 0;
}
.nu-pal .nu-combo {
  max-inline-size: min(100%, 15ch);
}
.nu-combofield {
  inline-size: 100%;
  min-inline-size: 0;
  font-size: var(--t3);
  font-weight: var(--btn-fw);
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  min-block-size: var(--tap);
  block-size: var(--tap);
  padding-inline: var(--s3) calc(var(--s3) + 1.1em);
  text-overflow: ellipsis;
  cursor: pointer;
}
.nu-combofield:not(:read-only) {
  cursor: text;
}
.nu-combofield:hover {
  background: var(--flag-tint);
}
.nu-combofield:disabled {
  color: var(--faint);
  background: var(--well);
  border-color: var(--faint);
  cursor: default;
}
.nu-combofield.is-seated {
  color: var(--dim);
}
.nu-combofield.is-said {
  color: var(--hand);
  font-weight: var(--fw-label);
}
.nu-combo:has(> .nu-combofield.is-said)::after {
  color: var(--hand);
}
.nu-combo:has(> .nu-combofield:disabled)::after {
  color: var(--faint);
}
.nu-combo::after {
  inset-block-start: 0;
  inset-block-end: auto;
}
.nu-combo.is-open::after {
  transform: scaleY(-1);
}
.nu-combo {
  gap: 0;
}
.nu-sel > label > .nu-combo {
  flex: 0 1 auto;
  inline-size: min(100%, 30ch);
  max-inline-size: min(100%, 30ch);
}
.nu-combolist {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--panel);
  border: var(--bw) solid var(--ink);
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: var(--r1);
  border-end-end-radius: var(--r1);
  border-block-start: 0;
}
.nu-comboopt {
  display: flex;
  align-items: center;
  min-block-size: var(--tap);
  padding: var(--s2) var(--s3);
  line-height: 1.25;
  cursor: pointer;
}
.nu-comboopt + .nu-comboopt {
  border-block-start: var(--bw) solid var(--well);
}
.nu-comboopt:hover {
  background: var(--flag-tint);
}
.nu-comboopt.is-on {
  background: var(--hand);
  color: var(--panel);
}
.nu-comboopt.is-active {
  background: var(--flag-tint);
}
.nu-comboopt.is-on.is-active {
  background: var(--hand);
  color: var(--panel);
  outline: var(--bw-hard) solid var(--flag);
  outline-offset: calc(-1 * var(--bw-hard));
}
.nu-comboopt.is-off {
  cursor: default;
}
.nu-comboopt.is-off:hover,
.nu-comboopt.is-quiet:hover {
  background: transparent;
}
.nu-combogrp {
  padding: var(--s3) var(--s3) var(--s1);
  font: 700 var(--t1)/1.2 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--dim);
}
.nu-combonone {
  padding: var(--s2) var(--s3);
}
td > .nu-combo {
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 9em;
}
.nu-slotrow .nu-combo {
  flex: 1 1 auto;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.nu-vow .nu-combo {
  min-inline-size: 4.5em;
}
.nu-sgrid td > .nu-combo {
  min-inline-size: 7em;
}
.nu-sgrid td > .nu-combo.is-derived > .nu-combofield {
  font-weight: var(--fw-body);
  opacity: .78;
}
.nu-sgrid tbody tr:has(mark) > td > .nu-combo > .nu-combofield {
  border-color: var(--clock);
}
.nu-crate {
  margin-block: var(--s4);
}
.nu-crategrp {
  margin-block-start: var(--s4);
  padding-inline-start: var(--s3);
}
.nu-cratehead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--s2);
  margin: 0 0 var(--s2);
}
.nu-cratewho {
  font-weight: var(--fw-block);
}
.nu-crateis {
  color: var(--dim);
  font-size: var(--t2);
}
.nu-cratelist {
  list-style: none;
  margin: var(--s2) 0 0;
  padding: 0;
}
.nu-crow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  min-inline-size: 0;
  padding-block: var(--s2);
  border-block-start: var(--bw) solid var(--well);
}
.nu-crow > * {
  min-inline-size: 0;
}
.nu-ckind {
  flex: 0 0 auto;
  min-inline-size: 5.5em;
  font: 700 var(--t0)/1.2 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--dim);
}
.nu-cname {
  flex: 1 1 8em;
  font-weight: var(--fw-label);
  overflow-wrap: anywhere;
}
.nu-cdata {
  flex: 1 1 auto;
  color: var(--dim);
  font: var(--num-fw) var(--t1)/1.3 var(--mono);
}
.nu-cplay {
  flex: 0 0 auto;
  min-block-size: var(--tap);
}
.nu-cplay[aria-pressed=true] {
  background: var(--clock);
  color: var(--panel);
  border-color: var(--clock);
}
.nu-csrc {
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  margin: var(--s1) 0 0;
}
.nu-crategrp > .nu-csrc {
  margin-block-end: var(--s2);
}
.nu-clabel {
  color: var(--dim);
  font-size: var(--t1);
}
.nu-crefuse {
  flex: 1 0 100%;
  margin: var(--s1) 0 0;
}
.nu-curl {
  overflow-wrap: anywhere;
  font-size: var(--t1);
}
.nu-combo[data-widget=chips]::after {
  content: none;
}
.nu-sel > label > .nu-combo[data-widget=chips],
.nu-combo[data-widget=chips] {
  inline-size: 100%;
  max-inline-size: 100%;
  flex: 1 1 100%;
}
.nu-combo > .nu-wchips {
  inline-size: 100%;
  min-inline-size: 0;
}
#nu-chrome {
  display: contents;
}
.nu-topstrip {
  position: fixed;
  z-index: 58;
  inset-inline: 0;
  inset-block-start: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--s2);
  block-size: var(--top-h);
  padding-block-start: env(safe-area-inset-top, 0px);
  padding-inline: var(--gl) var(--gr);
  background: var(--panel);
  color: var(--ink);
  border-block-end: var(--bw) solid var(--ink);
}
.nu-topstrip > button[data-k=toptab-Where] {
  flex: 0 1 auto;
  min-inline-size: var(--tap);
  background: none;
  border: 0;
  border-radius: var(--r2) var(--r2) 0 0;
  box-shadow: none;
  border-block-end: 2px solid transparent;
  padding-inline: var(--s2);
}
.nu-topstrip > button[data-k=toptab-Where][aria-pressed=true] {
  background: none;
  color: var(--hand);
  border-block-end-color: var(--hand);
}
.nu-topstrip > button[data-k=toptab-Band] {
  flex: 0 0 auto;
  margin-inline-start: var(--s2);
  background: none;
  color: var(--ink);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  border-block-end: 2px solid transparent;
  padding-inline: var(--s3);
}
.nu-topstrip > button[data-k=toptab-Band] .nu-ic {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--s1);
}
.nu-topstrip > button[data-k=toptab-Band] .nu-vh {
  position: static;
  inline-size: auto;
  block-size: auto;
  clip: auto;
  clip-path: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: var(--t2, .82rem);
  font-weight: var(--fw-label);
}
.nu-topstrip > button[data-k=toptab-Band][aria-pressed=true] {
  background: none;
  color: var(--hand);
  border-block-end-color: var(--hand);
}
@media (hover: hover) {
  .nu-topstrip > button[data-k=toptab-Band]:hover {
    background: var(--flag-tint);
  }
}
.nu-topstrip > button[data-k=toptab-Where] .nu-ic {
  min-inline-size: 0;
  justify-content: flex-start;
  text-align: start;
}
.nu-topstrip > button[data-k=toptab-Where] .nu-ic {
  display: grid;
  grid-template-columns: 1.4em minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  column-gap: var(--s1);
  inline-size: 100%;
}
.nu-topstrip > button[data-k=toptab-Where] .nu-g {
  grid-column: 1;
  grid-row: 1 / 3;
  justify-self: center;
}
.nu-topstrip > button[data-k=toptab-Where] .nu-vh,
.nu-topstrip > button[data-k=toptab-Where] .nu-sub2 {
  grid-column: 2;
  min-inline-size: 0;
  inline-size: 100%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nu-topstrip > button[data-k=toptab-Where] .nu-vh {
  position: static;
  inline-size: 100%;
  block-size: auto;
  clip: auto;
  clip-path: none;
  margin: 0;
  padding: 0;
  font-size: var(--t2, .82rem);
  font-weight: var(--fw-label);
}
.nu-topstrip > button[data-k=toptab-Where] .nu-sub2 {
  display: block;
  color: var(--dim);
  font-size: var(--t1, .72rem);
  line-height: 1.15;
  font-weight: 500;
}
.nu-topstrip > button[data-k=toptab-Where][aria-pressed=true] .nu-sub2 {
  color: var(--dim);
  opacity: 1;
}
.nu-topstrip > #burger {
  flex: 0 0 auto;
}
.nu-topstrip[data-menu=open] {
  z-index: 60;
  pointer-events: none;
  background: transparent;
  border-block-end-color: transparent;
}
.nu-topstrip[data-menu=open] > * {
  visibility: hidden;
}
.nu-topstrip[data-menu=open] > #burger {
  visibility: visible;
  pointer-events: auto;
}
.nu-topstrip button {
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
}
.nu-topstrip > #burger {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (hover: hover) {
  .nu-topstrip > #burger:hover {
    background: var(--flag-tint);
  }
}
.nu-sheethead > button,
.nu-spclose {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.nu-sheethead > button:hover,
.nu-spclose:hover {
  background: var(--flag-tint);
}
.nu-sheethead {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--s3);
  min-block-size: var(--tap);
  margin-block-end: var(--s3);
  border-block-end: var(--bw) solid var(--rule);
}
.nu-sheethead > b {
  font: var(--fw-block) var(--t3)/1.2 var(--sans, inherit);
  text-transform: uppercase;
  letter-spacing: .06em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-sheethead > button {
  flex: 0 0 auto;
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.nu-sheethead > button:hover {
  background: var(--flag-tint);
}
.nu-sheethead > button[hidden] {
  display: none;
}
.nu-sheethead > b[hidden] {
  display: none;
}
#atlas > .nu-sheethead {
  border-block-end: 0;
  margin-block-end: 0;
  justify-content: flex-end;
}
.nu-sheethead .nu-ic {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--s1);
}
#nu-menu {
  position: fixed;
  z-index: 59;
  inset-block-start: calc(env(safe-area-inset-top, 0px) + var(--s1));
  inset-inline-start: calc(var(--s2) + env(safe-area-inset-left, 0px));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  inline-size: min(30ch, calc(100vw - 2 * var(--s2)));
  max-block-size: calc(100dvh - env(safe-area-inset-top, 0px) - 2 * var(--s1) - var(--bar-h));
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: var(--s1) var(--s2);
  background: var(--panel);
  color: var(--ink);
  border: var(--bw) solid var(--ink);
  border-radius: var(--r1);
  box-shadow: var(--shadow);
}
#nu-menu[hidden] {
  display: none;
}
#nu-menu button {
  min-block-size: var(--tap);
  inline-size: 100%;
  justify-content: flex-start;
  text-align: start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#nu-menu .nu-menugroup > button + button,
#nu-menu .nu-menuseed > button,
#nu-menu > button:not(:first-child) {
  border-block-start: var(--bw) solid var(--rule);
}
#nu-menu .nu-menuseed > button {
  display: block;
}
#nu-menu > a.nu-menuold {
  display: block;
  inline-size: 100%;
  min-block-size: var(--tap);
  box-sizing: border-box;
  color: inherit;
  text-decoration: none;
  border-block-start: var(--bw) solid var(--rule);
}
#nu-menu > a.nu-menuold:visited {
  color: inherit;
}
@media (hover: hover) {
  #nu-menu > a.nu-menuold:hover {
    background: var(--flag-tint);
  }
}
#nu-menu {
  row-gap: 0;
}
#nu-menu button:hover {
  background: var(--flag-tint);
}
#nu-menu button[aria-current] {
  background: var(--hand);
  color: var(--on-fill);
  border-color: var(--hand);
}
#nu-menu button[aria-current]:hover {
  background: var(--lamp-hot);
}
#nu-menu .nu-ic {
  display: grid;
  grid-template-columns: 1.4em minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: var(--s4);
  inline-size: 100%;
  text-align: start;
}
#nu-menu .nu-ic > .nu-g {
  grid-row: 1;
  grid-column: 1;
  inline-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#nu-menu .nu-ic > .nu-vh {
  grid-row: 1;
  grid-column: 2;
}
#nu-menu .nu-vh {
  position: static;
  inline-size: auto;
  block-size: auto;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: var(--t3, 1rem);
  font-weight: var(--fw-label);
  text-transform: capitalize;
}
#nu-menu .nu-n {
  grid-row: 1;
  grid-column: 3;
  font-variant-numeric: tabular-nums;
}
.nu-menuname {
  display: block;
  padding-block: var(--s2) var(--s3);
  padding-inline: calc(var(--s3) + var(--tap)) var(--s3);
  font: var(--fw-display) var(--t3)/1.1 var(--sans, inherit);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.nu-menusub {
  display: block;
  padding: 0 var(--s3) var(--s1);
  font: var(--fw-label) var(--t1)/1.2 var(--sans, inherit);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--dim);
}
.nu-menuseed {
  display: block;
}
.nu-menugroup {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#nu-menu .nu-menusub {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  background: var(--panel);
  padding-block: var(--s1);
}
#nu-menu .nu-seedrow button {
  min-inline-size: var(--tap);
  min-block-size: var(--tap);
}
.nu-viewcut {
  flex: 0 0 auto;
  inline-size: 100%;
  border: 0;
  border-block-start: var(--bw) solid var(--rule);
  margin: var(--s2) 0;
}
.nu-bar {
  position: fixed;
  z-index: 58;
  inset-inline: 0;
  inset-block-end: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--s2);
  block-size: var(--bar-h);
  padding: var(--s1) var(--s4) calc(var(--s1) + env(safe-area-inset-bottom, 0px)) var(--gl);
  background: var(--panel);
  color: var(--ink);
  border-block-start: var(--bw) solid var(--ink);
}
.nu-bar > .nu-bartp {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--s1);
}
.nu-bar > .nu-bartp > #play {
  min-inline-size: calc(var(--tap) * 2);
}
.nu-bar > .nu-seedrow {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: var(--s1);
}
.nu-bar > .nu-baredit {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--s1);
}
.nu-bar > .nu-seedrow > #seedin {
  flex: 0 0 auto;
  inline-size: 6ch;
}
.nu-bar > .nu-vs-wide {
  flex: 0 0 auto;
  inline-size: 112px;
}
@media (max-width: 459px) {
  .nu-bar > .nu-vs-wide {
    display: none;
  }
}
@media (pointer: coarse) {
  .nu-bar > .nu-vs-wide {
    display: none;
  }
  .nu-listen {
    display: none;
  }
}
.nu-vs-wide {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--s1);
  min-inline-size: 0;
}
.nu-vs-wide .nu-vs-track {
  inline-size: auto;
  flex: 1 1 auto;
  min-inline-size: 0;
  block-size: var(--sl-trough);
  margin-inline: 12px;
  margin-block: 0;
}
.nu-vs-wide .nu-vs-track::before {
  inset: -14px -10px;
}
.nu-vs-wide .nu-vs-fill {
  inset: 0 auto 0 0;
  block-size: auto;
  inline-size: calc(10px + (100% - 20px) * var(--v, 0));
}
.nu-vs-wide .nu-vs-thumb {
  inset-block-start: 50%;
  inset-block-end: auto;
  left: calc((100% - var(--sl-grab)) * var(--v, 0));
  transform: translateY(-50%);
  inline-size: var(--sl-grab);
  block-size: var(--sl-cap);
}
.nu-vs-wide .nu-vs-thumb::after {
  inset: 7px 50% 7px auto;
  block-size: auto;
  inline-size: var(--bw-hard);
  margin-top: 0;
  margin-inline-end: calc(var(--bw-hard) / -2);
}
.nu-vs-wide .nu-vs-in {
  inset: 50% -10px auto -10px;
  transform: translateY(-50%);
  inline-size: calc(100% + 20px);
  block-size: 44px;
  writing-mode: horizontal-tb;
  direction: ltr;
}
.nu-vs-wide .nu-vs-val {
  flex: 0 0 auto;
}
.nu-bar > .nu-tape {
  flex: 1 1 auto;
  min-inline-size: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--s1);
}
.nu-tapeline {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  gap: var(--s2);
  min-inline-size: 0;
}
.nu-tapesay {
  font: var(--num-fw) var(--t1)/1 var(--mono, monospace);
  font-variant-numeric: tabular-nums;
  color: var(--dim);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-tape .nu-count {
  flex: 0 0 auto;
  flex-direction: row;
  align-items: baseline;
  gap: var(--s1);
  padding-block: 0;
}
.nu-tape {
  position: relative;
}
.nu-tapetrack {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  min-inline-size: 0;
  background: var(--well);
  border-radius: var(--r2);
  overflow: hidden;
  pointer-events: none;
}
.nu-tapefill {
  display: block;
  block-size: 100%;
  inline-size: 0;
  background: var(--clock-tint);
  border-inline-end: 2px solid var(--clock);
}
.nu-tapeline,
.nu-tape .nu-count {
  position: relative;
  z-index: 1;
}
@media (max-width: 379px) {
  .nu-bar {
    gap: 1px;
  }
  .nu-bar > .nu-bartp {
    gap: 1px;
  }
  .nu-bar > .nu-baredit {
    gap: 1px;
  }
  .nu-topstrip {
    gap: 1px;
  }
}
.nu-bar button {
  min-block-size: var(--tap);
  min-inline-size: var(--tap);
  background: transparent;
  border-color: transparent;
}
.nu-bar button:hover {
  background: var(--flag-tint);
}
.nu-bar button {
  box-shadow: none;
}
.nu-bar > * + *,
.nu-bar > .nu-bartp > button + button,
.nu-bar > .nu-seedrow > button + button {
  border-inline-start: var(--bw) solid var(--rule);
}
.nu-bar button[aria-pressed=true] {
  background: var(--hand);
  color: var(--on-fill);
  border-color: var(--hand);
}
.nu-bar button[aria-disabled=true] {
  border-style: dashed;
  border-color: var(--legend-faint);
  color: var(--legend-faint);
  background: transparent;
  opacity: .55;
}
.nu-bar button[aria-disabled=true]:hover {
  background: transparent;
}
#rewrite {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#boardtabs button,
.nu-decktabs > button {
  min-inline-size: var(--tap);
}
.nu-pan[data-sheet] {
  min-block-size: calc(100dvh - var(--top-h) - var(--bar-h) - var(--s2));
}
.nu-pan[data-sheet]#atlas {
  block-size: calc(100dvh - var(--top-h) - var(--bar-h) - var(--s2));
  min-block-size: 0;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr 1fr;
  gap: var(--s2);
  overflow: hidden;
  padding-block: 0;
}
#atlas[data-sheet] > #atlasWrap {
  grid-row: 1;
  margin-inline: calc(-1 * var(--s4));
  min-block-size: 0;
  block-size: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#atlas[data-sheet] > #atlasIndex {
  grid-row: 2;
  margin-block-start: 0;
  min-block-size: 0;
  block-size: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block-start: var(--tap);
}
#pan-band {
  padding-block-start: 0;
}
#pan-band table.nu-wordgrid {
  background: none;
  border: 0;
}
#pan-band .nu-wordgrid th,
#pan-band .nu-wordgrid td {
  border: 0;
  background: none;
}
#pan-band .nu-wordgrid tbody > tr:nth-child(even) > td {
  background: none;
}
#pan-band .nu-wordgrid thead th.nu-colhead,
#pan-band .nu-wordgrid thead th.nu-cornerh,
#pan-band .nu-wordgrid thead th.nu-plushead {
  border-block-end: var(--bw) solid var(--rule);
}
#pan-band .nu-sheetgrid th.nu-spheadcell {
  border-block-end: var(--bw) solid var(--rule);
}
#pan-band .nu-wordgrid tfoot .nu-footrow > th,
#pan-band .nu-wordgrid tfoot .nu-footrow > td {
  border-block-start: var(--bw) solid var(--rule);
}
#pan-band .nu-wcell,
#pan-band .nu-rowjump,
#pan-band .nu-corner,
#pan-band .nu-opbtn,
#pan-band .nu-groupbtn,
#pan-band .nu-clearback,
#pan-band .nu-colbtn {
  background: transparent;
  box-shadow: none;
  border-width: 0;
}
#pan-band .nu-opbtn,
#pan-band .nu-groupbtn {
  border: var(--bw) solid var(--rule);
  border-radius: var(--r1);
}
#pan-band .nu-opbtn:hover,
#pan-band .nu-groupbtn:hover {
  background: var(--hand-tint);
}
#pan-band .nu-groupbtn[aria-pressed=true],
#pan-band .nu-wchip[aria-pressed=true] {
  background: var(--hand);
  border-color: var(--hand);
  color: var(--on-fill);
}
#pan-band .nu-sheetops.is-verbs .nu-opbtn[aria-disabled=true],
#pan-band .nu-sheetops.is-verbs .nu-opbtn[disabled] {
  border-color: transparent;
  background: none;
  opacity: .75;
  color: var(--dim);
}
#pan-band .nu-clearback {
  margin-inline-start: auto;
}
@media (min-width: 700px) {
  #pan-band .nu-sheetops .nu-opbtn.is-mark {
    inline-size: auto;
    min-inline-size: var(--tap);
    padding-inline: .6ch;
    gap: .5ch;
  }
  #pan-band .nu-sheetops .nu-opbtn.is-mark > .nu-vh {
    position: static;
    inline-size: auto;
    block-size: auto;
    clip: auto;
    clip-path: none;
    white-space: nowrap;
    overflow: visible;
    margin: 0;
  }
}
#pan-band .nu-vsheet .nu-sheetrow {
  border-block-end: 0;
}
#pan-band .nu-vsheet .nu-sheetrow + .nu-sheetrow {
  border-block-start: var(--bw) solid var(--rule);
  border-block-end: 0;
}
#pan-band .nu-vsheet .nu-wcell,
#pan-band .nu-vsheet .nu-nativepick,
#pan-band .nu-vsheet .nu-numbox,
#pan-band .nu-vsheet .nu-textbox,
#pan-band .nu-vsheet .nu-combofield {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-block-end: var(--bw) solid var(--rule);
  border-radius: var(--r0);
}
#pan-band .nu-vsheet .nu-wcell:hover,
#pan-band .nu-vsheet .nu-nativepick:hover {
  background: transparent;
  border-block-end-color: var(--ink);
}
#pan-band .nu-vsheet .nu-wcell {
  font-weight: var(--fw-label);
}
#pan-band .nu-vsheet .nu-wcell.is-derived {
  font-weight: var(--fw-body);
}
#pan-band .nu-vsheet .nu-wcell.is-refused,
#pan-band .nu-vsheet .nu-wcell[disabled] {
  border-block-end-style: dashed;
}
#pan-band .nu-vsheet {
  border: 0;
}
#pan-band .nu-wchip {
  background: transparent;
  box-shadow: none;
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
}
#pan-band .nu-wchip:hover {
  background: var(--hand-tint);
}
#pan-band .nu-wchip[disabled] {
  background: transparent;
  border-style: dashed;
}
#pan-band .nu-wordgrid thead th.nu-colhead .nu-colbtn.nu-vpaint {
  background: transparent;
  color: var(--ink);
  border: 0;
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 var(--vpaint, var(--ink));
}
#pan-band .nu-wordgrid thead th.nu-colhead .nu-colbtn.nu-vpaint:hover {
  background: var(--hand-tint);
}
#pan-band .nu-wordgrid thead th.nu-colhead .nu-colbtn .nu-g {
  color: var(--vpaint, var(--ink));
}
#pan-band .nu-wordgrid .nu-colinstr {
  font: var(--fw-block) var(--t1)/1.15 var(--sans, inherit);
}
#pan-band .nu-wordgrid .nu-colname {
  font: var(--fw-body) var(--t0)/1.2 var(--mono, monospace);
  opacity: .7;
}
#pan-band .nu-wordgrid {
  --headbase: 8ch;
  --cellmin: max(calc(1.15rem + 2 * var(--s2)), var(--wordw, 0px));
  --gaps: calc(3px * (var(--cols, 2) + 2));
  --nplay: max(1, calc(var(--cols, 2) - 1));
  --colshare: calc((var(--panew, 100%) - var(--headbase) - var(--tap) - var(--gaps)) / var(--nplay));
  --colw: max(var(--cellmin), var(--colshare));
  --headw: max(var(--headbase), calc(var(--panew, 100%) - (var(--cols, 2) - 1) * var(--colw) - var(--tap) - var(--gaps)));
  inline-size: calc(var(--headw) + (var(--cols, 2) - 1) * var(--colw) + var(--tap) + var(--gaps));
}
#pan-band .nu-wordgrid > colgroup > col {
  inline-size: var(--colw);
}
#pan-band .nu-wordgrid > colgroup > col:first-child {
  inline-size: var(--headw);
}
#pan-band .nu-wordgrid > colgroup > col.nu-addcol {
  inline-size: var(--tap);
}
#pan-band .nu-sheetgrid tbody > tr > td > .nu-cellword,
#pan-band .nu-sheetgrid tfoot td.nu-mixcell > .nu-cellword {
  min-inline-size: 0;
}
#pan-band .nu-sheetgrid thead th.nu-colhead > .nu-colbtn {
  min-inline-size: 0;
}
#pan-band .nu-sheetgrid thead th.nu-cornerh,
#pan-band .nu-sheetgrid thead th.nu-plushead {
  padding-block: 0;
}
#pan-band .nu-sheetgrid thead > tr {
  background: var(--deck);
}
#pan-band .nu-sheetgrid thead th.nu-colhead {
  position: sticky;
}
#pan-band .nu-sheetgrid thead th.nu-colhead > .nu-scollamp {
  position: absolute;
  inset-block-end: 1px;
  inset-inline: 0;
  inline-size: 100%;
}
#pan-band .nu-sheetgrid thead th.nu-cornerh > .nu-corner {
  padding-block: 0;
  min-block-size: var(--tap);
}
#pan-band .nu-sheetgrid:not(.has-words) thead th.nu-colhead {
  padding-block: 0;
}
#pan-band .nu-sheetgrid:not(.has-words) thead th.nu-colhead > .nu-colbtn {
  padding-block: 0;
  gap: 0;
  min-block-size: var(--tap);
  align-items: center;
  justify-content: center;
}
#pan-band .nu-sheetgrid .nu-cnfirst {
  display: none;
}
#pan-band .nu-sheetgrid .nu-colbtn.is-first .nu-cnfull {
  display: none;
}
#pan-band .nu-sheetgrid .nu-colbtn.is-first .nu-cnfirst {
  display: block;
}
#pan-band .nu-sheetgrid:not(.has-words) thead th.nu-colhead .nu-colname,
#pan-band .nu-sheetgrid:not(.has-words) thead th.nu-colhead .nu-colinstr,
#pan-band .nu-sheetgrid .nu-colbtn.is-glyphonly .nu-colname,
#pan-band .nu-sheetgrid .nu-colbtn.is-glyphonly .nu-colinstr,
#pan-band .nu-sheetgrid .nu-colbtn.is-noinstr .nu-colinstr,
#pan-band .nu-sheetgrid:not(.has-words) tbody > tr > td > .nu-cellword .nu-w,
#pan-band .nu-sheetgrid:not(.has-words) tfoot td.nu-mixcell .nu-w {
  display: none;
}
#pan-band .nu-sheetgrid .nu-cellword .nu-ic {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
#pan-band .nu-sheetgrid .nu-cellword .nu-g {
  font-size: 1rem;
  line-height: 1;
}
#pan-band .nu-sheetgrid .nu-cellword .nu-w {
  text-align: center;
  inline-size: 100%;
}
#pan-band .nu-rowjump {
  font: var(--fw-label) var(--t2)/1.2 var(--sans, inherit);
  overflow: hidden;
  text-overflow: ellipsis;
}
#pan-band .nu-wordgrid .nu-srowname {
  display: block;
}
#pan-band .nu-wordgrid tbody th.nu-srowh {
  overflow: hidden;
}
#pan-band .nu-wordgrid .nu-corner {
  font: var(--fw-block) var(--t0)/1.3 var(--mono, monospace);
  letter-spacing: .04em;
}
#pan-band .nu-rowjump:hover,
#pan-band .nu-corner:hover {
  background: var(--hand-tint);
  border-color: transparent;
}
#pan-band .nu-trims tbody th small {
  font-size: var(--t0);
}
#pan-band .nu-sheetlab {
  font: var(--fw-body) var(--t2)/1.25 var(--sans, inherit);
  color: var(--dim);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.nu-bar button,
.nu-bar select,
.nu-bar .nu-barbtn {
  min-block-size: var(--tap);
  min-inline-size: var(--tap);
}
#pan-band .nu-vsheet [data-k^=tempo-],
#pan-band .nu-castchip,
#pan-band .nu-bankname,
#pan-band .nu-bankopen {
  background: transparent;
  box-shadow: none;
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
}
#pan-band .nu-vsheet [data-k^=tempo-]:hover,
#pan-band .nu-castchip:hover,
#pan-band .nu-bankname:hover,
#pan-band .nu-bankopen:hover {
  background: var(--hand-tint);
}
#pan-band .nu-castchip[aria-pressed=true],
#pan-band .nu-bankname[aria-pressed=true],
#pan-band .nu-bankopen[aria-pressed=true] {
  background: var(--hand);
  border-color: var(--hand);
  color: var(--on-fill);
}
#pan-band .nu-bpmbig,
#pan-band .nu-signum {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-block-end: var(--bw) solid var(--rule);
  border-radius: var(--r0);
}
#pan-band .nu-wchips.nu-menu {
  background: transparent;
  border: 0;
  box-shadow: none;
}
#pan-band .nu-vsheet > .nu-sheetgroup {
  grid-column: 1 / -1;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
  gap: var(--s2) var(--s3);
  margin-block-start: var(--s5);
}
#pan-band .nu-vsheet > .nu-sheetgroup:first-child {
  margin-block-start: 0;
}
#pan-band .nu-grouphead {
  grid-column: 1 / -1;
  margin: 0;
  font: var(--fw-block) var(--t1)/1.3 var(--sans, inherit);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--dim);
  padding-block-end: var(--s1);
  border-block-end: var(--bw) solid var(--rule);
}
#pan-band .nu-sheetgroup > .nu-sheetops,
#pan-band .nu-sheetgroup > .nu-noderow,
#pan-band .nu-sheetgroup > .nu-wchips,
#pan-band .nu-sheetgroup > .nu-wgroups,
#pan-band .nu-sheetgroup > .nu-lzfield {
  grid-column: 1 / -1;
}
#pan-band .nu-vsheet.is-table {
  display: block;
}
#pan-band .nu-sheettrack {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: var(--s5);
  padding-block-end: var(--s2);
}
#pan-band .nu-sheettrack > .nu-sheetgroup {
  flex: 0 0 auto;
  display: block;
  inline-size: 100%;
  max-inline-size: 100%;
  margin-block-start: 0;
}
#pan-band .nu-sheettrack > .nu-sheetgroup > .nu-sheetrow {
  margin-block-start: var(--s2);
}
#pan-band .nu-sheettrack .nu-sheetrow {
  flex-wrap: wrap;
}
#pan-band .nu-sheettrack .nu-sheetlab {
  flex: 1 0 100%;
  min-inline-size: 0;
  font-size: var(--t1);
}
#pan-band .nu-sheettrack .nu-sheetrow > .nu-wcell {
  inline-size: 100%;
}
#pan-band .nu-sheettrack > .nu-sheetgroup.is-open {
  inline-size: min(100%, calc(100vw - 3 * var(--s4)));
  min-inline-size: 22ch;
}
#pan-band .nu-sheetrow.is-compound {
  background: var(--panel);
  border-radius: var(--r1);
  padding: var(--s1) var(--s2);
  box-shadow: inset 2px 0 0 0 var(--hand);
}
.nu-noderow > .nu-many {
  align-self: flex-start;
}
.nu-many {
  flex: 0 0 auto;
  font: var(--num-fw) var(--t0)/1 var(--mono, monospace);
  font-variant-numeric: tabular-nums;
  min-inline-size: 1.6em;
  text-align: center;
  padding: 2px .4ch;
  border-radius: var(--r-pill);
  background: var(--hand);
  color: var(--paper);
}
.nu-spin {
  display: flex;
  align-items: center;
  gap: var(--s1);
  min-inline-size: 0;
}
.nu-spinstep {
  flex: 0 0 auto;
  inline-size: var(--tap);
  min-block-size: var(--tap);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  color: var(--ink);
  cursor: pointer;
  padding: 0;
}
.nu-spinstep::before {
  content: "";
  inline-size: 0;
  block-size: 0;
  border-block-start: .34em solid transparent;
  border-block-end: .34em solid transparent;
}
.nu-spinstep.is-prev::before {
  border-inline-end: .42em solid currentColor;
}
.nu-spinstep.is-next::before {
  border-inline-start: .42em solid currentColor;
}
.nu-spinstep:hover {
  background: var(--panel);
}
.nu-spinstep[aria-disabled=true] {
  border-style: dashed;
  color: var(--dim);
  cursor: not-allowed;
}
.nu-spinword {
  flex: 1 1 auto;
  min-inline-size: 0;
  text-align: center;
}
.nu-spinpos {
  flex: 0 0 auto;
  font: var(--num-fw) var(--t0)/1 var(--mono, monospace);
  font-variant-numeric: tabular-nums;
  color: var(--dim);
}
#pan-band .nu-wchips.is-exclusive {
  gap: 0;
}
#pan-band .nu-wchips.is-exclusive > .nu-wchip {
  border-radius: 0;
  margin: 0;
  border-inline-start-width: 0;
}
#pan-band .nu-wchips.is-exclusive > .nu-wchip:first-of-type {
  border-inline-start-width: var(--bw);
  border-start-start-radius: var(--r2);
  border-end-start-radius: var(--r2);
}
#pan-band .nu-wchips.is-exclusive > .nu-wchip:last-of-type {
  border-start-end-radius: var(--r2);
  border-end-end-radius: var(--r2);
}
#pan-band .nu-wchips.is-exclusive > .nu-wchip[aria-pressed=true] {
  background: var(--hand);
  color: var(--paper);
}
.nu-lzcluster[data-hue="0"] {
  --lz: var(--lz-h0);
}
.nu-lzcluster[data-hue="1"] {
  --lz: var(--lz-h1);
}
.nu-lzcluster[data-hue="2"] {
  --lz: var(--lz-h2);
}
.nu-lzcluster[data-hue="3"] {
  --lz: var(--lz-h3);
}
.nu-lzcluster[data-hue="4"] {
  --lz: var(--lz-h4);
}
.nu-lzcluster[data-hue="5"] {
  --lz: var(--lz-h5);
}
.nu-lzcluster[data-hue="6"] {
  --lz: var(--lz-h6);
}
.nu-lzcluster[data-hue="7"] {
  --lz: var(--lz-h7);
}
.nu-lzfield {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-lzfield nu-table > .nu-elsay,
.nu-lzfield nu-cell > .nu-elsay {
  display: none;
}
.nu-lzfield nu-colhead:not([label]) > .nu-elcolhead {
  display: none;
}
.nu-lzfield nu-colhead[current] > .nu-elcolhead {
  color: var(--lamp);
  border-block-end-color: var(--lamp);
}
.nu-lzfield[data-table=false] nu-colhead {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  inline-size: 100%;
  max-inline-size: none;
  gap: var(--s2);
  margin-block-start: var(--s3);
}
.nu-lzfield[data-table=false] nu-colhead:first-child {
  margin-block-start: 0;
}
.nu-lzfield[data-table=false] nu-cell {
  inline-size: auto;
  min-inline-size: 0;
}
.nu-lzsay {
  margin: var(--s2) 0 0;
  min-block-size: 1.75em;
  padding: var(--s1) var(--s2);
  font: var(--fw-body) var(--t1)/1.35 var(--sans, inherit);
  color: var(--dim);
  position: sticky;
  inset-block-end: 0;
  z-index: 1;
}
.nu-lzsay[data-said] {
  background: var(--well);
  color: var(--ink);
}
.nu-lzfield.is-off > .nu-why {
  display: block;
  color: var(--dim);
  font: var(--fw-body) var(--t1)/1.35 var(--sans, inherit);
}
#pan-band .nu-vsheet > .nu-lzfield {
  grid-column: 1 / -1;
}
.nu-lzfield[data-exclusive=false] .nu-elcell::before {
  content: "";
  flex: 0 0 auto;
  inline-size: .8em;
  block-size: .8em;
  margin-inline-end: var(--s1);
  border: var(--bw) solid currentColor;
  border-radius: var(--r0);
  opacity: .55;
}
.nu-lzfield[data-exclusive=false] .nu-elcell[aria-pressed=true]::before {
  background: currentColor;
  opacity: 1;
}
.nu-fvec {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--s1) var(--s3);
  flex: 1 1 100%;
  min-inline-size: 0;
}
.nu-fvechead {
  font: var(--fw-block) var(--t0)/1.2 var(--sans, inherit);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--dim);
}
.nu-fvecpair {
  display: inline-flex;
  align-items: baseline;
  gap: var(--s1);
  min-inline-size: 0;
}
.nu-fvecpair > small {
  font: var(--fw-body) var(--t0)/1.2 var(--sans, inherit);
  color: var(--dim);
}
.nu-fvecpair > b {
  font: var(--fw-label) var(--t1)/1.2 var(--mono, monospace);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-inline-size: 16ch;
}
.nu-fvecpair.is-derived > b {
  font-weight: var(--fw-body);
  opacity: .75;
}
#pan-band .nu-grouphead {
  display: flex;
  align-items: baseline;
  gap: var(--s2);
}
#pan-band .nu-grouphead > .nu-g {
  flex: 0 0 auto;
  font-size: var(--t2);
  line-height: 1;
  opacity: .8;
}
#pan-band .nu-groupword {
  min-inline-size: 0;
}
#pan-band .nu-wchips {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.nu-wsay {
  margin: var(--s2) 0 0;
  min-block-size: 1.75em;
  padding: var(--s1) var(--s2);
  flex: 1 0 100%;
  grid-column: 1 / -1;
  font: var(--fw-body) var(--t1)/1.35 var(--sans, inherit);
  color: var(--dim);
}
.nu-wsay[data-said] {
  background: var(--well);
  color: var(--flag, var(--ink));
}
.nu-wchip[aria-disabled=true] {
  opacity: .55;
  cursor: not-allowed;
  border-style: dashed;
}
.nu-opbtn[aria-disabled=true] {
  opacity: .5;
  cursor: not-allowed;
}
.nu-eqrule {
  stroke: var(--rule);
  stroke-width: var(--bw);
  opacity: .28;
}
.nu-xycross {
  stroke: var(--hand);
  stroke-width: var(--bw-hard);
  opacity: .5;
}
.nu-eqwrap {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-seatxy {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  margin-block: var(--s3) var(--s5);
}
.nu-envsay > .nu-why {
  margin-inline-start: var(--s2);
}
#pan-band .nu-wordgrid thead th,
#pan-band .nu-wordgrid tbody th.nu-srowh,
#pan-band .nu-wordgrid thead th.nu-cornerh,
#pan-band .nu-wordgrid tbody th.nu-plusrowh {
  background: var(--ground);
}
#pan-band .nu-wordgrid thead th,
#pan-band .nu-wordgrid tbody th.nu-srowh,
#pan-band .nu-wordgrid thead th.nu-cornerh,
#pan-band .nu-wordgrid tbody th.nu-plusrowh {
  box-shadow: 0 0 0 3px var(--ground);
}
#pan-band .nu-wordgrid tbody tr.is-playing {
  background: var(--lit);
}
#pan-band .nu-wordgrid tbody tr.is-playing > th,
#pan-band .nu-wordgrid tbody tr.is-playing > td {
  background: transparent;
  color: var(--ink);
}
#pan-band .nu-wordgrid tbody tr.is-playing > th.nu-srowh {
  box-shadow: inset 3px 0 0 var(--clock);
}
#pan-band .nu-wordgrid thead th.nu-colhead.is-sounding {
  box-shadow: inset 0 -3px 0 var(--clock), 0 0 0 3px var(--ground);
}
#pan-band .nu-vsheet {
  z-index: 0;
}
.nu-ixli[hidden] {
  display: none !important;
}
#atlasFind {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  margin-block-start: 0;
  padding: var(--s1) 0;
  background: var(--legend);
  border-block-end: 0;
}
#atlasQ {
  flex: 1 1 auto;
  min-inline-size: 0;
  block-size: var(--tap);
  inline-size: 100%;
  padding-inline: var(--s3) var(--s5);
  background: var(--legend);
  color: var(--ground);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#atlasQ::placeholder {
  color: color-mix(in oklab, var(--ground) 55%, var(--legend));
}
#atlasQ:focus-visible {
  outline: var(--bw-hard) solid var(--ground);
  outline-offset: calc(-1 * var(--bw-hard));
}
#atlasQ::-webkit-search-cancel-button,
#atlasQ::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
#atlasClear {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--s4);
  transform: translateY(-50%);
  inline-size: var(--tap);
  block-size: var(--tap);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 var(--s2);
  background: none;
  color: var(--ground);
  border: 0;
  border-radius: 0;
  font: 1.25rem/1 var(--sym, var(--sans, inherit));
  cursor: pointer;
}
#atlasClear {
  font-size: 0;
}
#atlasClear::before {
  content: "\2715";
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 24px;
  block-size: 24px;
  font-size: 12px;
  line-height: 1;
  border: var(--bw) solid currentColor;
  border-radius: var(--r-pill);
}
#atlasClear:hover {
  color: var(--ground);
  background: none;
  opacity: .7;
}
#atlasClear[hidden] {
  display: none;
}
#atlasNone {
  margin: var(--s3);
}
#atlasSay:empty,
#atlasNone:empty {
  display: block;
  block-size: 0;
  margin-block: 0;
  padding: 0;
  overflow: hidden;
}
nu-button,
nu-icon-button,
nu-rail,
nu-spinner {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  min-inline-size: 0;
}
nu-lamp {
  display: inline-flex;
  align-items: center;
}
nu-legend,
nu-value {
  display: inline-flex;
  align-items: baseline;
  gap: var(--s1);
  min-inline-size: 0;
}
.nu-elsay {
  display: block;
  font: var(--fw-body) var(--t2)/1.3 var(--sans);
  color: var(--flag);
  padding-block-start: var(--s1);
}
.nu-elsay:empty {
  display: none;
}
.nu-elbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  min-block-size: var(--tap);
  min-inline-size: var(--tap);
  padding: var(--s1) var(--s3);
  font: var(--btn-fw) var(--btn-fs)/1.2 var(--sans);
  color: var(--legend);
  background: var(--grey1);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r1);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nu-elicon {
  padding: 0;
  inline-size: var(--tap);
  flex: 0 0 auto;
}
.nu-elmark {
  font-family: var(--sym);
  font-size: var(--t4);
  line-height: 1;
  flex: 0 0 auto;
}
.nu-elword {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elbtn {
  border-color: var(--rule);
}
[tone=lamp] > .nu-elbtn {
  border-color: var(--lamp);
  color: var(--lamp);
}
[tone=clip] > .nu-elbtn {
  border-color: var(--clip);
  color: var(--clip);
}
[size=tight] > .nu-elbtn {
  min-block-size: var(--ctl);
}
.nu-elbtn:hover,
[data-demo=hover] > .nu-elbtn {
  border-color: var(--armed);
  background: var(--grey2);
}
.nu-elbtn:focus-visible,
[data-demo=focus] > .nu-elbtn {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
.nu-elbtn[aria-pressed=true] {
  background: var(--lamp);
  border-color: var(--lamp);
  color: var(--on-fill);
}
.nu-elbtn[aria-pressed=true]:hover,
[data-demo=hover] > .nu-elbtn[aria-pressed=true] {
  background: var(--lamp-hot);
  border-color: var(--lamp-hot);
}
.nu-elbtn[aria-expanded=true] {
  background: var(--hand-tint);
  border-color: var(--lamp);
  color: var(--legend);
}
.nu-elbtn[aria-disabled=true] {
  border-style: dashed;
  border-color: var(--legend-faint);
  color: var(--legend-faint);
  background: transparent;
}
.nu-elbtn[aria-busy=true] {
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 0 var(--armed);
  color: var(--legend-dim);
}
.nu-ellamp {
  display: block;
  background: var(--grey3);
  border-radius: var(--r-pill);
}
[shape=dot] > .nu-ellamp {
  inline-size: 10px;
  block-size: 10px;
}
[shape=bar] > .nu-ellamp {
  inline-size: 4px;
  block-size: 18px;
  border-radius: var(--r2);
}
nu-lamp[on][means=hand] > .nu-ellamp {
  background: var(--hand);
}
nu-lamp[on][means=clock] > .nu-ellamp {
  background: var(--clock);
}
nu-lamp[on][means=meter] > .nu-ellamp {
  background: var(--meter);
}
nu-lamp[on][means=flag] > .nu-ellamp {
  background: var(--flag);
}
.nu-ellegend {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  font: var(--fw-label) var(--t2)/1.2 var(--sans);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--legend-dim);
}
label.nu-ellegend {
  cursor: pointer;
}
.nu-ellegend .nu-elmark {
  font-size: var(--t2);
}
.nu-elval {
  font: var(--num-fw) var(--t3)/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--value);
}
.nu-elunit {
  font: var(--fw-body) var(--t1)/1.2 var(--mono);
  color: var(--legend-dim);
}
nu-value[derived] .nu-elval {
  color: var(--legend-dim);
  font-weight: 400;
}
.nu-elval[data-blank] {
  color: var(--legend-dim);
  font-style: normal;
}
nu-value[means=meter] .nu-elval {
  color: var(--meter);
}
nu-value[means=clock] .nu-elval {
  color: var(--clock);
}
nu-value[means=flag] .nu-elval {
  color: var(--flag);
}
.nu-elrail {
  display: inline-flex;
  align-items: stretch;
  min-inline-size: 0;
}
.nu-elseg {
  min-block-size: var(--tap);
  padding: var(--s1) var(--s3);
  font: var(--btn-fw) var(--btn-fs)/1.2 var(--sans);
  color: var(--legend);
  background: var(--grey1);
  border: var(--bw) solid var(--rule);
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.nu-elrail[data-exclusive=true] > .nu-elseg + .nu-elseg {
  border-inline-start-width: 0;
}
.nu-elrail[data-exclusive=true] > .nu-elseg:first-child {
  border-start-start-radius: var(--r1);
  border-end-start-radius: var(--r1);
}
.nu-elrail[data-exclusive=true] > .nu-elseg:last-child {
  border-start-end-radius: var(--r1);
  border-end-end-radius: var(--r1);
}
.nu-elrail[data-exclusive=false] {
  gap: var(--s2);
  flex-wrap: wrap;
}
.nu-elrail[data-exclusive=false] > .nu-elseg {
  border-radius: var(--r-pill);
  padding-inline: var(--s4);
}
.nu-elseg:hover,
[data-demo=hover] .nu-elseg:first-child {
  border-color: var(--armed);
  background: var(--grey2);
}
.nu-elseg:focus-visible,
[data-demo=focus] .nu-elseg[aria-pressed=true] {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: calc(-1 * var(--bw-hard));
}
.nu-elseg[aria-pressed=true] {
  background: var(--lamp);
  border-color: var(--lamp);
  color: var(--on-fill);
}
.nu-elseg[aria-disabled=true] {
  border-style: dashed;
  color: var(--legend-faint);
  background: transparent;
}
nu-rail[busy] .nu-elseg {
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 0 var(--armed);
}
.nu-elspin {
  display: inline-flex;
  align-items: center;
  min-inline-size: 0;
  gap: var(--s2);
  min-block-size: var(--tap);
  padding-block: 0;
  padding-inline: var(--s3);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r1);
  background: var(--grey1);
  color: var(--value);
  font: var(--num-fw) var(--btn-fs)/1.2 var(--sans);
  cursor: pointer;
  text-align: start;
  -webkit-tap-highlight-color: transparent;
}
.nu-elspinword {
  flex: 1 1 auto;
  min-inline-size: 0;
  font: var(--num-fw) var(--btn-fs)/1.2 var(--sans);
  color: var(--value);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elpos {
  flex: 0 0 auto;
  font: var(--fw-body) var(--t1)/1 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--legend-dim);
}
.nu-elspin:hover,
[data-demo=hover] > .nu-elspin {
  border-color: var(--armed);
}
[data-demo=hover] > .nu-elspin > .nu-elspinword {
  color: var(--armed);
}
.nu-elspin:focus-visible,
[data-demo=focus] > .nu-elspin {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
nu-spinner[refused] > .nu-elspin {
  border-style: dashed;
}
nu-spinner[refused] .nu-elspinword,
nu-spinner[refused] .nu-elpos {
  color: var(--legend-faint);
}
nu-spinner[busy] > .nu-elspin {
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 0 var(--armed);
}
nu-table {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.nu-eltrack {
  display: flex;
  align-items: flex-start;
  gap: var(--s3);
  min-inline-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: none;
  padding-block-end: var(--s2);
  border: var(--bw) solid transparent;
  border-radius: var(--r2);
  scrollbar-width: thin;
}
nu-table[flow=down] > .nu-eltrack {
  flex-direction: column;
  align-items: stretch;
  gap: var(--s2);
  overflow-x: hidden;
}
.nu-eltrack:focus-visible,
[data-demo=focus] > .nu-eltrack {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
nu-table[refused] > .nu-eltrack {
  border-style: dashed;
  border-color: var(--legend-faint);
}
nu-table[busy] > .nu-eltrack {
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 0 var(--armed);
}
nu-colhead {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--s1);
  flex: 0 0 auto;
  inline-size: 18ch;
  max-inline-size: calc(100vw - 4 * var(--s4));
}
.nu-elcolhead {
  order: -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--s2);
  row-gap: var(--s1);
  inline-size: 100%;
  min-block-size: var(--tap);
  padding-block: var(--s1);
  padding-inline: var(--s2);
  font: var(--fw-label) var(--t1)/1.2 var(--sans);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--lz, var(--legend-dim));
  background: transparent;
  border: 0;
  border-block-end: var(--bw) solid var(--lz, var(--rule));
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nu-elcolhead > .nu-elword {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elcount {
  flex: 0 0 auto;
  font: var(--fw-body) var(--t0)/1 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--legend-dim);
}
.nu-elheld {
  order: 1;
  flex: 1 0 100%;
  min-inline-size: 0;
  font: var(--fw-body) var(--t1)/1.2 var(--sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--value);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elcolhead[aria-expanded]::after {
  content: "\25be";
  flex: 0 0 auto;
  font-family: var(--sym);
  color: var(--legend-dim);
}
.nu-elcolhead[aria-expanded=false]::after {
  content: "\25b8";
}
nu-colhead:not([open]) > nu-cell {
  display: none;
}
.nu-elcolhead:hover,
[data-demo=hover] > .nu-elcolhead {
  color: var(--armed);
  border-block-end-color: var(--armed);
}
.nu-elcolhead:focus-visible,
[data-demo=focus] > .nu-elcolhead {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
.nu-elcolhead[aria-current=true] {
  color: var(--lamp);
  border-block-end-color: var(--lamp);
  border-block-end-width: var(--bw-hard);
}
.nu-elcolhead.is-cont {
  border-block-end-style: dashed;
  cursor: default;
}
nu-rowhead {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--s2);
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-elrowhead {
  order: -1;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  inline-size: 10ch;
  min-block-size: var(--tap);
  padding-block: var(--s1);
  padding-inline: var(--s2);
  font: var(--fw-label) var(--t1)/1.2 var(--sans);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--legend-dim);
  background: transparent;
  border: 0;
  border-inline-end: var(--bw) solid var(--rule);
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
nu-rowhead > nu-cell {
  flex: 0 0 auto;
  inline-size: 12ch;
}
.nu-elrowhead:hover,
[data-demo=hover] > .nu-elrowhead {
  color: var(--armed);
  border-inline-end-color: var(--armed);
}
.nu-elrowhead:focus-visible,
[data-demo=focus] > .nu-elrowhead {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
.nu-elrowhead[aria-current=true] {
  color: var(--lamp);
  border-inline-end-color: var(--lamp);
  border-inline-end-width: var(--bw-hard);
}
nu-cell {
  display: block;
  inline-size: 100%;
  min-inline-size: 12ch;
}
.nu-elcell {
  display: flex;
  align-items: center;
  gap: var(--s2);
  inline-size: 100%;
  min-block-size: var(--tap);
  padding-block: var(--s1);
  padding-inline: var(--s2);
  font: var(--btn-fw) var(--btn-fs)/1.3 var(--sans);
  color: var(--legend);
  background: var(--grey1);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r2);
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nu-elcell > .nu-elword {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.nu-elcell > .nu-elmark {
  font-size: var(--t3);
}
.nu-elorder {
  flex: 0 0 auto;
  font: var(--fw-body) var(--t0)/1 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--legend-dim);
}
.nu-elcell:hover,
[data-demo=hover] > .nu-elcell {
  border-color: var(--armed);
  background: var(--grey2);
}
.nu-elcell:focus-visible,
[data-demo=focus] > .nu-elcell {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
.nu-elcell[aria-pressed=true] {
  background: var(--lamp);
  border-color: var(--lamp);
  color: var(--on-fill);
}
.nu-elcell[aria-pressed=true] .nu-elorder {
  color: var(--on-fill);
}
.nu-elcell[aria-disabled=true] {
  border-style: dashed;
  border-color: var(--legend-faint);
  color: var(--legend-faint);
  background: transparent;
}
.nu-elcell[aria-busy=true] {
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 0 var(--armed);
  color: var(--legend-dim);
}
.nu-elcell.is-quiet {
  background: transparent;
  border-color: transparent;
  color: var(--legend-dim);
  cursor: default;
}
nu-plate {
  display: none;
}
nu-plate[open] {
  display: flex;
  flex-direction: column;
  gap: var(--s1);
  inline-size: min(22rem, calc(100vw - var(--tap) - var(--s4)));
  max-inline-size: 100%;
  max-block-size: calc(100dvh - var(--top-h) - var(--bar-h) - var(--s4));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--s2);
  background: var(--panel);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r1);
  scrollbar-width: thin;
}
nu-plate[anchor=start] {
  align-self: start;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
nu-plate[anchor=end] {
  align-self: end;
  inset-inline-start: auto;
  inset-inline-end: 0;
}
nu-menu-row {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
}
.nu-elmenurow {
  display: grid;
  grid-template-columns: 1.4em minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: var(--s2);
  inline-size: 100%;
  min-block-size: var(--tap);
  padding-block: var(--s1);
  padding-inline: var(--s2);
  font: var(--btn-fw) var(--btn-fs)/1.2 var(--sans);
  color: var(--legend);
  background: transparent;
  border: var(--bw) solid transparent;
  border-radius: var(--r1);
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nu-elmenurow > .nu-elmark {
  grid-column: 1;
  justify-self: center;
}
.nu-elmenurow > .nu-elword {
  grid-column: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elmenurow > .nu-elcount {
  grid-column: 3;
}
.nu-elmenurow:hover,
[data-demo=hover] > .nu-elmenurow {
  background: var(--grey2);
  border-color: var(--armed);
}
.nu-elmenurow:focus-visible,
[data-demo=focus] > .nu-elmenurow {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: calc(-1 * var(--bw-hard));
}
.nu-elmenurow[aria-pressed=true] {
  background: var(--lamp);
  border-color: var(--lamp);
  color: var(--on-fill);
}
.nu-elmenurow[aria-pressed=true] .nu-elcount {
  color: var(--on-fill);
}
.nu-elmenurow[aria-current=page] {
  color: var(--lamp);
  box-shadow: inset var(--bw-hard) 0 0 0 var(--lamp);
}
.nu-elmenurow[aria-disabled=true] {
  border-style: dashed;
  border-color: var(--legend-faint);
  color: var(--legend-faint);
}
.nu-elmenurow[aria-busy=true] {
  box-shadow: inset 0 calc(-1 * var(--bw-hard)) 0 0 var(--armed);
  color: var(--legend-dim);
}
nu-index {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
  max-block-size: min(60vh, 560px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-block: var(--bw) solid var(--ink);
  border-inline: 0;
  background: var(--panel);
}
.nu-elixfind {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--s2);
  padding: var(--s1) var(--s4);
  background: var(--panel);
  border-block-end: var(--bw) solid var(--rule);
}
.nu-elixq {
  flex: 1 1 auto;
  min-inline-size: 0;
  min-block-size: var(--tap);
  padding-block: var(--s1);
  padding-inline: var(--s2) var(--s5);
  font: var(--fw-body) var(--t2)/1.2 var(--sans);
  color: var(--value);
  background: var(--well);
  border: var(--bw) solid var(--rule);
  border-radius: var(--r1);
}
.nu-elixq:focus-visible {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: calc(-1 * var(--bw-hard));
}
.nu-elixclear {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--s4);
  transform: translateY(-50%);
  inline-size: var(--tap);
  block-size: var(--tap);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 var(--s2);
  background: none;
  border: 0;
  border-radius: 0;
  color: var(--legend-dim);
  font: 1.25rem/1 var(--sym, var(--sans));
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nu-elixclear:hover {
  color: var(--armed);
}
.nu-elixclear[hidden] {
  display: none;
}
.nu-elixlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.nu-elixli {
  display: block;
}
.nu-elixli[hidden] {
  display: none;
}
.nu-elixrow {
  display: grid;
  grid-template-columns: 4ch minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--s2);
  row-gap: var(--s1);
  inline-size: 100%;
  min-block-size: var(--tap);
  padding-block: var(--s1);
  padding-inline: var(--s2);
  font: var(--fw-body) var(--t2)/1.3 var(--sans);
  color: var(--legend);
  background: transparent;
  border: var(--bw) solid transparent;
  border-radius: var(--r2);
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nu-elixy {
  grid-column: 1;
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--legend-dim);
}
.nu-elixw {
  grid-column: 2;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elixp {
  grid-column: 3;
  min-inline-size: 0;
  color: var(--legend-dim);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nu-elixrow:hover,
[data-demo=hover] .nu-elixli:first-child .nu-elixrow {
  border-color: var(--armed);
  background: var(--grey2);
}
.nu-elixrow:focus-visible,
[data-demo=focus] .nu-elixli:first-child .nu-elixrow {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: calc(-1 * var(--bw-hard));
}
.nu-elixrow[aria-current=true] {
  color: var(--lamp);
  box-shadow: inset var(--bw-hard) 0 0 0 var(--lamp);
}
.nu-elixrow[aria-current=true] .nu-elixy {
  color: var(--lamp);
}
.nu-elixnone {
  margin: 0;
  padding: var(--s2);
  font: var(--fw-body) var(--t2)/1.35 var(--sans);
  color: var(--flag);
}
.nu-elixnone:empty {
  display: block;
  block-size: 0;
  margin-block: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 460px) {
  .nu-elixrow {
    grid-template-columns: 4ch minmax(0, 1fr);
  }
  .nu-elixp {
    grid-column: 2;
  }
}
nu-globe {
  display: inline-flex;
}
.nu-elglobe {
  display: block;
  inline-size: 12rem;
  block-size: 12rem;
}
.nu-elglobe:focus-visible,
[data-demo=focus] > .nu-elglobe {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--press);
}
.nu-elsea {
  fill: var(--well);
  stroke: none;
}
.nu-elgratline {
  fill: none;
  stroke: var(--rule);
  stroke-width: calc(var(--bw) / 2);
}
.nu-ellimb {
  fill: none;
  stroke: var(--rule-strong);
  stroke-width: var(--bw);
}
.nu-elyear {
  fill: var(--value);
  font-family: var(--mono);
  font-size: var(--t1);
  font-variant-numeric: tabular-nums;
  text-anchor: middle;
}
nu-globe[empty] .nu-elyear {
  font-size: var(--t4);
}
.nu-elplace[data-when="0"] {
  display: none;
}
.nu-elplace {
  cursor: pointer;
}
.nu-elpin {
  fill: var(--lamp);
  stroke: none;
}
.nu-elring {
  fill: none;
  stroke: var(--lamp);
  stroke-width: var(--bw);
  opacity: 0;
}
.nu-elplace[aria-current=true] .nu-elring {
  opacity: 1;
}
.nu-elplace:hover .nu-elpin {
  fill: var(--armed);
}
.nu-elplace:focus-visible {
  outline: var(--bw-hard) solid var(--lamp);
}
.dg-body {
  margin: 0;
  background: var(--deck);
  color: var(--legend);
  font: var(--fw-body) var(--t3)/1.45 var(--sans);
  padding: var(--s4);
  padding-inline: max(var(--s4), env(safe-area-inset-left, 0px));
  overscroll-behavior: none;
}
.dg {
  display: block;
  max-inline-size: 76rem;
  margin-inline: auto;
}
.dg-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s3);
  flex-wrap: wrap;
  padding-block-end: var(--s3);
  border-block-end: var(--bw) solid var(--rule);
}
.dg-title {
  margin: 0;
  font: var(--fw-display) var(--t5)/1.1 var(--sans);
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--legend);
}
.dg-sec {
  padding-block: var(--s5);
}
.dg-sec + .dg-sec {
  border-block-start: var(--bw) solid var(--rule);
}
.dg-h {
  margin: 0;
  font: var(--fw-block) var(--t4)/1.2 var(--sans);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--legend);
}
.dg-h3 {
  margin: 0;
  padding-block-start: var(--s4);
  font: var(--fw-label) var(--t2)/1.2 var(--sans);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--legend-dim);
}
.dg-blurb {
  margin: 0;
  padding-block-start: var(--s2);
  max-inline-size: 46rem;
  font: var(--fw-body) var(--t2)/1.45 var(--sans);
  color: var(--legend-dim);
}
.dg-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3);
  padding-block-start: var(--s3);
}
.dg-swatch {
  display: flex;
  flex-direction: column;
  gap: var(--s1);
  inline-size: 8.5rem;
}
.dg-chip {
  block-size: var(--tap);
  border-radius: var(--r2);
  border: var(--bw) solid var(--rule);
}
.dg-radchip {
  background: var(--grey2);
}
.dg-tokname {
  font: var(--fw-label) var(--t1)/1.2 var(--mono);
  color: var(--legend);
}
.dg-tokval {
  font: var(--fw-body) var(--t0)/1.2 var(--mono);
  color: var(--legend-dim);
  font-variant-numeric: tabular-nums;
}
.dg-matrix {
  inline-size: 100%;
  border-collapse: collapse;
  margin-block-start: var(--s3);
  font: var(--fw-body) var(--t2)/1.3 var(--mono);
}
.dg-matrix th,
.dg-matrix td {
  padding: var(--s2);
  border-block-end: var(--bw) solid var(--rule);
  text-align: start;
}
.dg-matrix thead th {
  color: var(--legend-dim);
  font-weight: var(--fw-label);
}
.dg-fg {
  display: table-cell;
  color: var(--legend);
  font-weight: var(--fw-body);
}
.dg-dot {
  display: inline-block;
  inline-size: 10px;
  block-size: 10px;
  border-radius: var(--r-pill);
  margin-inline-end: var(--s2);
  border: var(--bw) solid var(--rule);
}
.dg-num {
  text-align: end;
  font-variant-numeric: tabular-nums;
  color: var(--value);
}
.dg-num.is-under {
  color: var(--clip);
  font-weight: var(--num-fw);
}
.dg-num.is-under::after {
  content: " \2716";
  font-family: var(--sym);
}
.dg-band td {
  color: var(--legend-dim);
  background: var(--panel);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: var(--t1);
}
.dg-stack {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  padding-block-start: var(--s3);
}
.dg-typerow {
  display: flex;
  align-items: baseline;
  gap: var(--s3);
  flex-wrap: wrap;
}
.dg-typespec {
  color: var(--legend);
  min-inline-size: 14rem;
}
.dg-rampbar {
  display: block;
  block-size: 14px;
  background: var(--lamp);
  border-radius: var(--r2);
}
.dg-el {
  padding-block: var(--s4);
}
.dg-el + .dg-el {
  border-block-start: var(--bw) solid var(--rule);
}
.dg-elhead {
  display: flex;
  align-items: baseline;
  gap: var(--s3);
  flex-wrap: wrap;
}
.dg-tag {
  font: var(--fw-body) var(--t2)/1.2 var(--mono);
  color: var(--value);
}
.dg-what {
  margin: 0;
  padding-block-start: var(--s1);
  font: var(--fw-body) var(--t3)/1.4 var(--sans);
  color: var(--legend);
}
.dg-from {
  margin: 0;
  padding-block-start: var(--s1);
  font: var(--fw-body) var(--t1)/1.4 var(--sans);
  color: var(--legend-dim);
}
.dg-states {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s4);
  padding-block-start: var(--s3);
}
.dg-state {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  align-items: flex-start;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.dg-states {
  min-inline-size: 0;
}
.dg-stagebox {
  min-inline-size: 0;
  max-inline-size: 100%;
}
.dg-statename {
  font: var(--fw-label) var(--t0)/1.2 var(--mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--legend-dim);
}
.dg-stagebox {
  display: flex;
  align-items: center;
  min-block-size: var(--tap);
}
.dg-attrs {
  inline-size: 100%;
  border-collapse: collapse;
  margin-block-start: var(--s4);
  font: var(--fw-body) var(--t2)/1.35 var(--sans);
}
.dg-attrs th,
.dg-attrs td {
  padding: var(--s2);
  text-align: start;
  vertical-align: top;
  border-block-end: var(--bw) solid var(--rule);
}
.dg-attr {
  font-family: var(--mono);
  font-weight: var(--fw-label);
  color: var(--value);
  white-space: nowrap;
}
.dg-attrtype {
  font-family: var(--mono);
  color: var(--legend-dim);
  font-size: var(--t1);
}
.dg-attrnote {
  color: var(--legend);
}
.dg-laws {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--s2) var(--s3);
  margin: 0;
  padding-block-start: var(--s3);
  font: var(--fw-body) var(--t2)/1.35 var(--sans);
}
.dg-laws dt {
  color: var(--legend-dim);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: var(--t1);
  font-weight: var(--fw-label);
}
.dg-laws dd {
  margin: 0;
  color: var(--legend);
}
.dg-matrix,
.dg-attrs {
  display: table;
}
.dg-sec > .dg-matrix,
.dg-el > .dg-attrs {
  inline-size: 100%;
}
@media (max-width: 460px) {
  .dg-swatch {
    inline-size: 6.5rem;
  }
  .dg-typespec {
    min-inline-size: 100%;
  }
  .dg-laws {
    grid-template-columns: 1fr;
  }
}
nu-value[selected] .nu-elval {
  outline: var(--bw-hard) solid var(--lamp);
  outline-offset: var(--s1);
  color: var(--value);
}