/* NINJA — shadows and crimson: near-black, blood red, steel, cream; brush type; shuriken rank badge; 忍 watermark. */
[data-theme="ninja"] {
  --ink: #141110; --panel: #1E1A17; --panel-2: #2A231F; --line: #4A3A31; --text: #F3EAD8; --muted: #A89A86;
  --accent: #C8102E; --accent-ink: #FFF3F0; --accent-2: #D4A017; --gold: #D4A017; --danger: #FF5A5A; --ok: #7CB342;
  --rank-E: #EDE7DA; --rank-D: #F2C94C; --rank-C: #4CAF50; --rank-B: #2F6FED; --rank-A: #8B4513; --rank-S: #111111;
  --display: "Reggae One", "Bebas Neue", Impact, sans-serif; --skew: polygon(0 0, 100% 0, 100% 100%, 0 100%); --radius: 2px;
  background-color: var(--ink);
  background-image: radial-gradient(circle at 20% 10%, rgba(200,16,46,.10), transparent 40%), repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 2px, transparent 2px 6px);
}
[data-theme="ninja"] .panel { border-width: 1px 1px 3px; border-bottom-color: var(--accent); }
[data-theme="ninja"] .panel.primary { box-shadow: none; border-color: var(--accent-2); border-bottom-color: var(--accent); }
[data-theme="ninja"] h1, [data-theme="ninja"] h2 { letter-spacing: .02em; }
[data-theme="ninja"] .btn.accent { background: var(--accent); color: var(--accent-ink); }
[data-theme="ninja"] .rank b { border-radius: 0; border-width: 4px; height: 14px; width: 40px; color: transparent; }  /* the belt */
[data-theme="ninja"] .watermark { position: absolute; right: -10px; top: 40px; font-size: 220px; line-height: 1; color: rgba(200,16,46,.07); font-family: serif; pointer-events: none; }
[data-theme="ninja"] .mastery { grid-template-columns: 104px 1fr 96px; font-size: 15px; } [data-theme="ninja"] .mastery .name { font-size: 13px; white-space: nowrap; }
[data-theme="ninja"] .rank { font-size: 18px; } [data-theme="ninja"] .btn.small { font-size: 18px; }
[data-theme="ninja"] { --ink: #0D0B0C; --panel: #171316; --panel-2: #221B1F; --line: #3B2F35; --muted: #9A8A90; --accent-2: #B8B8C0;
  background-image: radial-gradient(circle at 80% 0%, rgba(200,16,46,.14), transparent 45%), repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0 2px, transparent 2px 16px); }
[data-theme="ninja"] .rank b { position: relative; border: 0; width: 34px; height: 34px; color: #0D0B0C; font-size: 18px; clip-path: none; }  /* shuriken: filled diamond behind the letter */
[data-theme="ninja"] .rank b::before { content: ""; position: absolute; inset: 0; background: var(--rank-color, var(--muted)); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); z-index: -1; }
[data-theme="ninja"] .panel { border-bottom-color: var(--accent); background: linear-gradient(180deg, #1A1518, #141114); }
[data-theme="ninja"] .stem, [data-theme="ninja"] .bigword { text-shadow: 0 2px 0 #000, 0 0 18px rgba(200,16,46,.35); }
[data-theme="ninja"] .choice.right { box-shadow: 0 0 14px -4px var(--accent); }
[data-theme="ninja"] .watermark { color: rgba(200,16,46,.09); font-size: 240px; top: 20px; }