/* Random name picker wheel (tools.d, 2026-10-11). Every rule under #visu-tools.vt-random-name-picker; borders stay 1px hairline. */
#visu-tools.vt-random-name-picker [hidden] { display: none !important; }
#visu-tools.vt-random-name-picker .vt-nw-names { margin-top: 16px; display: grid; gap: 6px; }
#visu-tools.vt-random-name-picker .vt-nw-count { margin-top: 8px !important; font-size: 14px; color: var(--vt-muted); min-height: 1.5em; }
#visu-tools.vt-random-name-picker .vt-nw-opts { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 14px; align-items: end; margin-top: 12px; }
#visu-tools.vt-random-name-picker .vt-nw-opts .vt-check { min-height: 46px; align-items: center; }
#visu-tools.vt-random-name-picker .vt-nw-opts .vt-field:only-child { grid-column: 2; }
#visu-tools.vt-random-name-picker .vt-nw-title { margin-top: 16px; display: grid; }
#visu-tools.vt-random-name-picker .vt-in > .vt-actions { margin-top: 18px; }
#visu-tools.vt-random-name-picker .vt-in > .vt-actions + .vt-hint { margin-top: 10px !important; }
#visu-tools.vt-random-name-picker .vt-nw-result { display: grid; gap: 10px; }
#visu-tools.vt-random-name-picker .vt-nw-stage { display: grid; place-items: center; }
/* !important: the theme styles bare <button> elements (colour, padding, radius). */
#visu-tools.vt-random-name-picker .vt-nw-wheelbtn { display: block; width: min(100%, 400px) !important; aspect-ratio: 1; margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
  background: none !important; box-shadow: none !important; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#visu-tools.vt-random-name-picker .vt-nw-wheelbtn:disabled { cursor: default; opacity: 1; }
#visu-tools.vt-random-name-picker .vt-nw-wheelbtn:focus-visible { outline: 2px solid var(--vt-accent-text); outline-offset: 4px; }
#visu-tools.vt-random-name-picker .vt-nw-wheel { display: block; width: 100%; height: 100%; }
#visu-tools.vt-random-name-picker .vt-nw-winner { display: grid; gap: 2px; justify-items: center; text-align: center; min-height: 74px; padding: 10px 14px; border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-bg); align-content: center; }
#visu-tools.vt-random-name-picker .vt-nw-winner-label { font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--vt-muted); }
#visu-tools.vt-random-name-picker .vt-nw-winner-label:empty { display: none; }
#visu-tools.vt-random-name-picker .vt-nw-winner strong { font-size: 15px; font-weight: 500; color: var(--vt-muted); overflow-wrap: anywhere; }
#visu-tools.vt-random-name-picker .vt-nw-winner.vt-nw-has { background: var(--vt-tint); border-color: transparent; }
#visu-tools.vt-random-name-picker .vt-nw-winner.vt-nw-has strong { font-size: 30px; line-height: 1.15; font-weight: 760; letter-spacing: -0.02em; color: var(--vt-accent-text); animation: vt-nw-pop .35s ease-out; }
#visu-tools.vt-random-name-picker .vt-nw-go .vt-btn { flex: 1 1 100%; min-height: 52px; font-size: 16.5px; }
#visu-tools.vt-random-name-picker .vt-nw-skip { text-align: center; }
#visu-tools.vt-random-name-picker #vt-nw-out:not([hidden]) { display: grid; gap: 10px; }
#visu-tools.vt-random-name-picker .vt-nw-shared { padding: 10px 14px; border-radius: 12px; background: var(--vt-tint); font-size: 14px; }
#visu-tools.vt-random-name-picker .vt-nw-list { padding-left: 24px !important; margin: 0 !important; display: grid; gap: 3px; font-size: 16px; color: var(--vt-ink); max-height: 220px; overflow-y: auto; }
#visu-tools.vt-random-name-picker .vt-nw-list li { overflow-wrap: anywhere; }
#visu-tools.vt-random-name-picker .vt-nw-list .vt-nw-last { font-weight: 700; }
#visu-tools.vt-random-name-picker .vt-nw-proof .vt-kv { grid-template-columns: 110px minmax(0, 1fr); }
#visu-tools.vt-random-name-picker .vt-nw-linkbox:not([hidden]) { display: grid; gap: 6px; }
#visu-tools.vt-random-name-picker .vt-nw-linkbox input { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 13px !important; color: var(--vt-muted) !important; text-overflow: ellipsis; }
@keyframes vt-nw-pop { from { transform: scale(.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #visu-tools.vt-random-name-picker .vt-nw-winner.vt-nw-has strong { animation: none; } }
@media (max-width: 600px) {
  #visu-tools.vt-random-name-picker .vt-nw-modes .vt-seg-items { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
  #visu-tools.vt-random-name-picker .vt-nw-opts { grid-template-columns: minmax(0, 1fr) 110px; }
  #visu-tools.vt-random-name-picker .vt-nw-wheelbtn { width: min(100%, 340px) !important; }
  #visu-tools.vt-random-name-picker .vt-nw-winner.vt-nw-has strong { font-size: 26px; }
}
