/* NEON TOKYO — cyberpunk night city: magenta and electric blue on deep violet, glow, kanji. */
[data-theme="neon"] {
  --ink: #0D0221; --panel: #170A33; --panel-2: #22114A; --line: #3B1D6E; --text: #F6ECFF; --muted: #A48BC8;
  --accent: #FF2D95; --accent-ink: #2A0018; --accent-2: #2DE2FF; --gold: #FFD166; --danger: #FF4D6D; --ok: #2DE2FF;
  --rank-E: #A48BC8; --rank-D: #2DE2FF; --rank-C: #7CFFCB; --rank-B: #FF2D95; --rank-A: #FFD166; --rank-S: #FFFFFF;
  --display: "Orbitron", "Bebas Neue", sans-serif; --radius: 4px; --skew: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  background-color: var(--ink);
  background-image: linear-gradient(180deg, rgba(255,45,149,.12), transparent 40%), repeating-linear-gradient(135deg, rgba(45,226,255,.05) 0 2px, transparent 2px 18px);
}
[data-theme="neon"] .panel { border: 1px solid var(--line); box-shadow: 0 0 0 1px rgba(255,45,149,.15), 0 0 24px -12px var(--accent-2); }
[data-theme="neon"] .panel.primary { border-color: var(--accent); box-shadow: 0 0 30px -8px var(--accent), inset 0 0 40px -30px var(--accent-2); }
[data-theme="neon"] h1, [data-theme="neon"] h2 { font-size: .85em; letter-spacing: .08em; text-shadow: 0 0 10px var(--accent), 0 0 24px rgba(255,45,149,.5); }
[data-theme="neon"] .btn { font-size: 18px; letter-spacing: .12em; }
[data-theme="neon"] .btn.accent { background: linear-gradient(90deg, var(--accent), #C300FF); color: #fff; box-shadow: 0 0 18px -4px var(--accent); }
[data-theme="neon"] .bar > i { background: linear-gradient(90deg, var(--accent-2), var(--accent)); box-shadow: 0 0 10px var(--accent-2); }
[data-theme="neon"] .choice.right { border-color: var(--accent-2); box-shadow: 0 0 12px -2px var(--accent-2); }
[data-theme="neon"] .watermark { position: absolute; right: 6px; top: 30px; font-size: 120px; line-height: 1.1; color: rgba(45,226,255,.08); writing-mode: vertical-rl; pointer-events: none; font-weight: 700; }
[data-theme="neon"] .mastery { grid-template-columns: 104px 1fr 96px; font-size: 14px; } [data-theme="neon"] .mastery .name { font-size: 12px; white-space: nowrap; }
[data-theme="neon"] .rank { font-size: 16px; } [data-theme="neon"] .btn.small { font-size: 15px; } [data-theme="neon"] .stem { font-size: 30px; } [data-theme="neon"] .verdict { font-size: 24px; }