.pen-broadcast[hidden], #penaltisCard[hidden] { display:none !important; }
.pen-broadcast { background:rgba(9,22,15,.96); color:#fff; padding:10px 16px; border-bottom:3px solid var(--brand-yellow,#facc15); border-radius:0 0 10px 10px; font-family:'Montserrat',sans-serif; }
.pen-title { color:var(--brand-yellow,#facc15); font-size:12px; font-weight:800; letter-spacing:3px; margin-bottom:6px; }
.pen-row { display:flex; align-items:center; gap:10px; margin:5px 0; }
.pen-name { width:80px; flex-shrink:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; }
.pen-score { font-size:24px; min-width:28px; text-align:center; }
.pen-dots { display:flex; flex-wrap:wrap; gap:5px; max-width:295px; }
.pen-dot { display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:50%; font-size:18px; font-weight:800; }
.pen-dot.converted { background:#166534; color:#fff; }
.pen-dot.missed { background:#b91c1c; color:#fff; }
.pen-dot.pending { border:1px solid #94a3b8; color:#cbd5e1; }
.pen-row small { font-size:11px; white-space:nowrap; margin-left:auto; }
#penaltisCard .pen-team { border-top:1px solid #64748b; padding-top:12px; margin-top:16px; }
#penaltisCard .pen-inputs { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; margin-top:12px; }
#penTotal { width:100%; box-sizing:border-box; background:#111; color:#fff; border:1px solid #555; border-radius:8px; padding:8px 12px; font:inherit; }
#penaltisCard .pen-inputs label { margin:0; font-size:12px; }
#penaltisCard .pen-inputs select { width:100%; margin-top:4px; }
#penaltisCard p { font-size:13px; line-height:1.6; }
#penaltisCard h3 { margin:0; }