.bs-rules{max-width:44ch;line-height:var(--rule-unit)}.bs{counter-reset:opened;margin-top:var(--rule-unit)}.bs-round{line-height:var(--rule-unit)}.bs-row{gap:var(--space-group-loose);grid-template-columns:repeat(auto-fit,minmax(44px,1fr));margin:0;padding:0;list-style:none;display:grid}.bs-row>li{position:relative}.bs-box{height:calc(var(--rule-unit) * 2);border:2px solid var(--control-edge);border-bottom:4px solid var(--visitor);background:var(--surface-raised);min-width:44px;min-height:44px;font-family:var(--font-ui);font-size:var(--fs-item);font-variant-numeric:tabular-nums slashed-zero;color:var(--text);cursor:pointer;transition:transform var(--motion-feedback-duration) var(--motion-feedback-ease);border-radius:6px;place-items:center;font-weight:700;display:grid;position:relative}.bs-box:hover{transform:translateY(-2px)}.bs-box:active{transform:translateY(2px)}.bs-in{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bs-in:checked{counter-increment:opened}.bs-box:has(.bs-in:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.bs-v{display:none}.bs-box:has(:checked){border:3px solid var(--visitor);background:var(--visitor-wash);border-bottom-width:4px}.bs-box:has(:checked) .bs-n{display:none}.bs-box:has(:checked) .bs-v{font-size:var(--fs-ui);display:inline}.bs:has(.bs-hi:checked):has(.bs-lo:checked) .bs-hi-cell:after{content:"";border:3px solid var(--teacher);pointer-events:none;border-radius:50%;position:absolute;inset:-10px -8px;transform:rotate(-4deg)}.bs-foot{background:var(--surface-raised);justify-content:space-between;align-items:center;gap:var(--space-group) var(--space-item);min-height:calc(var(--rule-unit) * 2);margin-top:var(--space-group-loose);flex-wrap:wrap;display:flex}.bs-status{flex:30ch}.bs-c:after{content:counter(opened)}.bs-win{display:none}.bs:has(.bs-hi:checked):has(.bs-lo:checked) .bs-win{display:inline}.bs+.bs{margin-top:var(--rule-unit)}@media (max-width:639px){.bs-reset{width:100%}}