.hmb-banner{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%;min-width:0;container-type:inline-size;min-height:0;padding:clamp(20px,4cqi,34px) clamp(12px,4cqi,34px) clamp(20px,3.5cqi,30px);background:radial-gradient(ellipse at 50% 40%,#123c69 0%,#08294e 48%,#041a35 100%);color:#fff;border-radius:6px;text-align:center;font-family:Arial,Helvetica,sans-serif;}
.hmb-banner *{box-sizing:border-box}
.hmb-banner__texture{position:absolute;inset:0;z-index:-1;opacity:.27;background-image:radial-gradient(ellipse at 18% 25%,rgba(72,139,201,.26),transparent 36%),radial-gradient(ellipse at 82% 72%,rgba(28,95,157,.28),transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");}
.hmb-title{position:relative;margin:0 auto clamp(20px,4cqi,34px)!important;padding:0!important;color:#fff!important;background:none!important;border:0!important;text-align:center!important;text-transform:uppercase;font-size:clamp(19px,6cqi,42px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.025em!important;overflow-wrap:anywhere}
.hmb-title:after{content:"";display:block;width:clamp(48px,12cqi,76px);height:4px;margin:clamp(9px,2cqi,16px) auto 0;background:#d7193f;border-radius:3px}
.hmb-match{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,2.5cqi,28px);width:100%;max-width:1000px;margin:0 auto}
.hmb-team{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.5cqi,18px)}
.hmb-flag-wrap{width:clamp(64px,28cqi,190px);height:clamp(64px,28cqi,190px);max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25);}
.hmb-flag{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:50%;}
.hmb-flag-placeholder{color:#0a2a4e;font-size:clamp(20px,6cqi,38px);font-weight:800}
.hmb-team-name{width:100%;max-width:100%;color:#fff;font-size:clamp(13px,5cqi,30px);line-height:1.12;font-weight:800;letter-spacing:.015em;text-transform:uppercase;overflow-wrap:anywhere;hyphens:auto}
.hmb-versus{color:#fff;font-size:clamp(24px,8cqi,56px);font-weight:900;line-height:1;letter-spacing:.02em;text-shadow:0 3px 10px rgba(0,0,0,.25);white-space:nowrap}
/* Fallback pro prohlížeče bez podpory container query jednotek */
@supports not (width:1cqi){.hmb-flag-wrap{width:clamp(64px,16vw,190px);height:clamp(64px,16vw,190px)}.hmb-team-name{font-size:clamp(13px,2.2vw,30px)}.hmb-versus{font-size:clamp(24px,4vw,56px)}}
@container (max-width:420px){.hmb-banner{padding:18px 10px 20px}.hmb-match{gap:5px}.hmb-flag-wrap{width:clamp(58px,25cqi,105px);height:clamp(58px,25cqi,105px)}.hmb-team{gap:8px}.hmb-team-name{font-size:clamp(12px,4.5cqi,18px);letter-spacing:0}.hmb-versus{font-size:clamp(22px,7cqi,32px)}.hmb-title{font-size:clamp(18px,5.5cqi,26px)!important;margin-bottom:20px!important}}
@media(max-width:560px){.hmb-banner{border-radius:8px}}
.hmb-live-banner[hidden]{display:none!important}
.hmb-match--live{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.hmb-score{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.4cqi,14px);min-width:0;color:#fff;font-size:clamp(38px,13cqi,92px);font-weight:900;line-height:1;text-shadow:0 4px 14px rgba(0,0,0,.35);white-space:nowrap}
.hmb-score__separator{color:#d7193f;font-size:.8em}
.hmb-live-label{display:table;margin:clamp(18px,3cqi,26px) auto 0;padding:6px 15px;border-radius:4px;background:#d7193f;color:#fff;font-size:clamp(12px,2.5cqi,16px);font-weight:900;letter-spacing:.12em}
@container (max-width:420px){.hmb-score{font-size:clamp(28px,10cqi,44px);gap:4px}.hmb-match--live{gap:4px}}
.hmb-global-live-wrap{display:block;width:100%;max-width:100%;padding:12px 0;clear:both;box-sizing:border-box;}
.hmb-global-live{width:min(100% - 24px,1200px);margin:0 auto;}

/* Delší informační štítek pod skóre */
.hmb-live-label{display:block;width:max-content;max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.35;letter-spacing:.04em;padding:8px 14px;}
@media(max-width:560px){.hmb-live-label{max-width:96%;font-size:12px;padding:8px 10px;letter-spacing:.015em}}
/* Pohodlné ovládání zápasů v administraci, zejména na dotykových displejích */
.hmb-action-btn{min-height:42px!important;padding:8px 14px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:14px!important;font-weight:700!important;margin:3px 3px 3px 0!important;}
.hmb-finish-btn{background:#b42332!important;border-color:#b42332!important;color:#fff!important}
.hmb-reactivate-btn{background:#16803c!important;border-color:#16803c!important;color:#fff!important}
@media(max-width:782px){.hmb-admin-settings{max-width:100%!important}.hmb-admin-settings input[type=number]{min-height:44px!important;font-size:16px!important}.wp-list-table td{vertical-align:top}.wp-list-table .hmb-action-btn{min-height:46px!important;padding:10px 15px!important;margin:4px 5px 4px 0!important}.wp-list-table td:last-child{min-width:210px}}
