.public-privacy-note.public-private-spray{display:block;background:var(--ui-surface,#fff);border-color:var(--ui-border,#cfdae5);color:var(--ui-text,#172b43)}
.public-private-spray__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.public-private-spray__head strong{font-size:20px}
.public-private-spray .ui-button{white-space:nowrap}
.public-private-spray svg{display:block;width:min(100%,600px);height:auto;margin:16px auto}
.public-private-spray p{color:var(--ui-text-secondary,#52657b);line-height:1.6}
/* Canonical dashboard field */
.public-private-spray .venue-backdrop{ fill: #101923; }
.public-private-spray .field-foul-zone{ fill: #182632; stroke: rgba(237,244,249,.12); stroke-width: 2; }
.public-private-spray .field-beyond-zone{ fill: #28333d; stroke: #b58b4a; stroke-width: 2; stroke-dasharray: 7 7; }
.public-private-spray .field-outfield{ stroke: #1f2117; stroke-width: 18; stroke-linejoin: round; }
.public-private-spray .field-warning-track{ fill: none; stroke: #b8853f; stroke-width: 17; opacity: .98; }
.public-private-spray .field-mow{ fill: none; stroke: rgba(214,255,201,.18); stroke-width: 28; }
.public-private-spray .field-infield{ fill: #4c9a58; stroke: #d9c77f; stroke-width: 3; }
.public-private-spray .field-dirt{ fill: #d8a84a; stroke: #7b5425; stroke-width: 3; }
.public-private-spray .field-line{ fill: none; stroke: #fff5cb; stroke-width: 4; }
.public-private-spray .field-mound{ fill: #d9b06c; stroke: #f6dd9d; stroke-width: 2; }
.public-private-spray .field-base,.public-private-spray .field-home{ fill: #fff6dc; stroke: #825d30; stroke-width: 2; }
.public-private-spray .field-distance{ fill: rgba(247,248,250,.76); font: 700 14px var(--ui-mono); letter-spacing: .5px; }
.public-private-spray .field-area-labels{ fill: rgba(247,248,250,.64); font: 700 13px var(--ui-font); letter-spacing: .05em; }
.public-private-spray .spray-marker{ stroke: var(--ui-surface-raised); stroke-width: 2.4; filter: drop-shadow(0 1px 2px rgba(0,0,0,.46)); transition: opacity .18s ease, transform .18s ease; }
.public-private-spray .spray-marker.is-hit{ fill: #53b1ff; }
.public-private-spray .spray-marker.is-hr{ fill: #f5c451; }
.public-private-spray .spray-marker.is-out{ fill: #9ba7b9; }
.public-private-spray .spray-marker.is-onbase{ fill: #a682ff; }
.public-private-spray .spray-marker.is-error{ fill: #ff7e8c; }
.public-private-spray .spray-marker.is-current{ fill: #fff; stroke: var(--ui-primary); stroke-width: 4; }