/* DOJO (Miyagi) — the Okinawa dojo interior (Karate Kid II): tan plaster walls, dark brown posts and beams, a row of lattice
   windows up top with sun streaking through, hanging calligraphy scrolls, and a dark wooden shrine in the middle. */
[data-theme="dojo"] {
  --ink: #D8C3A0; --panel: #E9DCC2; --panel-2: #E0CFAE; --line: #4A3320; --text: #2B1D12; --muted: #6E5A45;
  --accent: #A8321F; --accent-ink: #FFF3E6; --accent-2: #5B7A4A; --gold: #E0B455; --danger: #A8321F; --ok: #5B7A4A;
  --rank-E: #FFFFFF; --rank-D: #E7C13B; --rank-C: #3F8F5A; --rank-B: #2F5FB3; --rank-A: #7A4A21; --rank-S: #1A1A1A;
  --display: "Zen Antique", "Bebas Neue", serif; --radius: 0; --skew: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  background-color: var(--ink);
  background-image:
    /* sunlight streaks */ repeating-linear-gradient(112deg, rgba(255,246,222,.30) 0 34px, transparent 34px 96px, rgba(255,246,222,.18) 96px 112px, transparent 112px 230px),
    /* window row: light panes in a dark grid */ linear-gradient(180deg, #4A3320 0 6px, transparent 6px 84px, #4A3320 84px 100px, transparent 100px),
    repeating-linear-gradient(90deg, #4A3320 0 5px, #CFE3D2 5px 27px),
    /* plaster */ radial-gradient(circle at 30% 60%, rgba(255,255,255,.18), transparent 50%), radial-gradient(circle at 70% 30%, rgba(90,60,30,.12), transparent 45%);
  background-size: auto, auto, 100% 100px, auto, auto; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
[data-theme="dojo"] .screen { padding-top: 100px; }
/* dark posts either side of the content column */
[data-theme="dojo"] .screen { position: relative; }
[data-theme="dojo"] .screen::before, [data-theme="dojo"] .screen::after { content: ""; position: absolute; top: -12px; bottom: -40px; width: 12px; background: linear-gradient(90deg, #3A2618, #5A3E28 60%, #2E1D12); z-index: 0; }
[data-theme="dojo"] .screen::before { left: -16px; } [data-theme="dojo"] .screen::after { right: -16px; }
/* wall panels between the posts: plaster with a dark wood frame */
[data-theme="dojo"] .panel { background: linear-gradient(180deg, #EEE2CB, #E3D3B4); border: 5px solid var(--line); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 6px 14px -10px rgba(0,0,0,.6); }
/* the shrine: dark wood cabinet, brass fittings, vermilion button */
[data-theme="dojo"] .panel.primary { background: linear-gradient(180deg, #4E3623, #33220F); color: #F3E6CF; border: 5px solid #2A1A0C; box-shadow: inset 0 0 0 2px var(--gold), 0 10px 20px -12px #000; }
[data-theme="dojo"] .panel.primary .muted { color: #D8C3A0; }
[data-theme="dojo"] .panel.primary h2 { color: var(--gold); }
[data-theme="dojo"] .panel.primary h2::before { content: "⛩ "; }
[data-theme="dojo"] .btn { background: #EEE2CB; border: 3px solid var(--line); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
[data-theme="dojo"] .btn.accent { background: var(--accent); color: var(--accent-ink); border-color: #2A1A0C; }
[data-theme="dojo"] .rank b { border-radius: 0; border-width: 4px; height: 14px; width: 40px; color: transparent; background: var(--rank-color); border-color: #1A1A1A; }
[data-theme="dojo"] .bar { background: #5A3E28; border: 1px solid #2A1A0C; } [data-theme="dojo"] .bar > i { background: var(--gold); } [data-theme="dojo"] .bar.gold > i { background: var(--gold); }
[data-theme="dojo"] .choice { background: #F1E6D0; border: 2px solid var(--line); } [data-theme="dojo"] .choice b { color: var(--muted); }
[data-theme="dojo"] .choice.right { background: #E7EFD9; border-color: var(--accent-2); box-shadow: 0 0 0 2px var(--accent-2) inset; } [data-theme="dojo"] .choice.right b { color: var(--accent-2); }
[data-theme="dojo"] .choice.wrong { background: #F2D9D0; }
[data-theme="dojo"] .verdict.ok { color: var(--accent); }
[data-theme="dojo"] .tag { border-color: var(--line); background: #F1E6D0; } [data-theme="dojo"] .tag.new { color: var(--accent); border-color: var(--accent); }
[data-theme="dojo"] .mastery { font-size: 17px; } [data-theme="dojo"] .mastery .name { font-size: 13px; white-space: nowrap; }
[data-theme="dojo"] .iconbtn { background: #EEE2CB; border: 3px solid var(--line); }
[data-theme="dojo"] .progress i { background: #B39B75; } [data-theme="dojo"] .progress i.done { background: var(--accent-2); } [data-theme="dojo"] .progress i.cur { background: var(--line); }
/* hanging calligraphy scrolls on the wall (generic characters: 空手 karate, 心 heart, 道 way, 礼 respect, 力 strength) */
[data-theme="dojo"] .scroll { position: absolute; bottom: 44px; width: 34px; padding: 10px 0 14px; background: #F7F0DF; border: 3px solid #3A2618; box-shadow: 0 0 0 2px #C9B28C inset, 0 4px 10px -4px #000; writing-mode: vertical-rl; font-family: "Zen Antique", serif; font-size: 22px; line-height: 34px; color: #1A1410; text-align: center; z-index: 0; pointer-events: none; }
[data-theme="dojo"] .scroll::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: -14px; height: 10px; background: radial-gradient(circle at 20% 50%, #3A2618 3px, transparent 4px), radial-gradient(circle at 80% 50%, #3A2618 3px, transparent 4px); }
[data-theme="dojo"] .scroll.l { left: 6px; } [data-theme="dojo"] .scroll.r { right: 6px; }