.puzzle-cell.shade{background:#a78bfa;color:#111827}.puzzle-cell.region-b{border:2px solid #22d3ee}.puzzle-cell.tone-a{background:#8b5cf655}.puzzle-cell.tone-b{background:#22d3ee55}.puzzle-cell.tone-c{background:#f59e0b55}.math-cross{display:grid;grid-template-columns:repeat(5,auto);gap:10px;align-items:center;justify-content:center}.math-cross span{padding:14px 18px;border-radius:12px;background:#151c2c;font-size:1.3rem;font-weight:900}.math-cross b{color:#67e8f9;font-size:1.4rem}.route-diagram svg{display:block;width:min(420px,100%);margin:auto}.route-diagram path{fill:none;stroke:#22d3ee;stroke-width:7;stroke-linecap:round}.route-diagram circle{fill:#a78bfa;stroke:#fff;stroke-width:3}.route-diagram text{fill:#fff;font-size:18px;font-weight:900}.stitch-regions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.stitch-regions span{padding:30px;border:2px solid #8b5cf6;border-radius:18px;background:#8b5cf61c;font-weight:900}.stitch-regions i{color:#67e8f9;font-style:normal;letter-spacing:.25em}@media(max-width:600px){.math-cross{grid-template-columns:repeat(3,auto)}}