.bb-play{width:min(100%,420px);margin:0 auto}.bb-slots{justify-content:center;gap:8px;display:flex}.bb-slots .slot{border:2px solid var(--line);border-radius:var(--radius);background:var(--panel);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;width:56px;height:64px;font-size:34px;font-weight:700;display:flex}.bb-slots .slot.next{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.bb-slots.win .slot{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.bb-slots.reveal .slot{border-color:var(--error);color:var(--error)}.bb-msg{text-align:center;min-height:1.5em;color:var(--error);margin:6px 0;font-size:13px}.bb-pad{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bb-pad button{padding:10px 0;font-size:20px;line-height:1.2}.bb-pad button:disabled{opacity:.35;cursor:default}.bb-pad button:disabled:hover{border-color:var(--border)}.bb-pad button.wide{grid-column:span 2;font-size:15px}.bb-pad button.go{background:var(--accent);border-color:var(--accent);color:#fff;grid-column:span 3;font-size:15px;font-weight:600}.bb-history{margin-top:14px;padding:8px 12px}.bb-history-head{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.bb-history ol{max-height:340px;margin:0;padding:0 0 0 2.2em;overflow-y:auto}.bb-history li{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--muted);padding:3px 0}.bb-history li:first-child{border-top:0}.bb-history li .row{color:var(--text);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bb-history li .guess{letter-spacing:.18em;font-size:18px;font-weight:600}.bb-history li .res{font-weight:700}.bb-history li .res.out{color:var(--muted)}.bb-history li.win .res{color:var(--ok)}.bb-history .empty{color:var(--muted);border-top:0;margin-left:-2.2em;font-size:13px;list-style:none}