:root { --bg: #dcd6c8; --ink: #151a33; --muted: #565a73; --line: #a39f94; --panel: #ece6d8; --accent: #1e2b6b; --accent-ink: #f7f0df; --side0: #d98a1f; --side1: #eee7d6; --hi: #e0a22e; }
.cloth { fill: #17204d; }
.thin { stroke: #3a4478; stroke-width: 1.5; }
.c1 { fill: none; stroke: #d98a1f; stroke-width: 7; }
.c2 { fill: none; stroke: #5fb0a6; stroke-width: 7; }
.shot { fill: none; stroke: #fff4d2; stroke-width: 8; stroke-linejoin: round; opacity: .8; pointer-events: none; }
.p1 { fill: #d98a1f; stroke: #7a4708; stroke-width: 3; }
.ray { stroke: #7a4708; stroke-width: 4; }
.core { fill: #ffd98a; stroke: #7a4708; stroke-width: 2.5; }
.p2 { fill: #eee7d6; stroke: #4a4a55; stroke-width: 3; }
.moon { fill: #17204d; }
.spot-dot { fill: #fff4d2; } .spot-ring { stroke: #fff4d2; } .last-mark { fill: #fff4d2; opacity: .25; }
