.swm-sky { position: relative; height: 70px; border-radius: 16px; background: linear-gradient(180deg, #8fd3ff, #dff3ff); overflow: hidden; transition: background .5s; }
.swm-sun { position: absolute; font-size: 34px; transform: translate(-50%, 0); transition: left .25s linear, top .25s linear; }
.swm-time { text-align: center; font-weight: 900; color: var(--ink-2); }
.swm-field { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 10px; min-height: 120px; padding: 10px; border-radius: 16px; background: linear-gradient(180deg, #a6dc8f, #6dbb5a); }
.swm-sheep { min-height: 96px; border-radius: 22px; border: 3px solid #fff; background: #fffdf7; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; box-shadow: 0 4px 0 rgba(0,0,0,.15); animation: swm-trot .35s ease-out both; }
.swm-sheep__body { font-size: 38px; line-height: 1; }
.swm-sheep__w { font-size: 22px; font-weight: 900; }
.swm-sheep.is-in { background: #c9f0c0; }
@keyframes swm-trot { from { transform: translateX(-24px); opacity: 0; } }
.swm-pen { text-align: center; font-weight: 900; font-size: 18px; letter-spacing: .04em; overflow-wrap: anywhere; }