/* Billiardigo lower-third. Relative sizing keeps the same composition in the studio and on a TV. */
.bc-original{--bc-original-accent:#c7f36b;container:bc-original / inline-size;width:100%;max-width:1780px;margin-inline:auto;color:#f8fcf9;font-family:Arial,Helvetica,sans-serif;direction:ltr;isolation:isolate;text-align:center;filter:drop-shadow(0 8px 12px #0005)}
.bc-original *{box-sizing:border-box}
.bc-original-meta{display:flex;justify-content:space-between;align-items:center;padding:0 1.5% 1.4%;font-size:clamp(8px,.9cqw,12px);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#dce9df;gap:10px}
.bc-original-meta>span:first-child{padding:4px 9px;background:#081811c9;border-inline-start:2px solid var(--bc-original-accent);max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-original-live{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:#081811e8;border:1px solid color-mix(in srgb,var(--bc-original-accent) 50%,transparent);border-radius:4px;white-space:nowrap}
.bc-original-live i{width:6px;height:6px;border-radius:50%;background:var(--bc-original-accent);box-shadow:0 0 8px color-mix(in srgb,var(--bc-original-accent) 65%,transparent)}
.bc-original-live.is-complete i{background:#e9eee8;box-shadow:none}
.bc-original-main{position:relative;display:grid;grid-template-columns:6.7% minmax(0,1fr) 6.3% 9% 6.3% minmax(0,1fr) 6.7%;align-items:center;gap:.6%;min-height:76px;height:7cqw;max-height:116px;padding:0 1.2%;}
.bc-original-main::before{content:'';position:absolute;z-index:-1;inset:10% 0;background:linear-gradient(#112b20,#04100a);border-block:1px solid var(--bc-original-accent);clip-path:polygon(1.2% 0,98.8% 0,100% 50%,98.8% 100%,1.2% 100%,0 50%)}
.bc-original-avatar{position:relative;z-index:2;aspect-ratio:1;width:135%;justify-self:center;padding:3px;background:linear-gradient(145deg,var(--bc-original-accent),#295b3f);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.bc-original-avatar span{display:grid;place-items:center;width:100%;aspect-ratio:1;color:#e3f3de;background:linear-gradient(140deg,#244932,#091b12);font-size:clamp(12px,2.5cqw,36px);font-weight:750;letter-spacing:-.06em;clip-path:inherit}
.bc-original-player{height:80%;min-width:0;position:relative;display:flex;align-items:center;gap:2%;padding-inline:13% 4%;background:linear-gradient(#132a20,#06120d);border-block:1px solid color-mix(in srgb,var(--bc-original-accent) 55%,transparent);clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%)}
.bc-original-player-b{padding-inline:4% 13%;flex-direction:row-reverse}
.bc-original-player.is-active{border-bottom:3px solid var(--bc-original-accent);background:linear-gradient(#132a20,#12291b)}
.bc-original-player.is-winner{background:linear-gradient(#223b21,#102111);border-color:var(--bc-original-accent)}
.bc-original-name-wrap{position:relative;flex:1;min-width:0;padding:5px 1px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:5px;}
.bc-original-player-state{font-size:clamp(6px,.62cqw,10px);line-height:1.2;text-transform:uppercase;letter-spacing:.09em;color:#adc4b4;display:block;width:100%;margin-bottom:3px}
.bc-original-player.is-active .bc-original-player-state,.bc-original-player.is-winner .bc-original-player-state{color:var(--bc-original-accent)}
.bc-original-name{min-width:0;max-width:100%;font-size:clamp(10px,1.7cqw,29px);line-height:1.05;font-weight:800;text-transform:uppercase;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.bc-original-country{font-size:clamp(8px,1cqw,16px);line-height:1;flex:none;}
.bc-original-player-info{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:10%;font-size:clamp(6px,.7cqw,11px);line-height:1;font-weight:700;color:#dceadf}
.bc-original-ball{display:block;border-radius:50%;width:clamp(9px,1.35cqw,22px);height:clamp(9px,1.35cqw,22px);border:1px solid #ffffff50;box-shadow:inset -3px -3px 4px #0003}
.bc-original-ball.none{visibility:hidden}
.bc-original-ball.red{background:radial-gradient(circle at 30% 25%,#ffb9c4,#ef304b 50%,#a81a28)}
.bc-original-ball.yellow{background:radial-gradient(circle at 30% 25%,#fffcc5,#ffd940 50%,#b18900)}
.bc-original-ball.white{background:radial-gradient(circle at 30% 25%,#fff,#fff 25%,#d6e1dc 65%,#85988e)}
.bc-original-ext{position:absolute;inset:50% auto auto 4%;transform:translateY(-50%);padding:clamp(2px,.35cqw,6px) clamp(2px,.3cqw,5px);font-size:clamp(6px,.7cqw,11px);font-weight:800;letter-spacing:.03em;color:var(--bc-original-accent);border:1px solid var(--bc-original-accent);border-radius:3px;background:color-mix(in srgb,var(--bc-original-accent) 12%,transparent)}
.bc-original-player-b .bc-original-ext{inset-inline-start:auto;inset-inline-end:4%}
.bc-original-ext.is-used{opacity:.25;border-style:dashed}
.bc-original-score{height:80%;min-width:0;display:grid;place-items:center;background:linear-gradient(#fff,#f0f5f1 50%,#cbd7cc);color:#0b2113;font-size:clamp(24px,3.7cqw,60px);font-weight:850;line-height:1;font-variant-numeric:tabular-nums;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,10% 50%);padding-inline:6% 12%}
.bc-original-score-b{clip-path:polygon(15% 0,100% 0,90% 50%,100% 100%,15% 100%,0 50%);padding-inline:12% 6%}
.bc-original-clock{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;height:100%;background:linear-gradient(#172f22,#06140c);border-block:1px solid var(--bc-original-accent);clip-path:polygon(13% 0,87% 0,100% 20%,93% 83%,84% 100%,16% 100%,7% 83%,0 20%);padding:5px 9%;}
.bc-original-clock-label{display:block;font-size:clamp(5px,.56cqw,10px);font-weight:800;letter-spacing:.08em;line-height:1.1;color:#d5e5da;white-space:nowrap}
.bc-original-clock-value{display:block;color:var(--bc-original-accent);font-size:clamp(20px,2.8cqw,46px);font-weight:850;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.035em}
.bc-original-clock-sub{font-size:clamp(5px,.56cqw,10px);font-weight:700;line-height:1.2;color:#c0d2c6;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bc-original-clock-value .bc-clock-warning{color:#ffd083}
.bc-original-footer{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2cqw,18px);width:74%;min-height:26px;margin:5px auto 0;padding:6px 2%;color:#d6e5da;background:linear-gradient(#142b1e,#07170d);border-block:1px solid color-mix(in srgb,var(--bc-original-accent) 45%,transparent);clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%);font-size:clamp(7px,.83cqw,13px);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}
.bc-original-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-original-footer>span+span{border-inline-start:1px solid var(--bc-original-accent);padding-inline-start:clamp(6px,1.2cqw,18px)}
.bc-original-event{flex:1}
.bc-original-round{max-width:23%}
.bc-original-footer .bc-original-brand{display:flex;align-items:center;gap:5px;flex:none;color:#f1f7ee;text-transform:none;letter-spacing:-.02em;font-weight:800}
.bc-original-brand img{width:clamp(11px,1.4cqw,22px);height:clamp(11px,1.4cqw,22px)}
.bc-original-race{flex:none;color:var(--bc-original-accent)}
.bc-original-sponsor{font-size:clamp(7px,.8cqw,12px);font-weight:600;color:#bcd0c1;text-align:center;max-width:70%;padding:5px 15px;margin:0 auto;background:#06100ae0;border-radius:0 0 5px 5px;overflow-wrap:anywhere}
.bc-overlay-output:has(.bc-original){inset-inline:3%;inset-block-end:3%}
.bc-preview-score:has(.bc-original){padding-inline:12px}
.thumb-original i{width:13px;height:16px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0}
@container bc-original (max-width:680px){
 .bc-original-meta{padding-bottom:10px;font-size:8px;letter-spacing:.04em}
 .bc-original-main{height:72px;min-height:72px;grid-template-columns:7% minmax(0,1fr) 7% 11% 7% minmax(0,1fr) 7%;gap:.3%;padding-inline:.5%}
 .bc-original-avatar{width:140%;padding:2px}
 .bc-original-player{padding-inline:14% 3%}
 .bc-original-player-b{padding-inline:3% 14%}
 .bc-original-name{font-size:clamp(9px,1.85cqw,13px);line-height:1.1}
 .bc-original-name-wrap{column-gap:2px}
 .bc-original-player-state{font-size:6px;margin-bottom:4px;letter-spacing:.02em}
 .bc-original-player-info{gap:2px}
 .bc-original-ext{font-size:5px;padding:3px 1px;inset-inline-start:2%}
 .bc-original-player-b .bc-original-ext{inset-inline-end:2%}
 .bc-original-score{font-size:clamp(22px,4.5cqw,32px)}
 .bc-original-clock-value{font-size:clamp(18px,3.5cqw,24px)}
 .bc-original-clock{gap:4px;padding-inline:5%}
 .bc-original-clock-label,.bc-original-clock-sub{font-size:5px;letter-spacing:0}
 .bc-original-footer{width:92%;margin-top:5px;padding:6px 3%;min-height:25px;font-size:7px;gap:6px}
 .bc-original-footer>span+span{padding-inline-start:6px}
 .bc-original-footer .bc-original-brand{gap:3px}
}
@container bc-original (max-width:400px){
 .bc-original-meta{font-size:7px;padding-bottom:7px}
 .bc-original-main{height:68px;min-height:68px}
 .bc-original-name{font-size:9px}
 .bc-original-player{padding-inline:8% 2%}
 .bc-original-player-b{padding-inline:2% 8%}
 .bc-original-ext{inset:2px auto auto 3%;transform:none;font-size:5px;padding:1px 2px}
 .bc-original-player-b .bc-original-ext{inset-inline-end:3%}
 .bc-original-player-state{font-size:5px;margin-top:4px;letter-spacing:0}
 .bc-original-country{font-size:7px}
 .bc-original-player-info{width:9%}
 .bc-original-ball{width:7px;height:7px}
 .bc-original-runouts,.bc-original-sets{font-size:5px}
 .bc-original-footer{font-size:6px;gap:4px;padding-inline:3%;width:100%}
 .bc-original-footer>span+span{padding-inline-start:4px}
 .bc-original-brand img{width:10px;height:10px}
 .bc-original-race{font-size:5px}
 .bc-original-round{max-width:20%}
}