/* Poker Bot Wars, how it works (poker-bot-wars.php .bws; Shaun, 2026-11-02: "lets elevate this. Step 1, build your bot, step 2,
   autorace it each week. Step 3, everyone wins cash or prizes"): three cards, each with its number, a picture of the step (your
   bot and its rating, the week's three opponents, the prize) and a line. Gold stays the only accent. */
.bws{padding:var(--muck-space-7, 48px) 0 var(--muck-space-6, 32px);border-top:1px solid #2a2720}
.bws h2{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0 0 var(--muck-space-5, 24px)}
.bws-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--muck-space-4, 16px);margin:0;padding:0;list-style:none}
.bws-step{position:relative;display:flex;flex-direction:column;padding:var(--muck-space-4, 16px) var(--muck-space-4, 16px) var(--muck-space-5, 24px);border:1px solid #2a2720;border-radius:16px;background:linear-gradient(180deg,#151410,#0e0e0c)}
.bws-step--win{border-color:#615234;background:linear-gradient(180deg,#1d1a10,#0f0e0b)}
.bws-n{position:absolute;z-index:1;top:28px;left:28px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #615234;border-radius:50%;background:#0e0e0ccc;color:#ffd34f;font-size:16px;font-weight:800;line-height:1}
.bws-art{display:flex;align-items:center;justify-content:center;height:210px;margin-bottom:var(--muck-space-5, 24px);border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#3a311a55,transparent 65%),#0a0a09;overflow:hidden}
.bws-step h3{margin:0 var(--muck-space-2, 8px);font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#eee9dc}
.bws-step p{margin:var(--muck-space-2, 8px) var(--muck-space-2, 8px) 0;color:#aaa79d;font-size:14px;line-height:1.6}
.bws-go{align-self:flex-start;margin:var(--muck-space-5, 24px) var(--muck-space-2, 8px) 0}

/* 1: your bot, with the card's rating */
.bws-art--build{position:relative}
.bws-art--build img{width:150px;height:150px;border-radius:14px;border:2px solid #615234;object-fit:cover;box-shadow:0 16px 32px #000a}
.bws-rating{position:absolute;left:calc(50% + 44px);bottom:26px;display:flex;flex-direction:column;align-items:center;padding:8px 12px;border:1px solid #615234;border-radius:10px;background:#0e0e0c;box-shadow:0 8px 20px #000a}
.bws-rating b{color:#ffd34f;font-size:28px;font-weight:800;line-height:1}
.bws-rating small{margin-top:4px;color:#aaa79d;font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase}

/* 2: the week's three opponents, in order */
.bws-race{position:relative;display:flex;justify-content:center;gap:var(--muck-space-5, 24px);margin:0;padding:0;list-style:none}
.bws-race:before{content:'';position:absolute;top:36px;left:36px;right:36px;height:1px;background:linear-gradient(90deg,#615234,#ffd34f,#615234)}
.bws-race li{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--muck-space-2, 8px);width:72px}
.bws-race img{width:72px;height:72px;border-radius:50%;border:2px solid #615234;object-fit:cover;background:#0a0a09}
.bws-race li:last-child img{border-color:#ffd34f}
.bws-race span{color:#eee9dc;font-size:12px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap}

/* 3: the prize */
.bws-art--win{flex-direction:column;background:radial-gradient(ellipse at 50% 50%,#ffd34f26,transparent 62%),#0a0a09}
.bws-art--win small{color:#aaa79d;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bws-art--win b{margin:4px 0 6px;color:#ffd34f;font-size:64px;font-weight:800;line-height:1;letter-spacing:-.03em}
.bws-art--win span{color:#eee9dc;font-size:14px;font-weight:600}

@media(max-width:900px){
  .bws-steps{grid-template-columns:1fr}
  .bws-art{height:190px}
}
/* small phones: the three faces smaller and a little lower, clear of the card's edges and its number (339px, 2026-11-02) */
@media(max-width:480px){
  .bws-art--race{padding-top:var(--muck-space-6, 32px)}
  .bws-race{gap:var(--muck-space-3, 12px)}
  .bws-race li{width:64px}
  .bws-race img{width:56px;height:56px}
  .bws-race:before{top:28px;left:28px;right:28px}
  .bws-race span{font-size:11px}
}
