.bnp-card.b0,.bnp-mini.b0{--bc:#8a5a35;--bi:#fff}.bnp-card.b1,.bnp-mini.b1{--bc:#f2d36b;--bi:#3b2a00}.bnp-card.b2,.bnp-mini.b2{--bc:#5aa9e6;--bi:#0b2236}.bnp-card.b3,.bnp-mini.b3{--bc:#e0482f;--bi:#fff}.bnp-card.b4,.bnp-mini.b4{--bc:#8fae3a;--bi:#1c2600}.bnp-card.b5,.bnp-mini.b5{--bc:#3f9b4a;--bi:#fff}.bnp-card.b6,.bnp-mini.b6{--bc:#d8c08a;--bi:#3b2a00}.bnp-card.b7,.bnp-mini.b7{--bc:#c9c2b8;--bi:#222}.bnp-card.b8,.bnp-mini.b8{--bc:#b0234a;--bi:#fff}.bnp-card{background:var(--bc);width:64px;min-height:84px;color:var(--bi);font:inherit;border:2px solid #1b1b1b;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:6px 4px;line-height:1.1;display:inline-flex}.bnp-card.small{width:52px;min-height:64px;padding:4px 2px}.bnp-card.sel{box-shadow:0 0 0 3px var(--accent);transform:translateY(-2px)}button.bnp-card{cursor:pointer}button.bnp-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.bnp-bean{background:color-mix(in srgb,var(--bc)70%,#000);border:1.5px solid #1b1b1b;border-radius:50% 50% 46% 54%/60% 60% 40% 40%;width:26px;height:18px}.bnp-card.b7 .bnp-bean{background:radial-gradient(circle at 30% 40%,#5a4a3a 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#5a4a3a 0 2px,#0000 3px),#e8e2d8}.bnp-card.small .bnp-bean{width:20px;height:14px}.bnp-name{font-size:12px;font-weight:700}.bnp-card.small .bnp-name{font-size:11px}.bnp-card small{font-size:10px;font-weight:700}.bnp-others{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.bnp-others li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:4px;min-width:0;padding:6px 8px;display:flex}.bnp-others li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.bnp-others li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.bnp-who{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bnp-who b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:15px}.bnp-who span{font:700 14px/1 var(--f-mono)}.bnp-who small,.bnp-pend-n{color:var(--muted);font-size:12px}.bnp-minis{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bnp-mini{background:var(--bc);color:var(--bi);border:1.5px solid #1b1b1b;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700}.bnp-mini.empty{background:var(--sunk);color:var(--muted);border-color:var(--line);border-style:dashed}.bnp-middle{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.bnp-deck{color:#fff;width:58px;height:76px;font:700 18px/1 var(--f-mono);background:repeating-linear-gradient(45deg,#3f9b4a 0 5px,#2f7a39 5px 10px);border:2px solid #1b1b1b;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;display:flex}.bnp-deck small{font:600 10px/1.2 var(--f-body,inherit)}.bnp-open{gap:8px;display:flex}.bnp-offers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bnp-offers li{border:1.5px dashed var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.bnp-offers li.for-me{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent)8%,var(--surface))}.bnp-offer-btns{gap:6px;display:flex}.bnp-mine{border-top:1.5px solid var(--line);flex-direction:column;align-items:center;gap:10px;padding-top:12px;display:flex}.bnp-me{align-items:baseline;gap:10px;display:flex}.bnp-me b{font-family:var(--f-word);font-size:16px}.bnp-me span{font:700 16px/1 var(--f-mono)}.bnp-pending{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.bnp-fields{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;width:100%;max-width:480px;display:grid}.bnp-field{flex-direction:column;align-items:center;gap:6px;display:flex}.bnp-plant-here{border-radius:var(--radius);background:color-mix(in srgb,#8a5a35 14%,var(--surface));width:100%;min-height:140px;color:var(--ink);font:inherit;border:2px dashed #8a6a3a;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}button.bnp-plant-here{cursor:pointer}.bnp-field.can .bnp-plant-here{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.bnp-plant-here:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.bnp-empty{color:var(--muted);font-size:13px}.bnp-count{font:700 16px/1 var(--f-mono)}.bnp-meter{gap:2px;display:flex}.bnp-meter i{font:600 11px/1 var(--f-mono);background:var(--sunk);color:var(--muted);border-radius:4px;padding:2px 3px;font-style:normal}.bnp-meter i.on{background:var(--sun);color:#fff}.bnp-hand-wrap{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.bnp-hand{gap:4px;max-width:100%;margin:0;padding:4px 2px;list-style:none;display:flex;overflow-x:auto}.bnp-builder{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;width:100%;padding:10px;display:flex}.bnp-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.bnp-row>.muted{width:100%;font-size:13px}.bnp-send,.bnp-end{align-self:center}