/* A compact, horizontal scoreboard inspired by a televised pool lower-third.
   It contains live text and real player assets, never text baked into images. */
.bc-bar{container-type:inline-size;width:100%;color:var(--bt-text,#f5f5f2);font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;filter:drop-shadow(0 6px 14px #0005);--bc-bar-scale:1}
.bc-bar *{box-sizing:border-box}
.bc-bar-main{display:grid;grid-template-columns:minmax(0,1fr) 7% 14% 7% minmax(0,1fr);align-items:center;min-height:calc(80px * var(--bc-bar-scale));padding:calc(10px * var(--bc-bar-scale)) 2.2%;background:linear-gradient(180deg,var(--bt-panel,#212522),var(--bt-panel-2,#090d0a));border-top:1px solid color-mix(in srgb,var(--bt-text,#fff) 10%,transparent);border-bottom:2px solid var(--bt-accent,#d8bd82);gap:1%;border-radius:2px;position:relative}
.bc-bar-player{display:flex;align-items:center;gap:calc(12px * var(--bc-bar-scale));min-width:0;padding-inline:0 5%}
.bc-bar-player-b{flex-direction:row-reverse;text-align:end;padding-inline:5% 0}
.bc-bar-portrait{width:calc(clamp(28px,4.5cqw,64px) * var(--bc-bar-scale));aspect-ratio:1;flex:none;position:relative;display:grid;place-items:center;border:1px solid var(--bt-line,#555);border-radius:50%;background:var(--bt-panel-2,#151b18);color:var(--bt-muted,#b8c8bc);overflow:hidden}
.bc-bar-portrait>span{font-size:calc(clamp(10px,1.4cqw,22px) * var(--bc-bar-scale));font-weight:700;letter-spacing:-.025em}
.bc-bar-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-bar[data-photo-shape="square"] .bc-bar-portrait{border-radius:5px}
.bc-bar-name-wrap{min-width:0;flex:1}
.bc-bar-name-line{display:flex;align-items:center;gap:calc(9px * var(--bc-bar-scale));min-width:0}
.bc-bar-player-b .bc-bar-name-line{justify-content:end}
.bc-bar-name{font-size:calc(clamp(12px,2.45cqw,34px) * var(--bc-bar-scale));line-height:1.08;font-weight:400;letter-spacing:.025em;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;color:var(--bt-text,#f5f5f2)}
.bc-bar-country{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:calc(clamp(14px,2.3cqw,31px) * var(--bc-bar-scale));line-height:1;flex:none;letter-spacing:-.075em}
.bc-bar-cue{display:inline-block;width:calc(clamp(8px,1cqw,15px) * var(--bc-bar-scale));aspect-ratio:1;border-radius:50%;flex:none;background:radial-gradient(circle at 30% 24%,#fff 0 25%,#e5e9e5 48%,#82918b 100%);border:1px solid #f5fffac7;box-shadow:0 1px 3px #0006}
.bc-bar-player.is-active .bc-bar-portrait{border-color:var(--bt-accent,#d8bd82)}
.bc-bar-player.is-winner .bc-bar-name{color:var(--bt-accent,#d8bd82)}
.bc-bar-score{display:block;text-align:center;font-size:calc(clamp(24px,4.2cqw,64px) * var(--bc-bar-scale));font-family:'Arial Narrow',Arial,sans-serif;font-weight:750;line-height:1;color:var(--bt-text,#fff);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.bc-bar-center{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-align:center;align-self:stretch;padding:3px 2%;border-inline:1px solid color-mix(in srgb,var(--bt-text,#fff) 8%,transparent)}
.bc-bar-race{font-size:calc(clamp(8px,1.25cqw,18px) * var(--bc-bar-scale));line-height:1.2;font-weight:400;letter-spacing:.055em;white-space:nowrap;color:var(--bt-text,#fff)}
.bc-bar-race>b{font-weight:500}
.bc-bar-match-clock{font-size:calc(clamp(10px,1.35cqw,20px) * var(--bc-bar-scale));line-height:1.1;color:var(--bt-muted,#bec2bb);font-variant-numeric:tabular-nums;letter-spacing:.015em}
.bc-bar-shot-clock{display:inline-flex;align-items:baseline;gap:4px;font-size:calc(clamp(9px,1.1cqw,17px) * var(--bc-bar-scale));font-variant-numeric:tabular-nums;color:var(--bt-accent,#d8bd82);line-height:1.1}
.bc-bar-shot-clock>small{font-size:.55em;letter-spacing:.09em;color:inherit}
.bc-bar-frame-points{font-size:calc(clamp(8px,1cqw,16px) * var(--bc-bar-scale));font-variant-numeric:tabular-nums;color:var(--bt-accent,#d8bd82);white-space:nowrap}
.bc-bar-frame-points small{font-size:.7em;color:inherit}
.bc-bar-group{display:flex;gap:3px;margin-top:6px;align-items:center;line-height:1;width:max-content}
.bc-bar-player-b .bc-bar-group{margin-inline-start:auto}
.bc-bar-group i{display:block;width:calc(clamp(5px,.55cqw,9px) * var(--bc-bar-scale));aspect-ratio:1;border-radius:50%;border:1px solid #ffffff40;box-shadow:inset -2px -2px 3px #0004}
.bc-bar-group-red i{background:radial-gradient(circle at 30% 20%,#f98a8a,#cb2438 55%)}
.bc-bar-group-yellow i{background:radial-gradient(circle at 30% 20%,#fff8aa,#e5c027 55%)}
.bc-bar-group-solid i{background:radial-gradient(circle at 30% 20%,#8ab1fa,#3265b6 55%)}
.bc-bar-group-stripe i{background:linear-gradient(#f4f1df 20%,#3777c7 21% 70%,#f4f1df 71%)}
.bc-bar-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-height:26px;padding:7px 2.2%;background:color-mix(in srgb,var(--bt-panel-2,#111a14) 94%,transparent);color:var(--bt-muted,#bdc8c0);border-bottom:1px solid color-mix(in srgb,var(--bt-accent,#d8bd82) 26%,transparent);font-size:calc(clamp(7px,.8cqw,12px) * var(--bc-bar-scale));line-height:1.35;letter-spacing:.04em}
.bc-custom-brand{display:inline-flex;align-items:center;gap:7px;flex:none;max-width:40%;font-weight:650;color:var(--bt-text,#f6f4eb);letter-spacing:.04em;font-family:Arial,sans-serif}
.bc-custom-brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-custom-brand>img{width:auto;height:18px;max-width:80px;object-fit:contain}
.bc-bar-event{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:30px}
.bc-bar-stage{flex:none;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-bar-sponsor{width:100%;text-align:center;font-size:.9em;opacity:.9}
.bc-overlay-output[data-bar-position="top"]{inset-block-start:3%;inset-block-end:auto}
.bc-overlay-output:has(.bc-bar){inset-inline:3%;max-width:1780px;margin-inline:auto}
.bc-preview-score:has(.bc-bar){padding-inline:12px}
.bc-preview[data-bar-position="top"] .bc-preview-score{order:-1;margin-top:52px;margin-bottom:0}
.bc-preview[data-bar-position="top"] .bc-preview-field{flex:1}
.bc-preview-brand{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:26px;font-weight:650;letter-spacing:.035em}
.bc-preview-brand>img{width:76px;height:76px;object-fit:contain}
.bc-tv-brand-identity{display:inline-flex;align-items:center;gap:12px}
.bc-tv-brand-identity>img{width:44px;height:44px;object-fit:contain}
.bc-ticker-brand>span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-ticker-brand>img{width:32px;height:32px;object-fit:contain}
.bc-tv-featured:has(.bc-bar){max-width:1780px}
.bc-tv-featured .bc-bar-main{min-height:calc(100px * var(--bc-bar-scale))}
.bc-tv-featured .bc-bar-meta{min-height:36px}
.thumb-bar{gap:4px!important;border-radius:0!important}
.thumb-bar b{font-family:'Arial Narrow',Arial,sans-serif;font-size:12px}
.thumb-bar i{height:5px!important;width:24px!important}
.bc-custom-settings{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}
.bc-custom-settings h3{font-size:13px;margin:0 0 14px;line-height:1.4;letter-spacing:.015em;color:var(--text)}
.bc-custom-settings>label{display:block;margin-bottom:14px}
.bc-image-field{margin:14px 0 18px}
.bc-image-field>label{display:block;font-size:11px;color:var(--muted)}
.bc-image-field input[type=text]{margin-top:5px}
.bc-image-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.bc-settings .bc-file-button{position:relative;display:inline-flex;margin:0;cursor:pointer;overflow:hidden;font-size:10px}
.bc-file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;margin:0}
.bc-file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.bc-file-button:has(input:disabled){opacity:.5;cursor:wait}
.bc-upload-status{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 0 0}
.bc-upload-status:empty{display:none}
.bc-custom-options{border-top:1px solid var(--line);padding-top:14px}
.bc-custom-options summary{font-size:12px;color:var(--text);font-weight:600;min-height:32px}
.bc-visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.bc-visibility-grid .bc-checkbox{font-size:10px;align-items:start;line-height:1.4}
.bc-visibility-grid .bc-checkbox input{margin-top:1px}
.bc-custom-options input[type=range]{padding:0;width:100%;accent-color:var(--accent)}
.bc-custom-options output{float:right;color:var(--text);font-variant-numeric:tabular-nums}
.bc-custom-match{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}
.bc-custom-match>label{display:block}
.bc-custom-help{font-size:10px;line-height:1.6;color:var(--muted);margin:9px 0 16px}
.bc-custom-players{display:grid;gap:15px;margin-top:18px}
.bc-custom-player{border:1px solid var(--line);border-radius:10px;padding:13px;min-width:0;background:color-mix(in srgb,var(--surface) 50%,transparent)}
.bc-custom-player h3{display:flex;align-items:center;gap:9px;font-size:12px;overflow-wrap:anywhere}
.bc-custom-player h3>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;font-size:9px;flex:none;color:var(--accent)}
.bc-custom-player .bc-image-field{margin-top:8px;margin-bottom:12px}
.bc-custom-player>label{display:block;font-size:10px;color:var(--muted)}
.bc-custom-player input[name^="customCountry"]{text-transform:uppercase}
#bc-custom-match-panel>.form-grid{margin-top:14px}
.bc-custom-image[hidden],.bc-player-photo[hidden]{display:none!important}
.bc-custom-portrait{position:relative;overflow:hidden;flex:none;isolation:isolate}
.bc-custom-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-custom-portrait[data-photo-shape="square"]{border-radius:5px;clip-path:none}
.bc-custom-portrait[data-photo-shape="circle"]{border-radius:50%;clip-path:none}
.bc-themed-score .bc-avatar.bc-custom-portrait{display:grid!important;width:clamp(24px,4cqw,64px);height:clamp(24px,4cqw,64px)}
.bc-original-avatar.bc-custom-portrait{display:grid;place-items:center;overflow:hidden;padding:0;border:2px solid var(--bt-accent,var(--bc-original-accent));width:110%;aspect-ratio:1}
.bc-original-player-info .bc-bar-group{margin:0}
.bc-original-name-wrap .bc-bar-country{font-size:clamp(10px,1.2cqw,19px)}
.bc-original-player-info .bc-bar-cue{width:clamp(7px,1cqw,15px)}
.bc-identity strong>.bc-bar-country,.sn-player-name strong>.bc-bar-country{font-size:.8em;margin-inline-end:.35em;vertical-align:middle}
.bc-identity strong>.bc-bar-cue,.sn-player-name strong>.bc-bar-cue{width:.45em;margin-inline-end:.4em;vertical-align:middle}
.bc-player:last-child .bc-bar-group{margin-inline-start:auto}
.bc-layout-compact .bc-player:last-child .bc-bar-group{margin-inline-start:0}
@media(min-width:1051px){.bc-workspace>section:first-child{position:sticky;top:24px;align-self:start}}
@media(max-width:700px){.bc-bar-main{min-height:calc(60px * var(--bc-bar-scale));padding-inline:2%;grid-template-columns:minmax(0,1fr) 7% 16% 7% minmax(0,1fr);gap:1%}.bc-bar-player{gap:5px;padding-inline:0 2%}.bc-bar-player-b{padding-inline:2% 0}.bc-bar-name-line{gap:4px;flex-wrap:wrap;row-gap:1px}.bc-bar-name{font-size:calc(clamp(10px,2.3cqw,18px) * var(--bc-bar-scale));letter-spacing:0;width:100%}.bc-bar-country{font-size:calc(13px * var(--bc-bar-scale))}.bc-bar-portrait{width:calc(26px * var(--bc-bar-scale))}.bc-bar-meta{gap:5px;padding:6px 2%;font-size:7px}.bc-custom-brand>img{height:13px;max-width:40px}.bc-custom-brand{gap:4px;max-width:43%;font-size:7px}.bc-bar-group{margin-top:4px}.bc-bar-race{font-size:calc(6.5px * var(--bc-bar-scale));letter-spacing:0}.bc-bar-score{font-size:calc(clamp(23px,4.6cqw,34px) * var(--bc-bar-scale))}.bc-bar-center{gap:2px}.bc-bar-match-clock{font-size:calc(10px * var(--bc-bar-scale))}.bc-bar-shot-clock{font-size:calc(8px * var(--bc-bar-scale))}.bc-tv-featured .bc-bar-main{min-height:80px}.bc-preview-brand{font-size:20px}.bc-preview-brand>img{width:50px;height:50px}.bc-visibility-grid .bc-checkbox{font-size:11px}.bc-tv-brand-identity>img{width:34px;height:34px}.bc-ticker-brand>span{max-width:115px}.bc-custom-players{gap:12px}}
@container(max-width:480px){.bc-bar-name{font-size:calc(10px * var(--bc-bar-scale));letter-spacing:0}.bc-bar-portrait{width:calc(24px * var(--bc-bar-scale))}.bc-bar-name-line{gap:3px;flex-wrap:wrap;row-gap:2px}.bc-bar-name{width:100%}.bc-bar-player{gap:5px}.bc-bar-country{font-size:calc(12px * var(--bc-bar-scale))}.bc-bar-race{font-size:calc(7px * var(--bc-bar-scale));letter-spacing:0}.bc-bar-score{font-size:calc(24px * var(--bc-bar-scale))}.bc-bar-meta{gap:5px;font-size:7px}.bc-custom-brand{max-width:45%;font-size:7px}.bc-custom-brand>img{height:12px}.bc-bar-stage{max-width:35%}.bc-bar-shot-clock{font-size:9px}}