/* Car Sort level widget + page blocks - sortpuzzlehelp.com */
.car-sort-preview-root{background:#141a33;border-radius:16px;padding:12px 12px 10px;margin:18px 0;color:#e8ecff;box-shadow:0 6px 24px rgba(10,14,40,.35)}
.csp-stage{background:#8e99d6;border-radius:12px;overflow:hidden}
.csp-svg{display:block;width:100%;height:auto;max-height:78vh}
.csp-road{fill:none;stroke:#2b2f45;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.csp-road-line{fill:none;stroke:#ffffff;stroke-width:.14;stroke-dasharray:.8 1.2;opacity:.7}
.csp-portal{fill:#6b73c9;stroke:#3a3f7a;stroke-width:.2}
.csp-lot{fill:#262b47;stroke:#3a4070;stroke-width:.3}
.csp-kind-T{fill:#3a3050}
.csp-kind-O{fill:#35304d;stroke-dasharray:.6 .4}
.csp-kind-E{stroke:#ffd84a;stroke-width:.45}
.csp-done{fill:#1d6b3a;opacity:.9}
.csp-tapped{stroke:#ffd84a;stroke-width:.7}
.csp-car{stroke:rgba(0,0,0,.4);stroke-width:.08}
.csp-shadow{fill:rgba(10,14,40,.3)}
.csp-shade{pointer-events:none}
.csp-mirror{stroke:rgba(0,0,0,.35);stroke-width:.05}
.csp-win{fill:#22304f;opacity:.9}
.csp-roof{fill:#fff;opacity:.2}
.csp-glint{stroke:#fff;stroke-width:.07;stroke-linecap:round;opacity:.55}
.csp-head{fill:#fff6c4}
.csp-tail{fill:#ff4a3d}
.csp-qbg{fill:rgba(20,24,50,.55)}
.csp-starbg{fill:rgba(20,24,50,.45)}
.csp-glass{fill-opacity:.55;stroke:#7fd3ff}
.csp-q{font:bold 1.2px/1 system-ui,sans-serif;fill:#fff}
.csp-star{font:bold 1.1px/1 system-ui,sans-serif;fill:#fff7b0}
.csp-num{font:bold 1.1px/1 system-ui,sans-serif;fill:#0b3a66}
.csp-mark{font:bold .8px/1 system-ui,sans-serif;fill:#fff}
.csp-ice{fill:#bfe9ff;opacity:.72}
.csp-bolt{fill:#c9ced9;stroke:#555;stroke-width:.12}
.csp-stone{fill:#8a8f99;stroke:#555a63;stroke-width:.15}
.csp-badge{stroke:#fff;stroke-width:.14}
.csp-link{fill:#ffffff;opacity:.8}
.csp-lockcover{fill:rgba(20,24,50,.55)}
.csp-lockbody{stroke:#fff;stroke-width:.15}
.csp-shackle{fill:none;stroke:#fff;stroke-width:.25}
.csp-locknum{font:bold 1.05px/1 system-ui,sans-serif;fill:#fff}
.csp-check{font:bold 3px/1 system-ui,sans-serif;fill:#b6ffcb}
.csp-numbg{fill:#ffffff;stroke:#141a33;stroke-width:.18}
.csp-numhot{fill:#ffd84a}
.csp-lotnum{font:bold 1.0px/1 system-ui,sans-serif;fill:#141a33}
.csp-counter{font:bold 1.6px/1 system-ui,sans-serif;fill:#141a33}
.csp-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 6px}
.csp-btn{background:#2d3767;color:#fff;border:0;border-radius:999px;padding:8px 14px;font:600 14px/1.1 system-ui,sans-serif;cursor:pointer}
.csp-btn:hover{background:#3d4a8a}
.csp-play{background:#ffb020;color:#141a33}
.csp-caption{text-align:center;font:500 15px/1.4 system-ui,sans-serif;min-height:2.8em;padding:4px 6px}
/* page blocks */
.cs-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:10px 0 18px}
.cs-details div{background:#f5f7ff;border-radius:10px;padding:8px 12px}
.cs-details b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5b6395}
.cs-steps{counter-reset:none;padding-left:1.4em}
.cs-steps li{margin:4px 0;padding:4px 8px;border-radius:8px;cursor:pointer}
.cs-steps li:hover{background:#f1f3ff}
.cs-steps li.csp-current{background:#fff3cf}
.cs-timing{display:block;font-size:14px;color:#9a5a00}
.cs-dot{display:inline-block;width:.8em;height:.8em;border-radius:3px;margin:0 3px -1px 0;border:1px solid rgba(0,0,0,.25)}
.cs-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:22px 0}
.cs-nav a{background:#141a33;color:#fff;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:600}
.cs-levels{line-height:2.1}
.cs-levels a{display:inline-block;min-width:2.6em;text-align:center;margin:2px;padding:2px 4px;border-radius:6px;background:#f1f3ff;text-decoration:none}