.ringlock{gap:12px;width:100%;display:grid}.ringlock-rings{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ringlock-rings li{border:1px dashed var(--bone-4);gap:2px;min-height:46px;padding:6px 10px;display:grid}.ringlock-rings li[data-at]{border:1px solid var(--signal)}.ringlock-rings li[data-done]{border-style:solid;border-color:var(--bone-2)}.ringlock-board{place-items:center;min-height:0;display:grid}@media (max-width:640px){.ringlock-rings{grid-template-columns:minmax(0,1fr)}}