/* Nakładka wyniku — wspólna dla panelu skauta i strony widza (skaluje się z szerokością sceny) */
.scena-nakladki { position: relative; container-type: inline-size; overflow: hidden; }

.sb { position: absolute; z-index: 2; left: 2.5cqw; top: 2.5cqw; display: grid; grid-template-columns: auto auto; align-items: start; column-gap: .22em; row-gap: .5em; font-family: Figtree, system-ui, sans-serif; font-weight: 800; font-size: clamp(9px, 1.75cqw, 38px); line-height: 1; filter: drop-shadow(0 .2em .5em rgba(0,0,0,.4)); pointer-events: none; color: #0b1a2e; }
.sb .logo { grid-row: 1; align-self: stretch; width: 6.6em; min-height: 4.02em; background: #fff; display: grid; place-items: center; padding: 0 .35em; border-radius: .12em; }
.sb .logo img { width: 100%; display: block; }
.sb .rows { grid-row: 1; grid-column: 2; display: flex; flex-direction: column; gap: .22em; }
.sb .r { display: flex; align-items: stretch; height: 1.9em; position: relative; transition: transform .5s; }
.sb .kol { width: 1.35em; background: #fff; display: grid; place-items: center; border-radius: .12em 0 0 .12em; }
.sb .kol i { width: .95em; height: .95em; border-radius: .1em; box-shadow: inset 0 0 0 .07em rgba(0,0,0,.35); }
.sb .nm { width: 9.7em; background: #eef1f5; color: #0b1a2e; padding: 0 .4em; white-space: nowrap; overflow: hidden; line-height: 1.9em; text-transform: uppercase; letter-spacing: .01em; }
.sb .st { width: 1.55em; background: #0b2a4a; color: #fff; display: grid; place-items: center; }
.sb .pt { width: 2.15em; background: #008DD2; color: #fff; display: grid; place-items: center; font-size: 1.08em; border-radius: 0 .12em .12em 0; }
.sb .srv::after { content: ""; position: absolute; right: -.75em; top: 50%; width: .5em; height: .5em; margin-top: -.25em; border-radius: 50%; background: #fff; box-shadow: 0 0 .3em rgba(0,0,0,.5); }
.sb-pv { grid-row: 2; grid-column: 2; font-family: Figtree, system-ui, sans-serif; font-weight: 800; font-size: clamp(8px, 1.05cqw, 24px); pointer-events: none; }
.sb-pv[hidden] { display: none; }
.sb-pv span { background: rgba(11,42,74,.88); color: #fff; padding: .3em .55em; border-radius: .2em; }

/* pasek przerwy: pole „PRZERWA” + napis sponsora + duże logo SumerNet */
.brk { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 21%; display: flex; transform: translateY(105%); transition: transform .7s cubic-bezier(.2,.8,.2,1); font-family: Figtree, system-ui, sans-serif; font-weight: 800; pointer-events: none; }
.brk .lab { background: #008DD2; color: #fff; display: grid; place-items: center; padding: 0 3cqw; font-size: clamp(10px, 2.6cqw, 56px); letter-spacing: .06em; }
.brk .sp { flex: 1; min-width: 0; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 2cqw; padding: 0 2.5cqw; }
.brk .sp__txt { flex: 1; min-width: 0; color: #0b1a2e; font-weight: 800; font-size: clamp(9px, 2cqw, 44px); line-height: 1.2; }
.brk .sp__txt span { display: block; }
.brk .sp__txt span + span { font-size: .9em; }
.brk .sp__logo { height: 70%; width: auto; max-width: 45%; flex: none; display: block; }

/* przełączniki skauta (klasy na #scena) */
.scena-nakladki.brk-on .brk { transform: translateY(0); }
.scena-nakladki.off-pts :is(.st, .pt, .sb-pv) { display: none; }
.scena-nakladki.off-pts .srv::after { display: none; }
.scena-nakladki.off-pts .nm { border-radius: 0 .12em .12em 0; }
.scena-nakladki.off-nm .nm { display: none; }
.scena-nakladki.off-pts.off-nm .rows { display: none; }


/* koniec meczu: tablica z podsumowaniem, potem tabela grupy; pasek wyniku schowany */
.scena-nakladki{container-type:inline-size}
.kon-on .sb{display:none}
.tb{position:absolute;z-index:3;left:50%;top:5%;transform:translateX(-50%);width:min(80%,860px);max-height:72%;overflow:hidden;box-sizing:border-box;
  padding:1.4cqw 2cqw;border-radius:1.2cqw;background:rgba(11,27,51,.92);color:#fff;font-size:clamp(10px,2.1cqw,22px);line-height:1.3;box-shadow:0 .6cqw 2.4cqw rgba(0,0,0,.45)}
.tb[hidden]{display:none}
.tb__tyt{font-weight:800;font-size:1.25em;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.04em}
.tb__druz{display:flex;align-items:center;gap:.6em;padding:.25em 0;font-size:1.3em}
.tb__druz i{width:.9em;height:.9em;border-radius:.15em;border:1px solid rgba(255,255,255,.6);flex:none}
.tb__nm{flex:1;font-weight:700}
.tb__wyn{min-width:1.6em;text-align:center;background:#0d2c6b;border-radius:.2em}
.tb__set{min-width:1.6em;text-align:center;opacity:.85}
.tb__kto{margin:.6em 0 0;font-weight:700;color:#5CC8FF}
.tb .tabela{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tb .tabela th,.tb .tabela td{padding:.2em .4em;border-bottom:1px solid rgba(255,255,255,.18);text-align:right}
.tb .tabela .k-nazwa{text-align:left}

/* tabele grup pod obrazem (strony hal) */
.tabele{display:grid;gap:20px;margin-top:20px}
@media (min-width:900px){.tabele{grid-template-columns:1fr 1fr}}
.tabele .tabela{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95rem}
.tabele .tabela caption{text-align:left;font-weight:800;font-size:1.15rem;padding:0 0 8px}
.tabele .tabela th,.tabele .tabela td{padding:6px 8px;border-bottom:1px solid var(--line,#D5D9E0);text-align:right}
.tabele .tabela th{font-size:.85rem;color:var(--muted,#5b6470)}
.tabele .tabela .k-nazwa{text-align:left;font-weight:600}
.tabele .tabela .k-pkt{font-weight:800}
@media (max-width:480px){.tabele .tabela .k-sety,.tabele .tabela .k-male{display:none}}
/* telefon (wąska scena): druga linia tej samej wielkości co pierwsza i może się zawinąć — pasek wyższy, logo węższe; tablica końca meczu nie nachodzi na pasek */
@container (max-width: 560px) {
  .brk { height: 27%; }
  .brk .lab { padding: 0 2cqw; }
  .brk .sp__txt { font-size: clamp(10px, 2.6cqw, 44px); line-height: 1.15; }
  .brk .sp__txt span + span { font-size: 1em; }
  .brk .sp__logo { max-width: 28%; height: 55%; }
  .tb { max-height: 66%; }
}