/* PENÁLTIS (scene 'penalties') — the scoreboard's grid; kicks as flat marks */

/* title where the clock is (same face/size/spacing as the scoreboard's labels) */
.scene-penalties .pe-bl { overflow: hidden; }
.scene-penalties .pe-title { position: relative; text-align: center; line-height: 1.12; padding-top: .22em; color: #fff; letter-spacing: 6px; white-space: nowrap; }
.scene-penalties .pe-probe { display: inline-block; width: 0; height: 0; vertical-align: baseline; }
.scene-penalties .pe-small { display: flex; align-items: center; justify-content: center; font-size: 30px; letter-spacing: .2em; color: rgba(255,255,255,.65); white-space: nowrap; }
.scene-penalties .pe-small > span { display: inline-block; }
/* decided: the winner line comes up to full white (orange would sink into the stripes behind it) */
.scene-penalties .pe-status.win { color: #fff; }

/* shoot-out score where the goals are */
.scene-penalties .pe-svg { position: absolute; left: 0; top: 0; overflow: visible; }
.scene-penalties .pe-score { fill: #fff; transform-box: fill-box; transform-origin: center; }

/* kick marks: ● golo · ✕ falhado · ○ por marcar (next one brighter) */
.scene-penalties .pe-k { box-sizing: border-box; border-radius: 50%; }
.scene-penalties .pe-k.g { background: #fff; }
.scene-penalties .pe-k.e { border: 3px solid rgba(255,255,255,.3); }
.scene-penalties .pe-k.n { border: 4px solid #fff; }
.scene-penalties .pe-k.x { border-radius: 0; }
.scene-penalties .pe-k.x::before, .scene-penalties .pe-k.x::after { content: ''; position: absolute; left: 50%; top: 50%; width: 46px; height: 7px; margin: -3.5px 0 0 -23px;
  background: rgba(255,255,255,.85); transform: rotate(45deg); }
.scene-penalties .pe-k.x::after { transform: rotate(-45deg); }
.scene-penalties .pe-more { display: flex; align-items: center; justify-content: flex-end; font-size: 34px; line-height: 1; color: rgba(255,255,255,.55); }