/* Cyberpunk- en neonbouw: page-specific tokens and parts, scoped under #mccy. Block colours come from the chosen scheme in JS. */
#mccy {
  --cy-night: #262b3a;
  --cy-grid: #30364a;
  --cy-major: #414a63;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #mccy { --cy-night: #0e1120; --cy-grid: #191e30; --cy-major: #262e47; }
}
:root[data-theme="dark"] #mccy { --cy-night: #0e1120; --cy-grid: #191e30; --cy-major: #262e47; }
#mccy .cy-group { font-size: 13px; font-weight: 700; color: var(--mcdp-ink); border-top: 1px solid var(--mcdp-line); padding-top: 14px; margin: 0; }
#mccy .cy-viewseg { min-width: 300px; }
#mccy .cy-seed { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
#mccy input[type="text"] {
  width: 100%; height: auto; margin: 0; font: 600 16px var(--mcdp-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mcdp-ink);
  background: var(--mcdp-bg); border: 1px solid var(--mcdp-line); border-radius: 4px; padding: 6px 8px; box-shadow: none;
}
#mccy input[type="text"]:focus-visible { outline: 2px solid var(--mcdp-mark); outline-offset: 2px; }
#mccy .mcdp-legend:empty { display: none; }
#mccy td .mcdp-sw { vertical-align: -1px; }
#mccy td code { font-family: var(--mcdp-mono); font-size: 11px; color: var(--mcdp-muted); display: block; }
#mccy #mccy-elev-box { background: var(--cy-night); }
@container (max-width: 420px) { #mccy .cy-viewseg { min-width: 0; width: 100%; } }