.bb-ln-intro h1{color:#f6b800}
.bb-ln-intro strong,.bb-network-note{color:#f6b800}
.bb-ln-board .cell.available{cursor:crosshair}
.bb-ln-board .cell.available:hover{outline:3px solid #f6b800;outline-offset:-3px;z-index:2}
.bb-ln-board .cell.selected{outline:4px solid #f6b800;outline-offset:-4px;z-index:3;filter:brightness(1.15)}
.bb-board-help{text-align:center;color:var(--muted);margin:12px 0 0}
.bb-ln-fire{border-top:3px solid #f6b800;padding:20px}
.bb-ln-fire h2{margin-bottom:14px}
.bb-ln-shot-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.bb-selected{display:flex;min-height:72px;flex-direction:column;justify-content:center;gap:3px;border:1px solid #555;background:#272727;padding:10px 12px}
.bb-selected span{color:var(--muted);font-size:.8rem}
.bb-selected strong{color:#f6b800;font-size:1.25rem;line-height:1.05}
.bb-error[hidden]{display:none!important}
.bb-error{color:#ff8f80}
.bb-fine{color:var(--muted);font-size:.82rem;line-height:1.35;margin-bottom:0}
.bb-ln-payment[hidden]{display:none!important}
.bb-ln-payment{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:22px;align-items:start;border:2px solid #f6b800;box-shadow:6px 6px 0 #111;max-width:900px;margin:26px auto}
.bb-ln-payment h2{margin:3px 0 8px}
.bb-ln-pay-controls{display:flex;flex-direction:column;gap:8px}
.bb-ln-qr{background:#fff;padding:8px}
.bb-ln-qr img{display:block;width:100%;height:auto}
.bb-ln-payment textarea{grid-column:1/-1;width:100%;min-height:70px;resize:vertical;font:12px monospace;background:#171717;color:#ddd;border:1px solid #555;padding:10px}
.bb-ln-result{margin-top:16px;padding:12px;border:1px solid #666;background:#252525}
.bb-ln-result.paid{border-color:#f6b800;color:#f6b800;font-size:1.25rem}
.bb-ln-result.hit{border-color:#ff7043;color:#ff7043}
.bb-ln-result.miss{border-color:#9bd7ff;color:#9bd7ff}
.bb-ln-result.misfire{border-color:#aaa;color:#aaa}
.bb-stats strong#stat-sats{color:#f6b800}
.bb-log .shot-row .source-ln{color:#f6b800}
@media(max-width:700px){
 .bb-ln-shot-summary{grid-template-columns:1fr}
 .bb-ln-payment{grid-template-columns:1fr}
 .bb-ln-payment textarea{grid-column:1}
 .bb-ln-pay-controls{max-width:280px}
}

/* 0.5.3.5 Lightning-specific mobile containment -------------------------- */
.bb-ln-shot-summary,
.bb-selected,
.bb-ln-payment,
.bb-ln-payment > *,
.bb-ln-pay-controls,
.bb-ln-qr,
.bb-ln-payment textarea {
  min-width: 0;
  max-width: 100%;
}

.bb-selected strong,
.bb-ln-result,
.bb-fine,
.bb-board-help {
  overflow-wrap: anywhere;
}

.bb-ln-payment {
  box-sizing: border-box;
  width: 100%;
}

.bb-ln-pay-controls .pp-button,
.bb-ln-pay-controls .pp-button-secondary {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  white-space: normal;
}

.bb-ln-qr {
  box-sizing: border-box;
  width: 100%;
}

.bb-ln-payment textarea {
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

@media(max-width:700px){
  .bb-ln-payment {
    display: block;
    width: 100%;
    margin: 22px 0;
    padding: 14px;
    box-shadow: 3px 3px 0 #111;
  }

  .bb-ln-pay-controls {
    width: min(280px,100%);
    margin: 16px auto 0;
  }

  .bb-ln-payment textarea {
    display: block;
    width: 100%;
    margin-top: 14px;
  }

  .bb-ln-shot-summary {
    grid-template-columns: 1fr;
  }

  .bb-ln-fire {
    padding: 14px;
  }
}

@media(max-width:390px){
  .bb-ln-payment {
    padding: 10px;
  }

  .bb-selected {
    min-height: 60px;
  }
}