/* Draft Days points badge.
   One look for every player-points box: the pitch, the player pop-ups and the Player stats leaderboard.
   Markup (DraftPitch.score in pitch-ui.js, and players.js):
     <span class="pitch-points | pl-total"><b>26.5</b><span>PTS</span></span>
   Colour comes from custom properties: lime (default), cyan (your own squad), pink (negative points). */

.pitch-points,.pl-total{
 --pts-ink:#ffffff;--pts-glow:#8fd4ff99;--pts-tabink:#8fc8f5;--pts-num:18px;--pts-lab:8px;
 position:relative;display:inline-flex;align-items:stretch;justify-content:center;box-sizing:border-box;gap:0;padding:0;overflow:hidden;
 border-radius:999px;border:1.5px solid transparent;color:var(--pts-ink);
 /* frosted midnight glass inside a holographic blue-violet-aqua rim */
 background:linear-gradient(180deg,#14376a,#081c3b) padding-box,conic-gradient(from 210deg,#7fe3ff,#b7a3ff,#ffffff,#6fb4ff,#8ff5ee,#b7a3ff,#7fe3ff) border-box;
 box-shadow:0 3px 12px #001320c0,0 0 14px #6fb4ff40,inset 0 1px 0 #ffffff33;
 font-family:'DM Mono',monospace;line-height:1;
}
.pitch-points>b,.pl-total>b{
 flex:1;display:flex;align-items:center;justify-content:center;padding:5px 6px 4px 10px;
 font-size:var(--pts-num);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;
 text-shadow:0 0 10px var(--pts-glow);
}
.pitch-points>span,.pl-total>span{
 display:flex;align-items:center;padding:0 9px 0 7px;margin:5px 0;border-left:1px solid #8fc8f566;
 color:var(--pts-tabink);font-size:var(--pts-lab);font-weight:700;letter-spacing:.14em;
}

/* Negative scores: flat solid pink */
.pitch-points.negative,.pl-total.negative,.lineup-player.squad-highlight .pitch-points.negative{
 --pts-ink:#6b1a2f;--pts-glow:transparent;--pts-tabink:#4a0f20;
 background:#ffc4d0;border-color:#ffe3e9;box-shadow:0 3px 10px #001320b8,inset 0 1px 0 #ffffffaa}
.pitch-points.negative>span,.pl-total.negative>span{border-left-color:#4a0f2055}

/* Pitch (draft room and match centre) */
.pitch-points{--pts-num:22px;--pts-lab:9px;width:max-content;max-width:100%;margin:4px auto 0}
.pitch[data-orientation] .pitch-points{--pts-num:18px;--pts-lab:7px;margin-top:1px;flex-shrink:0}
.pitch[data-orientation] .pitch-points>b{padding:3px 4px 2px 7px}
.pitch[data-orientation] .pitch-points>span{padding:0 6px 0 4px;margin:3px 0}

/* Player pop-ups (pitch tap, bench) */
.player-detail-score .pitch-points{--pts-num:34px;--pts-lab:11px;margin:0;border-radius:999px;max-width:none}
.player-detail-score .pitch-points>b{padding:9px 12px 8px 18px}
.player-detail-score .pitch-points>span{padding:0 14px 0 10px;margin:9px 0}

/* Player stats leaderboard (width is set in players.css so every row lines up) */
.pl-total{--pts-num:18px;--pts-lab:9px;margin:0}
.pl-total>b{padding:5px 5px 4px 9px}

/* Score-change flash on the pitch */
.score-changed .pitch-points{animation:score-pop .7s ease-out}

/* Narrow phones: the pitch cards are ~60px wide, so the pill drops the PTS label */
@media(max-width:520px){
 .pitch[data-orientation=vertical] .pitch-points{--pts-num:16px}
 .pitch[data-orientation=vertical] .pitch-points>b{padding:3px 7px 2px}
 .pitch[data-orientation=vertical] .pitch-points>span{display:none}
}
@media(prefers-reduced-motion:reduce){.score-changed .pitch-points{animation:none}}