.sp-board { display: flex; gap: 4px; justify-content: center; width: min(98vw, 460px); margin: 10px auto; }
.sp-col { width: 34px; display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.sp-col.sel { outline: 2px solid #ffd93d; border-radius: 4px; }
.sp-card { width: 32px; height: 44px; border-radius: 4px; background: #fff; border: 1px solid #999; margin-top: -30px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #222; }
.sp-card:first-child { margin-top: 0; }
.sp-card.run { background: #eaf3ff; }
.sp-foot { font-size: 11px; color: var(--ink); margin-top: 2px; }