/* Skin: neon dive bar — hot pink + cyan, scanlines, loud at party volume. */
html[data-skin="neon"] {
  --bg: #06040b;
  --bg-2: #0d0818;
  --panel: rgba(255,45,149,.07);
  --panel-2: rgba(63,241,255,.14);
  --line: rgba(63,241,255,.26);
  --text: #f2f6ff;
  --text-dim: #8d8fb8;
  --accent: #ff2d95;
  --accent-ink: #12000a;
  --danger: #ff4d4d;
  --radius: 6px;
  --art-radius: 4px;
  --font-display: "Avenir Next Condensed", "Helvetica Neue", Impact, sans-serif;
  --display-spacing: .1em;
  --display-transform: uppercase;
  --shadow: 0 0 22px rgba(255,45,149,.35), 0 18px 50px rgba(0,0,0,.7);
  --glow: 0 0 12px rgba(255,45,149,.85);
  --texture:
    radial-gradient(760px 380px at 12% -6%, rgba(255,45,149,.22), transparent 66%),
    radial-gradient(760px 380px at 88% 4%, rgba(63,241,255,.18), transparent 66%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.34) 0 1px, transparent 1px 3px);
  --record-visible: 1;
}
html[data-skin="neon"] .brand-name,
html[data-skin="neon"] .now-title { color: #fff; text-shadow: 0 0 10px var(--accent), 0 0 32px rgba(63,241,255,.5); }
html[data-skin="neon"] .now-label { color: #3ff1ff; text-shadow: 0 0 12px rgba(63,241,255,.8); }
html[data-skin="neon"] .progress-fill { background: linear-gradient(90deg, #ff2d95, #3ff1ff); }
html[data-skin="neon"] .btn { border-radius: 4px; }