/* One task = one dot, shared by all finite exercise rounds. */
.exercise-progress-dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;width:100%;margin:10px auto 14px;padding:7px 5px;box-sizing:border-box;flex-shrink:0}
.exercise-progress-dots[hidden]{display:none!important}
.exercise-progress-dots>.exercise-progress-dot{display:block;box-sizing:border-box;width:16px;height:16px;min-width:16px;flex:0 0 16px;border:2px solid #668668;border-radius:48% 52% 49% 51%;background:#fffdf6;box-shadow:none;padding:0;margin:0;line-height:1}
.exercise-progress-dots>.exercise-progress-dot.done{background:#7fa772}
.exercise-progress-dots>.exercise-progress-dot.current{outline:3px solid #e6b846;outline-offset:4px}
.exercise-progress-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.round-header:has(.exercise-progress-dots),.game-top:has(.exercise-progress-dots),.board-top:has(.exercise-progress-dots){justify-content:center}
.guide>.exercise-progress-dots{grid-column:1/-1;flex-basis:100%}
@media(min-width:1000px){.exercise-progress-dots>.exercise-progress-dot{width:18px;height:18px;min-width:18px;flex-basis:18px}}
@media(print){.exercise-progress-dots{display:none}}