/* Poker Bot Wars, the local mock-up (bot-wars.php). The Promotions family: near-black, ivory, muted gold,
   Georgia headlines (design-skills/muck-ui). Tokens from assets/tokens.css; spacing on the 8/12/16/24/32/48 scale. */
.bw-page{margin:0;background:#0c0c0b;color:#eee9dc;font-family:var(--muck-font)}
.bw{max-width:1180px;margin:0 auto;padding:0 var(--muck-space-6) var(--muck-space-7)}
.bw h1,.bw h2,.bw h3{font-family:Georgia,serif;font-weight:400;color:#eee9dc;margin:0}
.bw em{font-style:italic;color:#ddc58a}

/* hero */
.bw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--muck-space-7);align-items:center;padding:var(--muck-space-7) 0}
.bw-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.02em}
.bw-lede{margin:var(--muck-space-5) 0 0;max-width:520px;font-size:17px;line-height:1.6;color:#c9c2b0}
.bw-facts{display:flex;gap:var(--muck-space-6);margin:var(--muck-space-6) 0 0;padding:0;list-style:none}
.bw-facts li{display:flex;flex-direction:column;gap:var(--muck-space-1)}
.bw-facts b{font-family:Georgia,serif;font-weight:400;font-size:22px;color:#ddc58a}
.bw-facts span{font-size:13px;color:#aaa79d}
.bw-actions{display:flex;gap:var(--muck-space-3);margin-top:var(--muck-space-6)}
.bw-hero-art{margin:0}
.bw-hero-art img{display:block;width:100%;height:auto;border-radius:var(--muck-radius-card);border:1px solid #615234}

/* sections */
.bw-section{padding:var(--muck-space-7) 0;border-top:1px solid #2a2720}
.bw-head{margin-bottom:var(--muck-space-6)}
.bw-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1}
.bw-head p{margin:var(--muck-space-3) 0 0;max-width:620px;font-size:16px;line-height:1.6;color:#aaa79d}

/* builder */
.bw-builder{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--muck-space-7);align-items:start}
.bw-knobs{display:grid;grid-template-columns:1fr 1fr;gap:var(--muck-space-6) var(--muck-space-6)}
.bw-knob{margin:0;padding:0;border:0;min-width:0}
.bw-knob .mk-label{display:block;margin-bottom:var(--muck-space-3);padding:0;color:#eee9dc}   /* padding 0: a legend's own inset would push it in */
.bw-knob input[type=range]{width:100%;margin:0;accent-color:#ddc58a;height:24px}
.bw-ends{display:flex;justify-content:space-between;gap:var(--muck-space-3);margin-top:var(--muck-space-1);font-size:12px;color:#8f8b80}
.bw-seg{display:flex;gap:var(--muck-space-2);flex-wrap:nowrap}   /* one row (Shaun, 2026-10-29) */
.bw-seg label{cursor:pointer}
.bw-seg input{position:absolute;opacity:0;pointer-events:none}
.bw-seg span{display:inline-flex;align-items:center;white-space:nowrap;min-height:44px;padding:0 var(--muck-space-3);font-size:13px;border:1px solid #3a372e;border-radius:var(--muck-radius-btn);color:#c9c2b0;box-sizing:border-box}
.bw-seg input:checked + span{border-color:#ddc58a;color:#eee9dc;background:#1b1912}
.bw-seg input:focus-visible + span{outline:2px solid #ddc58a;outline-offset:2px}
.bw-faces{display:flex;gap:var(--muck-space-3)}
.bw-faces label{cursor:pointer}
.bw-faces input{position:absolute;opacity:0;pointer-events:none}
.bw-faces img{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid transparent}
.bw-faces input:checked + img{border-color:#ddc58a}
.bw-faces input:focus-visible + img{outline:2px solid #ddc58a;outline-offset:2px}

/* the live bot card */
.bw-card{position:sticky;top:96px;padding:var(--muck-space-5);border:1px solid #615234;border-radius:var(--muck-radius-card);background:linear-gradient(160deg,#1b1a15,#0f0f0d 60%)}
.bw-card-top{display:flex;gap:var(--muck-space-4);align-items:center}
.bw-card-top img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #ddc58a}
.bw-card-top b{display:block;font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.15;color:#eee9dc;overflow-wrap:anywhere}
.bw-card-top span{display:block;margin-top:var(--muck-space-1);font-size:13px;color:#ddc58a}
.bw-stats{margin:var(--muck-space-5) 0 0;display:grid;gap:var(--muck-space-3)}
.bw-stats div{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:var(--muck-space-3)}
.bw-stats dt{font-size:13px;color:#aaa79d}
.bw-stats dd{margin:0;position:relative;height:20px;display:flex;align-items:center;gap:var(--muck-space-2)}
.bw-stats dd span{display:block;height:6px;border-radius:3px;background:#ddc58a;min-width:4px;max-width:calc(100% - 56px)}
.bw-stats dd em{font-style:normal;font-size:12px;color:#8f8b80}
.bw-scout{display:flex;gap:var(--muck-space-3);align-items:flex-start;margin:var(--muck-space-5) 0;padding:var(--muck-space-4);border-radius:var(--muck-radius);background:#141310;border:1px solid #2a2720}
.bw-scout img{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover}
.bw-scout p{margin:0;font-size:14px;line-height:1.5;color:#c9c2b0}
.bw-scout b{display:block;margin-bottom:var(--muck-space-1);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ddc58a}
.bw-card .mk-btn[disabled]{opacity:.55;cursor:not-allowed}

/* the race */
.bw-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--muck-space-5);margin:0;padding:0;list-style:none;counter-reset:none}
.bw-stage{position:relative;padding:var(--muck-space-5);border:1px solid #2a2720;border-radius:var(--muck-radius-card);background:#121210}
.bw-stage + .bw-stage::before{content:"";position:absolute;left:calc(-1 * var(--muck-space-5));top:72px;width:var(--muck-space-5);height:1px;background:#615234}
.bw-stage-n{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#aaa79d}
.bw-stage img{display:block;width:88px;height:88px;margin:var(--muck-space-4) 0;border-radius:50%;object-fit:cover;border:2px solid #615234}
.bw-stage:last-child img{border-color:#ddc58a}
.bw-stage h3{font-size:26px}
.bw-stage-field{display:inline-block;margin-top:var(--muck-space-2);font-size:13px;color:#ddc58a}
.bw-stage p{margin:var(--muck-space-3) 0 0;font-size:15px;line-height:1.6;color:#aaa79d}

/* prizes and standings */
.bw-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--muck-space-7)}
.bw-prizes,.bw-board{margin:0;padding:0;list-style:none}
.bw-prizes li{display:flex;align-items:baseline;justify-content:space-between;padding:var(--muck-space-4) 0;border-bottom:1px solid #2a2720}
.bw-prizes li:first-child{border-top:1px solid #2a2720}
.bw-prizes span{font-size:15px;color:#aaa79d}
.bw-prizes b{font-family:Georgia,serif;font-weight:400;font-size:26px;color:#ddc58a}
.bw-board li{display:grid;grid-template-columns:24px 36px 1fr auto;align-items:center;gap:var(--muck-space-3);padding:var(--muck-space-3) 0;border-bottom:1px solid #2a2720}
.bw-board li:first-child{border-top:1px solid #2a2720}
.bw-rank{font-family:Georgia,serif;font-size:18px;color:#ddc58a;text-align:center}
.bw-board img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.bw-bot b{display:block;font-size:15px;color:#eee9dc}
.bw-bot small,.bw-score small{display:block;font-size:12px;color:#8f8b80}
.bw-score{text-align:right;font-size:16px;color:#eee9dc;font-variant-numeric:tabular-nums}

/* fair */
.bw-fair{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--muck-space-5);margin:0;padding:0;list-style:none}
.bw-fair li{font-size:14px;line-height:1.6;color:#aaa79d}
.bw-fair b{display:block;margin-bottom:var(--muck-space-2);font-size:16px;color:#eee9dc}
.bw-fine{margin:var(--muck-space-6) 0 0;font-size:12px;line-height:1.6;color:#7c796f}

@media(max-width:1000px){
 .bw-hero,.bw-builder,.bw-split{grid-template-columns:1fr;gap:var(--muck-space-6)}
 .bw-card{position:static}
 .bw-stages{grid-template-columns:1fr}
 .bw-stage + .bw-stage::before{left:44px;top:calc(-1 * var(--muck-space-5));width:1px;height:var(--muck-space-5)}
 .bw-fair{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .bw{padding:0 var(--muck-space-4) var(--muck-space-6)}
 .bw-hero{padding:var(--muck-space-6) 0}
 .bw-facts{gap:var(--muck-space-5)}
 .bw-actions{flex-direction:column}
 .bw-actions .mk-btn{width:100%;box-sizing:border-box}
 .bw-knobs{grid-template-columns:1fr}
 .bw-fair{grid-template-columns:1fr}
}