/* Skip Count Sheep Dash */
.sk-line { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.sk-slot { min-width: 44px; height: 40px; border-radius: 10px; border: 3px dashed var(--wood); background: rgba(255, 255, 255, .7); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; padding: 0 4px; }
.sk-slot.is-filled { border-style: solid; border-color: var(--green); background: #eaf7e6; }
.sk-field { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; background: #bfe3a8; border-radius: 22px; padding: 10px; box-shadow: inset 0 0 0 4px #8cc26f, var(--shadow); }
.sk-sheep { position: relative; min-height: 64px; min-width: 48px; border: 3px solid #fff; border-radius: 18px; background: #fffdf7; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2px; box-shadow: 0 3px 0 rgba(29, 39, 51, .12); touch-action: manipulation; }
.sk-wool { font-size: 26px; line-height: 1; }
.sk-tag { background: #f2b705; color: #3b2500; font-weight: 900; font-size: 18px; border-radius: 8px; padding: 0 8px; line-height: 1.3; }
.sk-sheep.is-done { opacity: .35; }
@media (min-width: 600px) { .sk-field { grid-template-columns: repeat(8, minmax(0, 1fr)); } }