.small-ring{background:conic-gradient(var(--green) 0 var(--vocab-progress,0%),#20314d var(--vocab-progress,0%))}
.practice-grid{grid-template-columns:repeat(5,1fr)}
.rooms button{cursor:pointer}
.rooms-loading,.rooms-empty{min-height:116px;border:1px dashed var(--line);border-radius:11px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:18px}
.rooms-empty a{color:var(--green);font-weight:800}
.live.waiting{color:#b9c3d5;background:#24324d}
.faces-count{font-size:.68rem;color:var(--muted);white-space:nowrap}
@media(max-width:1050px) and (min-width:701px){.practice-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.practice-grid{grid-template-columns:repeat(3,1fr)}.rooms-empty{grid-column:1/-1}}