/* Ballpark — scoped styles (bp-) */
.new-game[data-game=ballpark] .intro-art{background:#f7e3d9}
.bp-pips{display:inline-flex;gap:5px;margin-right:10px;vertical-align:middle}
.bp-pips i{width:8px;height:8px;border-radius:50%;border:1px solid #b9a79c;background:transparent}
.bp-pips i.done{background:#d98b6a;border-color:#c07455}
.bp-pips i.now{border-color:var(--ink);box-shadow:0 0 0 2px #f7e3d9}
.new-game h2.bp-prompt{font-size:24px;margin:4px 0 16px}
.bp-stage{max-width:480px;margin:0 auto;position:relative}
.bp-svg{display:block;width:100%;height:auto;overflow:hidden}
.bp-field{fill:#fbf8f1;stroke:#d8d3c6;stroke-width:1}
.bp-live .bp-field{stroke:#c9b6a8}
.bp-hidden{position:relative}
.bp-hidden .bp-field{fill:#f3efe6;stroke-dasharray:5 5;stroke:#cbc5b6}
.bp-q{font-family:'Fredoka',sans-serif;font-size:54px;fill:#c8bfae;text-anchor:middle}
.bp-hidden-label{position:absolute;left:0;right:0;bottom:16%;font-size:12px;color:var(--muted)}
.bp-small{max-width:300px}
.bp-dot{fill:#3d4843}
.bp-dot.pink{fill:#df7aa0}
.bp-dot.slate{fill:#6f88a6}
.bp-ray{stroke:#2f3833;stroke-width:3.5;stroke-linecap:round}
.bp-vertex{fill:#2f3833}
.bp-arc{fill:none;stroke:var(--teal);stroke-width:2.5}
.bp-jar{fill:#fffefa}
.bp-jar-ink{fill:none;stroke:#333833;stroke-width:2.5;stroke-linejoin:round}
.bp-liquid{fill:#9fd0c0}
.bp-surface{stroke:#4f9e86;stroke-width:2.5}
.bp-seg{stroke:#2f3833;stroke-width:3.5;stroke-linecap:round}
.bp-line-a .bp-seg{stroke:#6f88a6}
.bp-seg-label{font-family:'Fredoka',sans-serif;font-size:15px;fill:var(--muted);text-anchor:middle}
.bp-guess-line{stroke:var(--hot);stroke-width:2.5;stroke-dasharray:7 6;stroke-linecap:round}
.bp-guess-seg .bp-seg{stroke:var(--hot);stroke-width:2.5;stroke-dasharray:7 6}
.bp-timer{max-width:480px;height:6px;margin:12px auto 0;border-radius:6px;background:#eee8dc;overflow:hidden}
.bp-timer i{display:block;height:100%;width:100%;background:#d98b6a;border-radius:6px;transition:width linear;transform-origin:left}
.bp-timer i.go{width:0}
.bp-answer{max-width:440px;margin:18px auto 0}
.bp-readout{display:flex;align-items:center;justify-content:center;gap:14px}
.bp-value{font-family:'Fredoka',sans-serif;font-size:46px;font-weight:500;letter-spacing:-1px;min-width:150px;font-variant-numeric:tabular-nums;line-height:1.2}
.game-page .btn.bp-nudge{min-width:46px;min-height:46px;padding:0;font-size:22px;font-weight:500;border-radius:50%;line-height:1}
.bp-slider{position:relative;padding:20px 16px 24px;margin:6px 0 0;cursor:pointer;touch-action:none;border-radius:14px;user-select:none;-webkit-user-select:none}
.bp-slider:focus-visible{outline:3px solid #5559ad;outline-offset:2px}
.bp-track{position:relative;height:12px;border-radius:12px;background:#ece6da;border:1px solid #d9d1c3}
.bp-fill{position:absolute;left:0;top:0;bottom:0;border-radius:12px;background:#efc1aa}
.bp-thumb{position:absolute;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--paper);border:2px solid #333833;box-shadow:0 2px 0 #252b2818;transition:transform .12s}
.bp-thumb::after{content:'';position:absolute;inset:9px;border-radius:50%;background:#d98b6a}
.bp-slider.dragging .bp-thumb,.bp-slider:active .bp-thumb{transform:scale(1.08)}
.bp-ends{position:relative;height:16px;margin:8px 16px 0;font-size:11px;color:var(--muted)}.bp-ends span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.bp-ends span:first-child{transform:none}.bp-ends span:last-child{transform:translateX(-100%)}.bp-mark{position:absolute;top:100%;width:1px;height:6px;margin-top:3px;background:#c9c0b0}
.bp-touch-hint{font-size:12px;color:var(--muted);margin:10px 0 0}
.game-page .btn.bp-lock{min-width:160px}
.game-page .btn.bp-go{min-width:160px;margin-top:4px}
.bp-legend{display:flex;justify-content:center;gap:12px;margin:16px auto 0;max-width:480px;flex-wrap:wrap}
.bp-legend>div{flex:1 1 0;min-width:88px;border:1px solid #ded8cb;border-radius:12px;padding:9px 6px;background:#fbf8f1}
.bp-legend small{display:block;font-size:11px;color:var(--muted)}
.bp-legend strong{font-family:'Fredoka',sans-serif;font-size:24px;font-weight:500}
.bp-truth{border-color:#bcd6c7!important;background:#eaf3ec!important}
.bp-yours strong{color:#a1395d}
.bp-yours{border-style:dashed!important;border-color:#e3a9bc!important}
.bp-breakdown{list-style:none;padding:0;margin:22px auto 4px;max-width:440px;text-align:left}
.bp-breakdown li{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:'e k s' 'e v s';column-gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #ebe7dd}
.bp-breakdown li:last-child{border-bottom:0}
.bp-b-emoji{grid-area:e;font-size:18px}
.bp-b-kind{grid-area:k;font-size:14px;font-weight:600}
.bp-b-vals{grid-area:v;font-size:12px;color:var(--muted)}
.bp-breakdown strong{grid-area:s;font-family:'Fredoka',sans-serif;font-size:22px;font-weight:500}
@media(max-width:450px){
  .new-game h2.bp-prompt{font-size:21px}
  .bp-value{font-size:38px;min-width:120px}
  .bp-legend{gap:8px}
  .bp-legend>div{min-width:0}
  .bp-legend strong{font-size:20px}
  .bp-small{max-width:220px}
}
@media(prefers-reduced-motion:reduce){.bp-timer i.go{width:100%;opacity:.55}.bp-thumb{transition:none}}