.bn-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.bn-ball{border:3px solid var(--ink);background:var(--surface);width:92px;height:92px;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.bn-ball small{font-family:var(--f-mono);color:var(--muted);font-size:14px;font-weight:700}.bn-ball b{font-family:var(--f-display);font-size:40px;font-weight:400}.bn-ball.lB{background:color-mix(in srgb,var(--info)22%,var(--surface))}.bn-ball.lI{background:color-mix(in srgb,var(--bad)18%,var(--surface))}.bn-ball.lN{background:var(--surface)}.bn-ball.lG{background:color-mix(in srgb,var(--good)20%,var(--surface))}.bn-ball.lO{background:color-mix(in srgb,var(--sun)28%,var(--surface))}.bn-info{flex-direction:column;gap:2px;max-width:220px;display:flex}.bn-info b{font-family:var(--f-word);font-size:18px}.bn-info span{font-size:14px}.bn-info small{font-family:var(--f-mono);color:var(--muted);font-size:12px}.bn-cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.bn-card{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,330px);padding:8px;display:grid}.bn-head{text-align:center;font-family:var(--f-display);color:var(--accent);font-size:22px}.bn-sq{aspect-ratio:1;font:600 clamp(15px,4.6vw,20px)/1 var(--f-word);color:var(--ink);border:1.5px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;padding:0;display:grid}button.bn-sq{cursor:pointer}button.bn-sq:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.bn-sq.on{background:color-mix(in srgb,var(--accent)30%,var(--surface));border-color:var(--accent)}.bn-sq.free{background:color-mix(in srgb,var(--sun)35%,var(--surface))}.bn-sq.win{background:var(--good);color:var(--surface);border-color:var(--ink)}.bn-acts{flex-direction:column;align-items:center;gap:8px;display:flex}.bn-go{min-width:200px;padding:14px 24px;font-size:20px}.bn-auto{align-items:center;gap:6px;font-size:14px;display:flex}.bn-board{flex-direction:column;gap:2px;width:100%;max-width:520px;margin:0 auto;display:flex}.bn-row{grid-template-columns:20px repeat(15,minmax(0,1fr));align-items:center;gap:2px;display:grid}.bn-row b{font-family:var(--f-display);text-align:center;color:var(--accent);font-size:15px;font-weight:400}.bn-row span{text-align:center;font-family:var(--f-mono);color:var(--muted);border-radius:3px;padding:3px 0;font-size:10.5px}.bn-row span.on{background:var(--ink);color:var(--surface)}.bn-row span.last{background:var(--accent);color:var(--surface)}.bn-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bn-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;padding:4px 10px;display:flex}.bn-players li.win{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.bn-players b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:14px}.bn-players small{font-family:var(--f-mono);color:var(--muted);font-size:11px}.bn-won .bn-cards{width:100%}.bn-won .bn-card{flex:0 260px;width:auto}.bn-won .bn-sq{font-size:16px}