/* The Bounty board (bounty/bounty.js) and the billboard auctions (billboards/billboards.js): wanted posters, the post
   form, the LED screens and the bids. */
.bountyx { width: min(1100px, 100%); margin: 14px 0 110px; text-align: left; --gold: #ffd23f; }
.bountyx .empty-line { color: var(--muted); font-size: 13px; padding: 12px 4px; text-align: center; list-style: none; grid-column: 1 / -1; }
.bt-head, .bt-panel { border: 1px solid rgba(255, 120, 200, .22); border-radius: 18px; background: linear-gradient(180deg, rgba(30, 12, 52, .92), rgba(16, 8, 32, .92)); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.bt-head { padding: 14px 18px; } .bt-head p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.bt-cols { display: grid; grid-template-columns: 1.3fr 1fr; gap: 12px; margin-top: 12px; }
.bt-panel { padding: 14px; margin-top: 12px; } .bt-cols .bt-panel { margin-top: 0; }
.bt-panel h3 { margin: 0 0 10px; font: 600 14px var(--head, Oswald), sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: #ff9ad5; }
.bt-panel h3 + * { margin-top: 0; } .bt-panel h3:not(:first-child) { margin-top: 16px; }
.bt-wanted { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.bt-poster { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 10px; border-radius: 6px; text-align: center; color: #3a2512;
  background: linear-gradient(180deg, #f1dcae, #d9b97c); box-shadow: 0 6px 16px rgba(0, 0, 0, .4), inset 0 0 0 3px rgba(90, 55, 25, .35); transform: rotate(-1deg); }
.bt-poster:nth-child(2n) { transform: rotate(1.2deg); }
.bt-poster small { font: 700 20px var(--head, Oswald), sans-serif; letter-spacing: 4px; color: #7a1d12; }
.bt-poster b { font: 700 17px Georgia, serif; word-break: break-word; }
.bt-poster strong { font: 700 24px var(--head, Oswald), sans-serif; color: #2a5a1a; } .bt-poster strong em { font-size: 12px; font-style: normal; }
.bt-poster span { font-size: 11.5px; opacity: .8; } .bt-poster button { margin-top: 6px; } .bt-poster .btn-ghost { color: #3a2512; border-color: rgba(58, 37, 18, .4); }
.bt-you { font-style: normal; font-weight: 800; color: #7a1d12; }
#bxFind, .bt-form input, .bb-form input { width: 100%; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: rgba(0, 0, 0, .35); color: #fff; font: 600 13px Inter, sans-serif; box-sizing: border-box; }
.bt-people { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; } .bt-people small { color: var(--muted); }
.bt-form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .bt-form span { flex: 1 1 100%; color: var(--muted); font-size: 13px; } .bt-form span b { color: #fff; }
.bt-form input { flex: 1; width: auto; }
.bt-mine { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.bt-mine li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 7px 10px; border-radius: 8px; background: rgba(0, 0, 0, .22); font-size: 13px; }
.bt-mine li.empty-line { display: block; background: none; }
.bt-mine b { color: #fff; } .bt-mine em { font-style: normal; color: var(--gold); grid-row: 2; } .bt-mine span { grid-row: 1 / 3; grid-column: 2; align-self: center; color: var(--muted); font-size: 12px; font-weight: 700; }
.bt-mine .s-open, .bt-mine .s-top { color: #9fe8ff; } .bt-mine .s-paid, .bt-mine .s-won { color: #7dff6a; } .bt-mine .s-failed { color: #ff5c8a; }
.bb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.bb-board small { display: block; margin: 8px 0 4px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.bb-screen { display: grid; place-items: center; height: 70px; border-radius: 6px; background: #0d1b2a; box-shadow: inset 0 0 0 3px #2b2b2b, 0 0 0 2px #e6e0d6; overflow: hidden;
  background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px); background-size: 4px 4px; }
.bb-screen b { font: 900 26px Inter, sans-serif; letter-spacing: 2px; color: var(--c); text-shadow: 0 0 10px var(--c), 0 0 22px var(--c); }
.bb-by { margin: 4px 0 0; color: var(--muted); font-size: 12px; text-align: right; }
.bb-top { margin: 0 0 8px; color: var(--muted); font-size: 13px; } .bb-top b { color: var(--gold); }
.bb-form { display: grid; grid-template-columns: 1fr 110px; gap: 8px; align-items: center; } .bb-form input[data-text] { text-transform: uppercase; letter-spacing: 1.5px; }
.bb-form .cx-colors { grid-column: 1; } .bb-form .btn-primary { grid-column: 2; }
@media (max-width: 760px) { .bt-cols { grid-template-columns: 1fr; } }