.mtch-list{display:flex;flex-direction:column;gap:22px;}

.mtch-card{
  display:block;
  background:linear-gradient(180deg,var(--hp-surface,#171A24),var(--hp-bg-2,#12141C));
  border-radius:var(--hp-radius,14px);
  padding: 0 0 10px;
  text-decoration:none;color:inherit;
  transition:border-color .2s,transform .2s;
}
a.mtch-card:hover{border-color:rgba(244,183,64,.45);transform:translateY(-2px);}

.mtch-card.mtch-locked{cursor:default;}
a.mtch-card.mtch-locked:hover{border-color:var(--hp-border,#242A38);transform:none;}

.mtch-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;margin-bottom:13px;
  border-bottom:1px solid var(--hp-border,#242A38);
}
.mtch-league{color:#8B95A1;}
.mtch-status{white-space:nowrap;border:1px solid transparent;}

.mtch-status[data-s="notstarted"]{color:#8B95A1;background:rgba(124,129,153,.12);border-color:rgba(124,129,153,.3);}
.mtch-status[data-s="soon"]{color:rgb(244 183 64 / 90%);background:rgba(244,183,64,.12);border-color:rgba(244,183,64,.4);}
.mtch-status[data-s="live"]{color:rgba(221,125,135,1);background:rgba(192,57,43,.14);border-color:rgba(192,57,43,.5);}
mtch-status[data-s="live"]::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#e23939;margin-inline-end:6px;vertical-align:middle;
  animation:mtch-pulse 1.2s infinite;
}
.mtch-status[data-s="ended"]{color:#8B95A1;background:rgba(127,209,139,.1);border-color:rgba(127,209,139,.35);}
@keyframes mtch-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

.mtch-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom: 25px;}
.mtch-team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0;}
.mtch-list .mtch-card .mtch-logo,
.mtch-logo{
  border-radius:50%!important;object-fit:contain;
  background:var(--hp-bg,#0E1016);border:1px solid var(--hp-border,#242A38);
  box-sizing:border-box;
}
.mtch-logo-ph{
  width:53px;height:53px;border-radius:50%;
  background:var(--hp-bg,#0E1016);border:1px solid var(--hp-border,#242A38);
  display:flex;align-items:center;justify-content:center;color:var(--hp-muted,#7C8199);font-size:1.6rem;
}
.mtch-name{color:#d8dbe8;font-weight:700;font-size:1.05rem;line-height:1.3;}

.mtch-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px;}
.mtch-time{color:var(--hp-heading,#E7E9F2);font-size:19px;white-space:nowrap;}
.mtch-score[hidden]{display:none;}
.mtch-score{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--hp-accent,#F4B740);font-size:19px;
}
.mtch-score .mtch-s{min-width:1ch;text-align:center;}
.mtch-score .mtch-sep{opacity:.7;}

.mtch-empty{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:300px;
  background:linear-gradient(180deg,var(--hp-surface,#171A24),var(--hp-bg-2,#12141C));
  border:1px solid var(--hp-border,#242A38);border-radius:var(--hp-radius,14px);
  color:var(--hp-muted,#7C8199);font-size:1.15rem;font-weight:500;border-bottom: 3px solid #9aa0b4;
}

@media (max-width:560px){
  .mtch-name{font-size:.92rem;}
  .mtch-center{min-width:72px;}
}

.mtch-card[hidden],
.mtch-empty[hidden],
.mtch-score[hidden]{display:none!important;}

.hp-thumb{margin:0 0 18px;}
.hp-thumb img{width:100%;height:auto;border-radius:10px;display:block;}

.mtch-info{
  background:none;
  border:none;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
}
.mtch-info-head{display: none}
.mtch-info-head{
  padding:14px 22px;
  font-weight:700;color:var(--hp-heading,#E7E9F2);
  background:linear-gradient(180deg,rgba(244,183,64,.12),rgba(244,183,64,.04));
  border-bottom:1px solid var(--hp-border,#242A38);
}
.mtch-info-rows{display:flex;flex-direction:column;}
.mtch-info-row{
  display:flex;align-items:stretch;gap:16px;
  padding:12px 15px;
  border-bottom:1px solid rgba(38,46,58,.5);
}
.mtch-info-row:last-child{border-bottom:0;}
.mtch-info-k{
  flex:0 0 38%;max-width:220px;
  color:#d8dbe8;font-weight:600;font-size:.92rem;
  align-self:stretch;display:flex;align-items:center;
  border-inline-end:1px solid var(--hp-border,#242A38);
  padding-inline-end:16px;
}
.mtch-info-v{
  flex:1;color:#BFC3D4;font-weight:600;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.mtch-info-time{font-variant-numeric:tabular-nums;}
.mtch-info-tz{color:#BFC3D4;font-weight:500;font-size:14.5px;}
.mtch-info .mtch-info-status{font-size:14.5px;}

@media (max-width:560px){
  .mtch-info-k{flex:0 0 42%;padding-inline-end:12px;}
  .mtch-info-head{padding:12px 16px;}

}

.mtch-card:has(.mtch-status[data-s="notstarted"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="notstarted"]) { --s: #8B95A1; }
.mtch-card:has(.mtch-status[data-s="soon"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="soon"])       { --s: #f4b740; }
.mtch-card:has(.mtch-status[data-s="live"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="live"])       { --s: #e23939; }
.mtch-card:has(.mtch-status[data-s="ended"]),
.mtch-tabs-body:has(.mtch-info-status[data-s="ended"])      { --s: #8B95A1; }



body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn[data-tab="stats"],
body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn[data-tab="events"] {position: relative;}

body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn[data-tab="stats"]::before,
body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn[data-tab="events"]::before {content: "";display: inline-block;width: 14px;height: 14px;margin-inline-start: 0px;vertical-align: middle;
  background-color: #e0808a;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="2.5" fill="black" stroke="none"/><path d="M7.8 7.8a6 6 0 0 0 0 8.4M16.2 7.8a6 6 0 0 1 0 8.4"/><path d="M5 5a10 10 0 0 0 0 14M19 5a10 10 0 0 1 0 14"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="2.5" fill="black" stroke="none"/><path d="M7.8 7.8a6 6 0 0 0 0 8.4M16.2 7.8a6 6 0 0 1 0 8.4"/><path d="M5 5a10 10 0 0 0 0 14M19 5a10 10 0 0 1 0 14"/></svg>') no-repeat center / contain;animation: mtch-live-icon 2.4s ease-in-out infinite;}

@keyframes mtch-live-icon {0%, 100% { opacity: 1; } 50%      { opacity: .8; }}

@media (prefers-reduced-motion: reduce) {body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn::after { animation: none; }}


.mtch-card:has(.mtch-status[data-s="notstarted"]) { box-shadow: 0 0 4px rgba(154,160,180,.2); }
.mtch-card:has(.mtch-status[data-s="soon"])       { box-shadow: 0 0 5px rgba(244,183,64,.2); }
.mtch-card:has(.mtch-status[data-s="live"])       { box-shadow: 0 0 5px rgba(192,57,43,.2); }
.mtch-card:has(.mtch-status[data-s="ended"])      { box-shadow: 0 0 4px rgba(154,160,180,.2); }

a.mtch-card:hover { border-color: color-mix(in srgb, var(--s) 45%, transparent); transform: translateY(-3px); }
.mtch-status[data-s]{ background: none; border: none; }
.mtch-list { gap: 0px; }
.mtch-card {
  border-radius: 10px;
  background: rgb(21 26 32 / 95%);border: 1px solid #262E3A;position: relative; overflow: hidden;
}

.mtch-top { padding: 4px 0 6px; margin-bottom: 11px; border-bottom: none; }
.mtch-list .mtch-card .mtch-logo,
.mtch-logo { background: rgba(124,129,153,.05); border: none; padding: 3px; }
.mtch-time { color: #BFC3D4; font-weight: 500; letter-spacing: 0.3px; }
.mtch-name { font-size: 14px; line-height: 1.3; color: #d8dbe8; font-weight: 600;}
.mtch-body { gap: 5px !important; margin-right: 8px; margin-left: 8px; }
.mtch-league { padding: 0 22px; font-size: 13.5px; font-weight: 500; }
.mtch-status { margin: 0 15px; font-size: 13.5px; font-weight: 500; padding: 0; }

.mtch-score {color: #8B95A1;font-family: Readex Pro; font-weight: 500; }
.mtch-empty {
  background: #151a20;
  position: relative; overflow: hidden; min-height: 250px; border-radius: 10px; font-size: 17px;font-weight: 500;box-shadow: 0 0 4px rgba(154, 160, 180, .2);
}


.mtch-info-head { color: #8B95A1; padding: 12px 22px; }
.mtch-info-k { color: #d8dbe8; max-width: 200px; font-weight: 600; font-size: 14.5px; }
.mtch-info-v { color: #BFC3D4; font-weight: 500; font-size: 14.5px; }
.mtch-info-tz { color: #BFC3D4; font-size: 14.5px; }
.mtch-info-time { letter-spacing: .5px;font-size: 16px; }

@media (max-width:768px){
  .mtch-status { font-size: 12.5px; margin: 0 13px; }
  .mtch-league { font-size: 12.5px; padding: 0 20px; }
  .mtch-info .mtch-info-status { font-size: 14px; }
  .mtch-name { font-size: 13.5px; }
  .mtch-time { font-size: 18.5px; }
  .mtch-score { font-size: 18.5px; }
  .mtch-info-k { font-size: 14px; }
  .mtch-info-v { font-size: 14px; }
  .mtch-info-tz {font-size: 14px; }
  .mtch-info-time {font-size: 15px; }
  .mtch-empty { font-size: 16px;min-height: 200px; }
}
@media (max-width:600px){
  .mtch-status { font-size: 12px; margin: 0 12px; }
  .mtch-league { font-size: 12px; padding: 0 15px; }
  .mtch-info-tz {font-size: 13.8px; }
  .mtch-name { font-size: 13px; }
  .mtch-time { font-size: 17.5px; }
  .mtch-score { font-size: 17.5px; }
  .mtch-info-k { font-size: 13.8px; max-width: 130px !important; }
  .mtch-info-v { font-size: 13.8px; }
  .mtch-info-time {font-size: 14.5px; }
  .mtch-empty { font-size: 15px; }
  .mtch-info .mtch-info-status { font-size: 13.8px; }
}
@media (max-width:360px){
  .mtch-status { font-size: 11.5px;margin: 0 10px; }
  .mtch-league { font-size: 11.5px; }
  .mtch-info-tz {font-size: 13px; }
  .mtch-name { font-size: 12px; }
  .mtch-time { font-size: 16px; }
  .mtch-score { font-size: 16px; }
  .mtch-info-k { font-size: 13px; max-width: 100px !important; }
  .mtch-info-v { font-size: 13px; }
  .mtch-info-time {font-size: 13.5px; }
  .mtch-empty { font-size: 14px; }
  .mtch-info .mtch-info-status { font-size: 13px; }
}

.mtch-live-line[hidden],.mtch-score[hidden],.mtch-pen[hidden],
.mtch-statetext[hidden],.mtch-time[hidden]{display:none!important;}

.mtch-live-line{display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr;}
.mtch-minute{color: rgba(221,125,135,1);;font-weight:500;font-size:16px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;}
.mtch-phase{color:#BFC3D4;font-weight:500;font-size:13.5px;}

.mtch-score{display:flex;align-items:center;justify-content:center;gap:8px;}
.mtch-sep{opacity:.7;}

.mtch-pen{display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:13px;color:#8B95A1;margin-top:0px;}
.mtch-pen-label{font-weight:500;}
.mtch-pen-s{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;}

.mtch-statetext{color:#7C8199;font-weight:500;font-size:16px;}

.mtch-tabs{min-width:0;margin-top:3px;margin-bottom:13px;}

.mtch-tabs-nav {
  display:flex;align-items:center;gap:6px;
  margin:0 0 10px;padding:3.5px;
  background:rgb(21 26 32 / 95%);
  border-radius:7px;
  box-shadow: 0 0 2px rgba(187, 151, 76, 0.3);
}

.mtch-tabs-nav{display:flex;overflow-x:auto;
  scrollbar-width:none;-ms-overflow-style:none;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;}
.mtch-tabs-nav::-webkit-scrollbar{width:0;height:0;display:none;}
.mtch-tab-btn{
  flex:1 0 auto;min-width:80px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 23px;border:0;border-radius:5px;
  background:transparent;color:#8B95A1;
  font-family:inherit;font-size:15px;font-weight:600;
  cursor:pointer;transition:background .12s,color .12s;position:relative;
}
.mtch-tab-btn:hover{background:rgba(244,183,64,.10);color:#d8dbe8;}
.mtch-tab-btn.mtch-tab-active{background:rgba(244,183,64,.10);color:#d8dbe8;}


.mtch-tabs-body{padding:0px 0px 5px 0px;margin-top:12px;border-radius: 10px;background-color: rgb(21 26 32 / 60%);overflow:hidden;border: 1px solid #29313E;}

.mtch-tabs-body:has(.mtch-panel-active .mtch-pf),
.mtch-tabs-body:has(.mtch-panel-active .mtch-cm),
.mtch-tabs-body:has(.mtch-panel-active .mtch-lu),
.mtch-tabs-body:has(.mtch-panel-active .mtch-free),
.mtch-tabs-body:has(.mtch-panel-active .mtch-ab){
  background-color:transparent;
  border-color:transparent;
  border-radius:0;
  overflow:visible;
  padding-bottom:0;
}

.mtch-panel{display:none;}
.mtch-panel.mtch-panel-active{display:block;}

.mtch-nodata{text-align:center;padding:90px 20px;color:#8B95A1;font-size:15px;border-radius:8px;}

.mtch-team-brand{display:inline-flex;align-items:center;gap:8px;min-width:0;}
.mtch-team-logo{width:26px;height:26px;object-fit:contain;flex:none;}
.mtch-team-nm{font-weight:600;color:#E7E9F2;font-size:13.5px;unicode-bidi:plaintext;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mtch-stats-head{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 15px;border-bottom:1px solid #262E3A;margin-bottom:6px;background:rgb(21 26 32 / 95%);}
.mtch-stat-team{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.mtch-stat-team-h{flex-direction:row;justify-content:flex-start;}
.mtch-stat-team-a{flex-direction:row-reverse;justify-content:flex-start;}
.mtch-stat-team-logo{width:25px;height:25px;object-fit:contain;flex:0 0 auto;}
.mtch-stat-team-nm{font-weight:600;color:#d8dbe8;font-size:14.5px;unicode-bidi:plaintext;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mtch-stat-row{display:flex;align-items:center;gap:10px;padding:10px 15px;
  border-bottom:1px solid rgba(38,46,58,.5);}
.mtch-stat-row:last-child{border-bottom:none;}
.mtch-stat-v{flex:0 0 46px;text-align:center;color:#d8dbe8;font-weight:500;
  font-variant-numeric:tabular-nums;font-size:16px;}
.mtch-stat-label{flex:1;text-align:center;color:#BFC3D4;font-size:14px;}

.mtch-lu{background:rgb(21 26 32 / 60%);border:1px solid #262E3A;border-radius:10px;
  overflow:hidden;padding:12px 15px;margin:0;}
.mtch-lineups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;}
.mtch-lineup-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-bottom:6px;padding:10px;border-bottom:1px solid #262E3A;background: rgb(21 26 32 / 95%);border-radius: 7px 7px 1px 1px;}

.mtch-lineup-form{flex:0 0 auto;font-size:15px;font-weight:600;color:#8B95A1;
  letter-spacing:.3px;font-variant-numeric:tabular-nums;direction:ltr;}
.mtch-lineup-brand .mtch-team-logo{width:25px;height:25px;}
.mtch-lineup-brand .mtch-team-nm{font-size:14.5px;font-weight:600;;color:#d8dbe8;}
.mtch-lineup-list{list-style:none;margin:0;padding:0;}
.mtch-lineup-list li{display:flex;align-items:center;gap:8px;padding:6px 0;color:#BFC3D4;font-size:15px;border-bottom: 1px solid #262E3A;min-width:0;}
.mtch-pl-num{flex:0 0 30px;box-sizing:border-box;text-align:center;color:#BFC3D4;font-weight:500;font-size:15px;border: 1px solid var(--hp-border);border-radius: 999px;padding: 0px 4px;font-variant-numeric:tabular-nums;}
.mtch-pl-name{flex:1 1 auto;min-width:0;unicode-bidi:isolate;text-align:start;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mtch-pl-pos{flex:0 0 auto;color:#8B95A1;font-size:13px;}


.mtch-subs-label{margin-top:13px;padding:7px 0;color:#c9a84b;font-size:15px;font-weight:600;margin-bottom:6px;border-bottom:1px solid #262E3A;}
.mtch-coach{display:flex;align-items:center;gap:8px;min-width:0;
  margin-top:13px;margin-bottom:10px;color:#c9a84b;font-size:15px;font-weight:600;}

.mtch-coach-ic{flex:0 0 30px;box-sizing:border-box;display:inline-flex;
  align-items:center;justify-content:center;height:30px;
  border:1px solid var(--hp-border);border-radius:999px;color:#c9a84b;}

.mtch-coach-nm{flex:1 1 auto;min-width:0;unicode-bidi:isolate;text-align:start;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8dbe8;}

.mtch-coach-lb{flex:0 0 auto;font-size:15px;}
.mtch-coach{padding:7px 0;border-bottom:1px solid #262E3A;}

.mtch-ab{background:rgb(21 26 32 / 60%);border:1px solid #262E3A;border-radius:10px;
  overflow:hidden;margin:0;}
.mtch-lu + .mtch-ab{margin-top:14px;}
.mtch-ab-head{padding:12px 15px;margin:0;font-weight:700;color:#d8dbe8;font-size:14.5px;
  line-height:1.4;background:rgb(21 26 32 / 95%);border-bottom:1px solid #262E3A;}
.mtch-ab-body{padding:12px 15px;}
.mtch-absent{display:block;}
.mtch-ab-team{margin-bottom:16px;}
.mtch-ab-team:last-child{margin-bottom:0;}
.mtch-ab-club{display:flex;align-items:center;
  margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid #262E3A;background: rgb(21 26 32 / 85%);padding: 10px;border-radius: 7px 7px 1px 1px;}
.mtch-ab-brand .mtch-team-logo{width:25px;height:25px;}
.mtch-ab-brand .mtch-team-nm{font-size:14.5px;font-weight:600;color:#d8dbe8;}
.mtch-ab-list{list-style:none;margin:0;padding:0;}
.mtch-ab-list li{display:flex;align-items:center;gap:8px;padding:6px 0;
  color:#BFC3D4;font-size:15px;border-bottom:1px solid #262E3A;;min-width:0}
.mtch-ab-list li:last-child{border-bottom:none;}

.mtch-ab-list li::before{content:'';flex:0 0 auto;width:9px;height:9px;border-radius:50%;}
.mtch-ab-list li.is-inj::before{background:#E06C6C;}
.mtch-ab-list li.is-ban::before{background:#c9a84b;}

.mtch-ab-nm{flex:1 1 auto;unicode-bidi:isolate;min-width:0;text-align:start;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mtch-ab-why{flex:0 0 auto;font-size:12.5px;color:#8B95A1;
  unicode-bidi:plaintext;}

@media(min-width:834px){
  .mtch-absent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;}
}
@media(max-width:834px){.mtch-lineups{grid-template-columns:minmax(0,1fr);}
.mtch-lineup-brand .mtch-team-logo{width:23px;height:23px;}
.mtch-ab-brand .mtch-team-logo{width:23px;height:23px;}
.mtch-nodata {font-size:14px;}
}

.mtch-events{list-style:none;margin:0;padding:5px 15px;}
.mtch-event{display:flex;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid rgba(38,46,58,.5);}
.mtch-event:last-child{border-bottom:none;}
.mtch-ev-min{flex:0 0 44px;color:#d8dbe8;font-weight:500;font-size:16.5px;
  font-variant-numeric:tabular-nums;text-align:center;direction:ltr;unicode-bidi:isolate;}
.mtch-ev-icon{flex:0 0 24px;text-align:center;}
.mtch-ev-text{flex:0 1 auto;display:flex;flex-direction:column;gap:2px;text-align:start;min-width:0;}
.mtch-ev-player{color:#BFC3D4;font-size:15px;font-weight:500;unicode-bidi:plaintext;}
.mtch-ev-detail{color:#c9a84b;font-size:12px;}

.mtch-ev-sub{display:flex;flex-direction:column;gap:4px;min-width:0;
  justify-content:center;}
.mtch-ev-side{display:flex;align-items:center;gap:7px;min-width:0;}
.mtch-ev-nm{font-size:15px;font-weight:500;unicode-bidi:plaintext;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.mtch-ev-tag{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;
  font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;
  border:1px solid transparent;}
.mtch-ev-arrow{font-size:9px;line-height:1;}

.mtch-ev-in .mtch-ev-tag{color:#3FBF6A;background:rgba(63,191,106,.12);border-color:rgba(63,191,106,.30);}
.mtch-ev-in .mtch-ev-nm{color:#BFC3D4;}

.mtch-ev-out .mtch-ev-tag{color:#E06C6C;background:rgba(224,108,108,.12);border-color:rgba(224,108,108,.28);}
.mtch-ev-out .mtch-ev-nm{color:#8B95A1;}
.mtch-ev-team{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;
  max-width:70px;margin-inline-start:auto;}
.mtch-ev-team-logo{width:30px;height:30px;object-fit:contain;}
.mtch-ev-team-nm{color:#7C8199;font-size:10.5px;text-align:center;
  unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;}
  
.mtch-ev-team-nm{display:none;}

@media (max-width:768px){
  .mtch-tab-btn {font-size:14.5px;}
  .mtch-statetext {font-size:15px;}
  .mtch-phase {font-size:13px;}
  .mtch-minute {font-size:15.5px;}
  .mtch-pen {font-size:12.5px;}
  .mtch-pen-s {font-size:15.5px;}
  .mtch-stat-v{font-size:15.5px;}
  .mtch-ev-min{font-size:16px;}
  .mtch-stat-team-nm {font-size:14px;}
  .mtch-lineup-brand .mtch-team-nm{font-size:14px;}
  .mtch-ab-head {font-size:14px;}
  .mtch-ab-brand .mtch-team-nm{font-size:14px;}
  .mtch-lineup-form {font-size:14.5px;}
  .mtch-stat-label{font-size:13.5px;}
}

@media (max-width:600px){
  .mtch-tab-btn {padding:10px 20px;font-size:14px;}
  .mtch-stat-team-nm {font-size:13.5px;}
  .mtch-stat-label{font-size:13px;}
  .mtch-lineup-brand .mtch-team-nm{font-size:13.5px;}
  .mtch-ab-brand .mtch-team-nm{font-size:13.5px;}
  .mtch-ev-player{font-size:14.5px;}
  .mtch-ev-nm{font-size:14.5px;}
  .mtch-lineup-list li{font-size:14.5px;}
  .mtch-pl-pos{font-size:12px;}
  .mtch-stat-v{font-size:15px;}
  .mtch-tabs-body{margin-top:10px;}
  .mtch-statetext {font-size:14px;}
  .mtch-phase {font-size:12.5px;}
  .mtch-minute {font-size:15px;}
  .mtch-pen {font-size:12px;}
  .mtch-pen-s {font-size:15px;}
  .mtch-tabs{margin-bottom:11px;}
  .mtch-pl-pos{font-size:12.5px;}
  .mtch-stat-team-logo{width:23px;height:23px;}
  .mtch-events{padding:5px 10px;}
  .mtch-ev-min{font-size:15.5px;}
  .mtch-ab-head {font-size:13.5px;}
  .mtch-lineup-form {font-size:14px;}
  .mtch-ev-team-logo{width:25px;height:25px;}
}

@media(max-width:480px){
  .mtch-stats-head {padding:10px 12px;}
  .mtch-stat-row,.mtch-cm-row{padding-inline:12px;}
  .mtch-lu {padding:10px 12px;}
  .mtch-ab-body {padding:10px 12px;}
}

@media (max-width:360px){
  .mtch-tab-btn {padding:9px 15px;font-size:13.5px;}
  .mtch-stat-label{font-size:12.5px;}
  .mtch-ev-player{font-size:14px;}
  .mtch-ev-nm{font-size:14px;}
  .mtch-ev-tag{font-size:10px;padding:2px 6px;}
  .mtch-ev-min{font-size:14.5px;}
  .mtch-lineup-list li{font-size:14px;}
  .mtch-pl-pos{font-size:11.5px;}
  .mtch-pl-num{font-size:14px;}
  .mtch-stat-v{font-size:14px;}
  .mtch-statetext {font-size:13px;}
  .mtch-phase {font-size:12px;}
  .mtch-minute {font-size:14.5px;}
  .mtch-pen {font-size:11.5px;}
  .mtch-pen-s {font-size:14.5px;}
  .mtch-stat-team-nm {font-size:13px;}
  .mtch-lineup-brand .mtch-team-nm{font-size:13px;}
  .mtch-ab-brand .mtch-team-nm{font-size:13px;}
  .mtch-ab-head {font-size:13px;}
  .mtch-lineup-form {font-size:13.5px;}
  .mtch-ev-team-logo{width:22px;height:22px;}
}

.mtch-wrap{width:100%;}

.mtch-header{display:flex;align-items:stretch;width:100%;min-height:55px;margin-bottom:16px;
  position:relative;overflow:visible;background:rgb(21 26 32 / 95%);border-radius:8px;
  border-right:3px solid #9aa0b4;border-left:3px solid #9aa0b4;
  box-shadow:0 0 6px rgba(187,151,76,.2);box-sizing:border-box;}

.mtch-nav{flex:0 0 auto;width:54px;display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:#8B95A1;cursor:pointer;padding:0;line-height:0;
  font-family:inherit;transition:background .15s,color .15s;}
.mtch-nav-prev{border-inline-end:1px solid #262E3A;
  border-start-start-radius:8px;border-end-start-radius:8px;}
.mtch-nav-next{border-inline-start:1px solid #262E3A;
  border-start-end-radius:8px;border-end-end-radius:8px;}
.mtch-nav:hover{background:rgba(244,183,64,.08);color:#F4B740;}
.mtch-nav:disabled{opacity:.28;cursor:default;background:none;color:#8B95A1;}

[dir="rtl"] .mtch-nav svg{transform:scaleX(-1);}

.mtch-today{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center;
  justify-content:center;gap:9px;background:none;border:none;color:#C7CBD6;cursor:pointer;
  padding:6px 10px;font-family:inherit;transition:background .15s;}
@media (hover: hover) and (pointer: fine) {
  .mtch-today:hover{background:rgba(244,183,64,.06);}
}

.mtch-today-ic{flex:0 0 auto;display:flex;line-height:0;color:#c9a84b;}
.mtch-today-txt{font-size:16px;font-weight:700;line-height:1.15;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px;}

.mtch-today.is-today .mtch-today-txt{color:#E7E9F2;}
.mtch-today.is-today .mtch-today-ic{color:#F4B740;}

.mtch-today::after{content:"";position:absolute;bottom:-8px;inset-inline:0;margin:0 auto;
  width:14px;height:8px;z-index:3;background-color:rgb(201 168 75 / 80%);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M0 0 L7 8 L14 0 Z"/></svg>') no-repeat center / contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"><path d="M0 0 L7 8 L14 0 Z"/></svg>') no-repeat center / contain;}

.mtch-cal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;padding:20px;}
.mtch-cal-pop{background:#161B22;border:1px solid #262E3A;border-radius:12px;padding:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.5);width:320px;max-width:100%;}
.mtch-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.mtch-cal-title{color:#E7E9F2;font-weight:700;font-size:16px;}
.mtch-cal-nav{background:rgba(124,129,153,.12);border:1px solid #262E3A;color:#8B95A1;
  width:32px;height:32px;border-radius:7px;cursor:pointer;font-size:18px;line-height:1;}
.mtch-cal-nav:hover{color:#F4B740;}
.mtch-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.mtch-cal-dow{text-align:center;color:#7C8199;font-size:11px;font-weight:600;padding:4px 0;}
.mtch-cal-day{background:none;border:none;color:#C7CBD6;cursor:pointer;padding:10px 0;
  border-radius:6px;font-size:14px;transition:background .12s;}
.mtch-cal-day:hover{background:rgba(244,183,64,.15);color:#F4B740;}
.mtch-cal-day.today{color:#F4B740;font-weight:700;}
.mtch-cal-day.sel{background:#F4B740;color:#0D1117;font-weight:700;}

.mtch-cal-input{position:absolute;inset-inline-start:50%;top:50%;width:1px;height:1px;
  opacity:0;border:0;padding:0;margin:0;pointer-events:none;}

@media(max-width:768px){
  .mtch-header{min-height:54px;}
}

@media(max-width:640px){
  .mtch-cal-pop{width:290px;}
  .mtch-header{margin-bottom:15px;}
}

@media(max-width:600px){
  .mtch-header{min-height:51px;}
  .mtch-nav{width:46px;}
  .mtch-today{gap:7px;padding:6px 8px;}
  .mtch-today-txt{font-size:14.5px;}
}

@media(max-width:360px){
  .mtch-header{min-height:49px;}
  .mtch-nav{width:42px;}
  .mtch-today{padding:6px 6px;}
  .mtch-today-txt{font-size:13.5px;}
}

.mtch-list{position:relative;}
.mtch-loading{
  position:absolute;inset:0;z-index:5;
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:26px;pointer-events:none;
}
.mtch-loading[hidden]{display:none;}
.mtch-spinner{
  width:26px;height:26px;border-radius:50%;
  border:2.5px solid rgba(150,150,150,.25);
  border-top-color:var(--hp-accent,#F4B740);
  animation:mtch-spin .7s linear infinite;
}
@keyframes mtch-spin{to{transform:rotate(360deg);}}
.mtch-cards{transition:opacity .15s;display: flex; flex-direction: column; gap: 12px;}
.mtch-list{min-height:90px;}
.mtch-cards:empty { display: none; }

@media (max-width: 600px) {
.mtch-cards{gap: 15px;}
}


.mtch-panel.mtch-panel-active{
  animation: mtch-in .22s ease-out;
}

@keyframes mtch-in{
  from{opacity:0; transform:translateY(4px);}
  to{opacity:1; transform:none;}
}

.mtch-pf{background:rgb(21 26 32 / 60%);border:1px solid #262E3A;border-radius:10px;
  overflow:hidden;margin:0 0 14px;}
.mtch-pf:last-child{margin-bottom:0;}
.mtch-pf-head{padding:10px 15px;font-weight:700;color:#d8dbe8;font-size:14.5px;
  background:rgb(21 26 32 / 95%);border-bottom:1px solid #262E3A;
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;}

.mtch-pf-sub{font-size:12px;font-weight:400;color:#8B95A1;flex:0 0 auto;}
.mtch-pf-body{padding:0;}
.mtch-pf-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mtch-pf-tbl{width:100%;border-collapse:collapse;font-size:14px;}
.mtch-pf-tbl th,.mtch-pf-tbl td{
  padding:10px 8px;
  border-bottom:1px solid #262E3A;
  border-inline-end:1px solid rgba(255,255,255,.045);
}
.mtch-pf-tbl th:last-child,.mtch-pf-tbl td:last-child{border-inline-end:0;}
.mtch-pf-tbl tbody tr:last-child td{border-bottom:0;}
.mtch-pf-tbl th{color:#8B95A1;font-weight:600;font-size:13px;white-space:nowrap;
  text-align:center;background:rgb(21 26 32 / 95%);}
.mtch-pf-tbl th.mtch-pf-c-team{text-align:start;}
.mtch-pf-tbl td{color:#BFC3D4;}
.mtch-pf-c-rank{width:46px;text-align:center;}
.mtch-pf-c-n{width:62px;text-align:center;font-variant-numeric:tabular-nums;
  white-space:nowrap;}
.mtch-pf-c-pts{color:#D6DBE4;font-weight:700;font-size:15px;}
.mtch-pf-c-team{text-align:start;min-width:200px;}
.mtch-pf-team{display:flex;align-items:center;gap:8px;min-width:0;}
.mtch-pf-logo{width:22px;height:22px;object-fit:contain;flex:0 0 auto;}
.mtch-pf-nm{unicode-bidi:plaintext;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mtch-pf-live{flex:0 0 auto;font-size:12px;font-weight:700;color:#E06C6C;
  background:rgba(224,108,108,.10);border-radius:5px;padding:1px 6px;}


.mtch-pf-tblwrap{min-width:0;max-width:100%;overflow-x:hidden;}
.mtch-pf-tbl{width:100%;border-collapse:collapse;font-size:14px;}
.mtch-pf-c-team{min-width:0;}
.mtch-pf-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0;}

@media (max-width:600px){
  .mtch-pf-tbl{font-size:13px;}
  .mtch-pf-tbl th,.mtch-pf-tbl td{padding:9px 5px;}
  .mtch-pf-tbl th {font-size:12.3px;}
  .mtch-pf-c-rank{width:40px;}
  .mtch-pf-c-n{width:46px;}
  .mtch-pf-c-pts{font-size:14.5px;}
}

@media (max-width:368px){
  .mtch-pf-c-rank{width:38px;}
  .mtch-pf-c-n{width:42px;}
  .mtch-pf-c-pts{font-size:14px;}
  .mtch-pf-tbl th {font-size:12px;}
}
@media (max-width:350px){
  .mtch-pf-c-rank{width:36px;}
  .mtch-pf-c-n{width:40px;}  
}    
    
@media(max-width:600px){
  .mtch-pf-tbl{font-size:13px;}
  .mtch-pf-logo{width:20px;height:20px;}
}

.mtch-cm{background:rgb(21 26 32 / 60%);border:1px solid #262E3A;border-radius:10px;
  overflow:hidden;margin:0 0 14px;}
.mtch-cm:last-child{margin-bottom:0;}
.mtch-cm-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:11px 15px;background:rgb(21 26 32 / 95%);border-bottom:1px solid #262E3A;}
.mtch-cm-ttl{font-weight:700;color:#d8dbe8;font-size:14.5px;}
.mtch-cm-sub{font-size:12px;color:#8B95A1;flex:0 0 auto;}
.mtch-cm-logo{width:46px;height:46px;object-fit:contain;}
.mtch-cm-nm{font-size:13.5px;color:#BFC3D4;text-align:center;unicode-bidi:plaintext;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.mtch-cm-teams{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 15px;margin-bottom:6px;background: rgb(21 26 32 / 65%);}
.mtch-cm-team{display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.mtch-cm-team-h{flex-direction:row;justify-content:flex-start;}
.mtch-cm-team-a{flex-direction:row-reverse;justify-content:flex-start;}
.mtch-cm-teams .mtch-cm-logo{width:25px;height:25px;}
.mtch-cm-teams .mtch-cm-nm{font-size:14px;font-weight:500;text-align:start;}
.mtch-cm-rows{display:flex;flex-direction:column;padding-bottom:5px;}
.mtch-cm-row{display:flex;align-items:center;gap:10px;padding:10px 15px;
  border-bottom:1px solid rgba(38,46,58,.5);}
.mtch-cm-row:last-child{border-bottom:none;}
.mtch-cm-v{flex:0 0 68px;text-align:center;color:#d8dbe8;font-weight:500;font-size:16px;
  font-variant-numeric:tabular-nums;}
.mtch-cm-lb{flex:1;text-align:center;color:#BFC3D4;font-size:14px;}

@media(max-width:600px){
  .mtch-cm-logo{width:38px;height:38px;}
  .mtch-cm-nm{font-size:12.5px;}
  .mtch-cm-v{flex:0 0 58px;}
  .mtch-cm-teams .mtch-cm-logo{width:23px;height:23px;}
}

h2.mtch-pf-head,
h2.mtch-ab-title,
h2.mtch-cm-ttl{font-size:14.5px;margin:0;font-weight:700;line-height:1.2;}
h2.mtch-pf-head{font-size:14.5px;padding:12px 15px;}
h2.mtch-cm-ttl{font-size:14.5px;}

@media(max-width:768px){
 h2.mtch-cm-ttl{font-size:14px;} 
 h2.mtch-pf-head{font-size:14px;}
 .mtch-cm-v{font-size:15.5px;}
 .mtch-cm-lb{font-size:13.5px;}
}
@media(max-width:600px){
h2.mtch-pf-head{font-size:13.5px;}
h2.mtch-cm-ttl{font-size:13.5px;}
.mtch-cm-teams .mtch-cm-nm {font-size:13.5px;}
 .mtch-cm-v{font-size:15px;}
 .mtch-cm-lb{font-size:13px;}
}

@media(max-width:360px){
h2.mtch-pf-head{font-size:13px;}
h2.mtch-cm-ttl{font-size:13px;}
.mtch-cm-teams .mtch-cm-nm {font-size:13px;}
.mtch-cm-v{font-size:14.5px;}
.mtch-cm-lb{font-size:12.5px;}
}


.mtch-panel[data-panel="compare"] .mtch-cm{margin-bottom:14px;}
.mtch-panel[data-panel="compare"] .mtch-pf{margin-bottom:14px;}
.mtch-panel[data-panel="compare"] > :last-child{margin-bottom:0;}

/* ============================================================
 * Two-sided bars, prediction bar, last 5 + head to head.
 * Colours are variables; light values are in light-mode.css.
 * ============================================================ */
:root{
  --mtch-c-h:#5b9bd5;
  --mtch-c-a:#b69872;
  --mtch-c-dr:#4a5563;
  --mtch-c-drtx:#dfe5ec;
  --mtch-c-segtx:#0d1218;
  --mtch-c-track:#222b36;
  --mtch-c-line:#262E3A;
  --mtch-c-tx:#d8dbe8;
  --mtch-c-mut:#8B95A1;
  --mtch-c-w:#3fa776;
  --mtch-c-wbg:rgba(63,167,118,.15);
  --mtch-c-l:#d0645d;
  --mtch-c-lbg:rgba(208,100,93,.15);
  --mtch-c-d:#8a96a5;
  --mtch-c-dbg:rgba(138,150,165,.15);
}

/* Each team fills its half from its own edge (follows page direction). */
.mtch-bar{display:flex;gap:3px;height:6px;}
.mtch-bar-h,.mtch-bar-a{display:block;flex:1;position:relative;overflow:hidden;
  border-radius:3px;background:var(--mtch-c-track);}
.mtch-bar-h > span,.mtch-bar-a > span{position:absolute;top:0;bottom:0;border-radius:3px;}
.mtch-bar-h > span{inset-inline-start:0;background:var(--mtch-c-h);}
.mtch-bar-a > span{inset-inline-end:0;background:var(--mtch-c-a);}

.mtch-stat-row,.mtch-cm-row{flex-wrap:wrap;row-gap:7px;}
.mtch-stat-row > .mtch-bar,.mtch-cm-row > .mtch-bar{flex:0 0 100%;}

/* Prediction bar under the match block */
.mtch-px{padding:12px 15px 20px;margin-bottom:-10px;background:rgba(124,129,153,.04);}
.mtch-px-lab{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;
  font-size:12px;color:var(--mtch-c-mut);}
.mtch-px-lab > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mtch-px-bar{display:flex;height:22px;border-radius:6px;overflow:hidden;
  background:var(--mtch-c-track);font-size:11.5px;font-weight:700;}
.mtch-px-seg{display:flex;align-items:center;justify-content:center;overflow:hidden;
  white-space:nowrap;color:var(--mtch-c-segtx);font-variant-numeric:tabular-nums;}
.mtch-px-h{background:var(--mtch-c-h);}
.mtch-px-d{background:var(--mtch-c-dr);color:var(--mtch-c-drtx);}
.mtch-px-a{background:var(--mtch-c-a);}

/* Last 5 matches */
.mtch-l5{display:flex;}
.mtch-l5-side{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:14px 8px;text-align:center;}
.mtch-l5-side + .mtch-l5-side{border-inline-start:1px solid var(--mtch-c-line);}
.mtch-l5-logo{width:36px;height:36px;object-fit:contain;}
.mtch-l5-nm{max-width:100%;font-weight:600;font-size:14px;color:var(--mtch-c-tx);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;}
.mtch-l5-tally{display:flex;gap:10px;font-size:12px;color:var(--mtch-c-mut);}
.mtch-l5-t{display:inline-flex;align-items:baseline;gap:3px;}
.mtch-l5-t b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;}
.mtch-l5-t i{font-style:normal;}
.mtch-l5-t-w b{color:var(--mtch-c-w);}
.mtch-l5-t-d b{color:var(--mtch-c-d);}
.mtch-l5-t-l b{color:var(--mtch-c-l);}
.mtch-l5-dots{display:flex;justify-content:center;gap:5px;margin-top:5px;}
.mtch-l5-dot{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:800;}
.mtch-l5-w{background:var(--mtch-c-wbg);color:var(--mtch-c-w);}
.mtch-l5-d{background:var(--mtch-c-dbg);color:var(--mtch-c-d);}
.mtch-l5-l{background:var(--mtch-c-lbg);color:var(--mtch-c-l);}
.mtch-l5-last{box-shadow:inset 0 0 0 1.5px currentColor;}

/* Head to head */
.mtch-h2{padding:4px 15px 14px;}
.mtch-h2-cap{display:flex;align-items:center;gap:10px;margin:8px 0 10px;
  font-size:12px;color:var(--mtch-c-mut);}
.mtch-h2-cap::before,.mtch-h2-cap::after{content:'';flex:1;border-top:1px solid var(--mtch-c-line);}
.mtch-h2-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;margin-bottom:8px;}
.mtch-h2-n{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;
  font-size:12px;color:var(--mtch-c-mut);}
.mtch-h2-n b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;}
.mtch-h2-h b{color:var(--mtch-c-h);}
.mtch-h2-d b{color:var(--mtch-c-d);}
.mtch-h2-a b{color:var(--mtch-c-a);}
.mtch-h2-g{margin-top:8px;text-align:center;font-size:12px;color:var(--mtch-c-mut);}
.mtch-h2-g b{color:var(--mtch-c-tx);font-variant-numeric:tabular-nums;}

@media(max-width:600px){
  .mtch-l5-dot{width:23px;height:23px;font-size:11.5px;border-radius:6px;}
  .mtch-l5-dots{gap:4px;}
  .mtch-l5-logo{width:32px;height:32px;}
  .mtch-l5-nm{font-size:13px;}
  .mtch-px-lab{font-size:11.5px;}
}

.mtch-free{margin:0 0 12px;}
.mtch-free:empty{display:none;}
.mtch-free img,.mtch-free iframe,.mtch-free video{max-width:100%;}

.mtch-panel-active .mtch-free ~ .mtch-info,
.mtch-panel-active .mtch-info:has(~ .mtch-pf){
  background-color: rgb(21 26 32 / 60%);
  border: 1px solid #29313E;
  border-radius: 10px;
  overflow: hidden;
}

.mtch-pl-ph{flex:0 0 auto;width:40px;height:40px;border-radius:10px;
  object-fit:cover;background:#1a2230;border:1px solid #262E3A;}

.mtch-pl-ph-none{display:inline-flex;align-items:center;justify-content:center;
  overflow:hidden;padding:0;}
.mtch-pl-ph-none svg{width:100%;height:100%;display:block;fill:#3A4353;}

.mtch-pl-rate{flex:0 0 auto;
  min-width:38px;text-align:center;padding:1px 6px;border-radius:5px;
  font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;
  unicode-bidi:isolate;background:rgb(255 255 255 / 6%);}
.mtch-pl-rate[data-t="hi"]{color:#7fd18b;background:rgb(127 209 139 / 12%);}
.mtch-pl-rate[data-t="mid"]{color:#f4b740;background:rgb(244 183 64 / 12%);}
.mtch-pl-rate[data-t="low"]{color:#e0808a;background:rgb(224 128 138 / 12%);}


.mtch-coach .mtch-pl-ph{flex:0 0 auto;}

.mtch-ab-list li .mtch-pl-ph{margin-inline-end:2px;}

.mtch-panel-active .mtch-info + .mtch-pf{margin-top:14px;}


.mtr-block{
  margin-bottom:0px;
}
.mtr-block{display:block; animation:l-in .22s ease-out;}


.mtr-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:10px 12px;
  border-radius:10px 10px 0 0;
  background:rgb(21 26 32 / 95%);
  border:1px solid #29313E;
  font-family:inherit;cursor:pointer;text-align:start;
}

.mtr-lg{display:flex;align-items:center;gap:8px;min-width:0;}
.mtr-lg-logo{
  flex:none;width:28px;height:28px;object-fit:contain;
  background:rgba(255,255,255,0.04);
  border-radius:6px;
  background-image:url('/assets/img/league-default.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
.mtr-lg-nm{
  color:#CBCFE0;font-weight:700;font-size:15px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.mtr-meta{display:flex;align-items:center;gap:10px;flex:none;}
.mtr-count{color:var(--hp-muted,#7C8199);font-size:12.5px;}

.mtr-caret{
  width:0;height:0;flex:none;
  border-inline-start:5px solid transparent;
  border-inline-end:5px solid transparent;
  border-top:6px solid var(--hp-muted,#7C8199);
  transition:transform .15s;
}
.mtr-closed .mtr-caret{transform:rotate(-90deg);}

.mtr-body{display:flex;flex-direction:column;gap:2px;padding:3px 0;animation:l-in .22s ease-out;}
.mtr-closed .mtr-body{display:none;}

.mtr-row{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:7px;
  background:rgb(21 26 32 / 60%);
  text-decoration:none;color:inherit;
  border: 0.8px solid rgba(41, 49, 62, 0.4);
  box-shadow: 0 1px 5px rgba(28,34,44,1);transition: box-shadow .2s ease, transform .2s ease;
}
.mtr-row:hover{background:rgb(21 26 32 / 85%);border: 1px solid #2f3646;}



.mtr-min:empty{display:none;}

.mtr-row.mtr-locked{cursor:default;}

@media (max-width:786px){
.mtr-head{padding:10px 12px;}
.mtr-count{font-size:12px;}
}
@media (max-width:600px){
  .mtr-head{padding:10px 12px;}
  .mtr-lg-nm{font-size:14.5px;}
  .mtr-count{font-size:11.5px;}
  .mtr-row{gap:10px;padding:10px 10px;}
  .mtr-nm{font-size:13.5px;}
  .mtr-g{font-size:14.5px;min-width:30px;}
  .mtr-end{min-width:64px;padding-inline-start:8px;}
  .mtr-time{font-size:15px;}
  .mtr-badge{font-size:11.5px;padding:2px 6px;}
  .mtr-sub{font-size:11.5px;}
  .mtch-pl-ph{width:36px;height:36px;}
}
@media (max-width:360px){
  .mtr-count{font-size:11px;}
  .mtr-g{font-size:14px;}
  .mtr-lg-nm{font-size:14px;}
  .mtr-head{padding:9px 12px;}
  .mtr-nm{font-size:13px;}
  .mtr-end{min-width:58px;padding-inline-start:8px;}
  .mtr-time{font-size:14.5px;}
  .mtr-badge{font-size:10.5px;}
  .mtr-sub{font-size:11px;}
  .mtr-logo{width:23px;height:23px;max-width:23px;}
  .mtch-pl-ph{width:34px;height:34px;}
}

.mtch-single .mtch-card{margin-bottom:10px;}

.mtch-single .mtch-pen {color:#8B95A1;}
.mtch-single .mtch-card .mtch-center {gap: 1px;}
.mtch-single .mtch-top{padding:9px 0 9px;margin-bottom:28px;background: rgba(124,129,153, .04);}
.mtch-single .mtch-status{margin:0 18px;font-size:14px;padding:2px 0;}
.mtch-single .mtch-league{padding:0 18px;font-size:14px;}
.mtch-single .mtch-logo{width:70px;height:70px;max-width:70px;}
.mtch-single .mtch-team{gap:10px;}
.mtch-single .mtch-name{font-size:15.5px;line-height:1.5;}
.mtch-single .mtch-score{font-size:22px;color:#BFC3D4;font-weight:600}
.mtch-single .mtch-time{font-size:21px;}
.mtch-single .mtch-statetext{font-size:15px;}


@media (max-width:768px){
  .mtch-single .mtch-status{font-size:13.5px;margin:0 17px;}
  .mtch-single .mtch-league{font-size:13.5px;padding:0 17px;}
  .mtch-single .mtch-logo{width:63px;height:63px;max-width:63px;}
  .mtch-single .mtch-name{font-size:14.5px;}
  .mtch-single .mtch-time{font-size:19.5px;}
  .mtch-single .mtch-score{font-size:21px;}
  .mtch-single .mtch-statetext{font-size:14px;}
}
@media (max-width:600px){
  .mtch-single .mtch-top{margin-bottom:25px;}
  .mtch-single .mtch-status{font-size:13px;margin:0 15px;}
  .mtch-single .mtch-league{font-size:13px;padding:0 15px;}
  .mtch-single .mtch-logo{width:54px;height:54px;max-width:54px;}
  .mtch-single .mtch-name{font-size:14px;line-height:1.3;}
  .mtch-single .mtch-time{font-size:18.5px;}
  .mtch-single .mtch-score{font-size:20px;}
  .mtch-single .mtch-statetext{font-size:13.5px;}
}
@media (max-width:360px){
  .mtch-single .mtch-status{font-size:12.5px;margin: 0 12px; }
  .mtch-single .mtch-league{font-size:12.5px;padding:0 12px;}
  .mtch-single .mtch-logo{width:48px;height:48px;max-width:48px;}
  .mtch-single .mtch-name{font-size:13px;}
  .mtch-single .mtch-time{font-size:17.5px;}
  .mtch-single .mtch-score{font-size:18px;}
}


.mtr-filter{
  display:flex;align-items:center;gap:6px;
  margin:0 0 10px;padding:3.5px;
  background:rgb(21 26 32 / 95%);
  border-radius:7px;
  box-shadow: 0 0 2px rgba(187, 151, 76, 0.2);
}

.mtr-fbtn{
  flex:1 1 0;min-width:0;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 10px;border:0;border-radius:5px;
  background:transparent;color:#8B95A1;
  font-family:inherit;font-size:14px;font-weight:600;
  cursor:pointer;transition:background .12s,color .12s;
}
.mtr-fbtn:hover{background:rgba(244,183,64,.10);color:#d8dbe8;}

.mtr-fbtn-on{
  background:rgba(244,183,64,.10);
  color:#d8dbe8;
}

.mtr-fic{flex:none;display:inline-flex;align-items:center;}
.mtr-flb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mtr-fnum{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-width:19px;padding:1px 5px;border-radius:999px;
  background:rgb(255 255 255 / 8%);
  font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;
}


.mtr-fic-live{animation:mtr-pulse 2.4s ease-in-out infinite;color:#e0808a;}

@keyframes mtr-pulse{
  0%,100%{opacity:1;}
  50%{opacity:.8;}
}

@media (prefers-reduced-motion: reduce){
  .mtr-fic-live{animation:none;}
}

.mtr-pool{margin-bottom:0px;}
.mtr-pool-body{display:flex;flex-direction:column;gap:2px;padding:0px 0;}

.mtr-pool{display:block; animation:l-in .22s ease-out;}

@keyframes l-in{
  from{opacity:0; transform:translateY(4px);}
  to{opacity:1; transform:none;}
}

.mtp-row{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:7px;
  background:rgb(21 26 32 / 60%);
  border: 0.8px solid rgba(41, 49, 62, 0.4);
  box-shadow: 0 1px 5px rgba(28,34,44,1);transition: box-shadow .2s ease, transform .2s ease;
  text-decoration:none;color:inherit;
}
.mtp-row:hover{background:rgb(21 26 32 / 85%);border: 1px solid #2f3646;}
.mtp-row.mtp-locked{cursor:default;}



.mtp-min:empty{display:none;}

.mtr-none{
  display:flex;align-items:center;justify-content:center;
  min-height:150px;padding:22px 14px;text-align:center;
  background:rgb(21 26 32 / 60%);
  border:1px solid #29313E;;
  border-radius:7px;
  color:#8B95A1;font-size:14.5px;
}

@media (max-width:768px){
  .mtr-fbtn{font-size:13px;gap:5px;padding:10px 8px;}
}


@media (max-width:600px){
  .mtr-filter{gap:5px;}
  .mtr-fbtn{padding:9px 6px;font-size:12.5px;gap:5px;}
  .mtr-fnum{font-size:11.5px;min-width:17px;}
  .mtr-none{padding:18px 12px;font-size:14px;}
  .mtp-row{gap:10px;padding:10px 10px;}
  .mtp-nm{font-size:13px;}
  .mtp-logo{width:18px;height:18px;}
  .mtp-g{font-size:13.5px;min-width:30px;}
  .mtp-end{min-width:64px;padding-inline-start:9px;}
  .mtp-time{font-size:13.5px;}
  .mtp-badge{font-size:11px;padding:2px 6px;}
  .mtp-sub{font-size:10px;}
}
@media (max-width:360px){
  .mtr-fbtn{font-size:12px;gap:4px;padding:8px 4px;}
  .mtr-fic svg{width:12px;height:12px;}
  .mtr-none{font-size:13.5px;}
}


.mtr-end,
.mtp-end {
  align-self: stretch;
  justify-content: center;
}


.mtr-grid,
.mtp-grid{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
  width:100%;
}

.mtr-team,
.mtp-team{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  text-align:center;min-width:0;
}

.mtr-logo,
.mtp-logo{
  width:40px;height:40px;max-width:40px;border-radius:50%;object-fit:contain;
  background: rgba(124,129,153,.05);border:none;padding: 3px;
  box-sizing:border-box;
}
.mtr-logo-none,
.mtp-logo-none{display:inline-block;}

.mtr-name,
.mtp-name{font-size: 14px; line-height: 1; color: #d8dbe8; font-weight: 600;
  unicode-bidi:isolate;margin-bottom: 5px;
}

.mtr-center,
.mtp-center{
  display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;
}

.mtr-time,
.mtp-time{
  color:#BFC3D4;font-size:18px;white-space:nowrap;
  font-variant-numeric:tabular-nums;letter-spacing: .5px;
}

.mtr-score,
.mtp-score{
  display:flex;align-items:center;justify-content:center;gap:8px;
  color:#BFC3D4;font-size:18.5px;font-weight: 600;
  font-variant-numeric:tabular-nums;line-height:1.5;
}

.mtr-sep,
.mtp-sep{opacity:.7;}

.mtr-pen,
.mtp-pen{
  display:flex;align-items:center;justify-content:center;gap:5px;color:#8B95A1;
}
.mtr-pen-s,
.mtp-pen-s{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;}
.mtr-pen-label,
.mtp-pen-label{font-weight:500;font-size: 12.5px;}

.mtr-live-line,
.mtp-live-line{
  display:flex;align-items:center;justify-content:center;gap:5px;direction:ltr;
}
.mtr-minute,
.mtp-minute{
  color:rgba(221,125,135,1);font-weight:500;font-size:15px;font-variant-numeric:tabular-nums;
}
.mtr-phase,
.mtp-phase{color:#BFC3D4;font-weight:500;font-size:12.5px;}

.mtr-statetext,
.mtp-statetext{color:#8B95A1;font-weight:500;font-size:12.5px;}

.mtr-row[data-s="soon"] .mtr-statetext,
.mtp-row[data-s="soon"] .mtp-statetext{color:rgb(240 162 82 / 1);}

.mtr-time[hidden],.mtr-score[hidden],.mtr-pen[hidden],
.mtr-live-line[hidden],.mtr-statetext[hidden],
.mtp-time[hidden],.mtp-score[hidden],.mtp-pen[hidden],
.mtp-live-line[hidden],.mtp-statetext[hidden]{display:none!important;}

@media (max-width:768px){
  .mtr-logo,.mtp-logo{width:37px;height:37px;max-width:37px;}
  .mtr-name,.mtp-name{font-size:13.5px;}
  .mtr-time,.mtp-time{font-size:17.5px;}
  .mtr-score,.mtp-score{font-size:18px;}
  .mtr-phase,.mtp-phase {font-size:12px;}
  .mtr-minute,.mtp-minute{font-size:14.5px;}
  .mtr-statetext,.mtp-statetext{font-size:12px;}
  .mtr-pen-label,.mtp-pen-label{font-size:12px;}
  .mtr-pen-s,.mtp-pen-s{font-size:14.5px;}
}
@media (max-width:600px){
  .mtr-logo,.mtp-logo{width:35px;height:35px;max-width:35px;}
  .mtr-name,.mtp-name{font-size:13px;}
  .mtr-time,.mtp-time{font-size:17px;}
  .mtr-score,.mtp-score{font-size:17px;gap:7px;}
  .mtr-minute,.mtp-minute{font-size:14px;}
  .mtr-phase,.mtp-phase {font-size:11.8px;}
  .mtr-statetext,.mtp-statetext{font-size:11.8px;}
  .mtr-pen-label,.mtp-pen-label{font-size:11.5px;}
  .mtr-pen-s,.mtp-pen-s{font-size:14px;}
}
@media (max-width:560px){
  .mtr-center,.mtp-center{min-width:72px;}
}
@media (max-width:360px){
  .mtr-logo,.mtp-logo{width:30px;height:30px;max-width:30px;}
  .mtr-name,.mtp-name{font-size:12.5px;}
  .mtr-time,.mtp-time{font-size:16px;}
  .mtr-score,.mtp-score{font-size:16.5px;}
  .mtr-phase,.mtp-phase {font-size:11.2px;}
  .mtr-minute,.mtp-minute{font-size:13.5px;}
  .mtr-statetext,.mtp-statetext{font-size:11.5px;}
  .mtr-pen-label,.mtp-pen-label{font-size:11px;}
  .mtr-pen-s,.mtp-pen-s{font-size:13.5px;}
}

/* ----------  new ---------- */

.mtr-row[data-s="pen"] .mtr-pen  {margin-top: -2px; }
.mtp-row[data-s="pen"] .mtp-pen  {margin-top: -2px; }

.mtr-row[data-s="pen"] .mtr-statetext  {display: none; }
.mtp-row[data-s="pen"] .mtp-statetext  {display: none; }

.mtr-statetext, .mtp-statetext { order: 1; }
.mtr-live-line, .mtp-live-line { order: 1; }
.mtr-pen,   .mtp-pen           { order: 3; }
.mtr-time,  .mtp-time          { order: 2; }
.mtr-score, .mtp-score         { order: 2; }

.mtch-day-name { order: 1; }
.mtch-day-num  { order: 2; }
.mtch-day-mon  { order: 3; }




.mtr-row[data-phase="penalties"] .mtr-phase,
.mtp-row[data-phase="penalties"] .mtp-phase,
.mtch-card[data-phase="penalties"] .mtch-phase {
  font-weight: 500;
}

.mtr-row[data-phase="penalties"] .mtr-phase::after,
.mtp-row[data-phase="penalties"] .mtp-phase::after,
.mtch-card[data-phase="penalties"] .mtch-phase::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e0808a;
  margin-inline-start: 5px;
  vertical-align: middle;
  animation: mtr-pen-dot 1.4s ease-in-out infinite;
}

@keyframes mtr-pen-dot {
  0%, 100% { opacity: 1; }
  50%      { opacity: .25; }
}

@media (prefers-reduced-motion: reduce) {
  .mtr-row[data-phase="penalties"] .mtr-phase::after,
  .mtp-row[data-phase="penalties"] .mtp-phase::after,
  .mtch-card[data-phase="penalties"] .mtch-phase::after { animation: none; }
}



.mtch-single .mtch-card,
.mtch-info{
	--sb-dot-c:    255 255 255;
	--sb-dot-a:    .02;
	--sb-dot-sz:   1px;
	--sb-dot-gap:  13px;
	--sb-glow-c:   var(--sb);
	--sb-glow-a:   .0;
	--sb-vig-a:    .0;
	--sb-bar-a:    .55;
	--sb-bar-h:    2px;
	--sb-badge-bg: .12;
	--sb-badge-bd: .32;
	--sb-text-a:   1;
	--sb-shadow-a: .22;
	--sb-shadow-r: 6px;
	--sb-band-a:   .022;
}

.mtch-single .mtch-card:has(.mtch-status[data-s="notstarted"]),
.mtch-info:has(.mtch-info-status[data-s="notstarted"]){ --sb: 154 160 180; }
.mtch-single .mtch-card:has(.mtch-status[data-s="ended"]),
.mtch-info:has(.mtch-info-status[data-s="ended"]){      --sb: 154 160 180; }
.mtch-single .mtch-card:has(.mtch-status[data-s="soon"]),
.mtch-info:has(.mtch-info-status[data-s="soon"]){       --sb: 240 162 82; }
.mtch-single .mtch-card:has(.mtch-status[data-s="live"]),
.mtch-info:has(.mtch-info-status[data-s="live"]){       --sb: 224 128 138; }

.dlh-light .mtch-single .mtch-card,
.dlh-light .mtch-info{
	--sb-dot-c: 18 32 60;
	--sb-dot-a: .04;
	--sb-glow-a: .0;
	--sb-vig-a: .06;
	--sb-bar-a: .70;
	--sb-badge-bg: .10;
	--sb-badge-bd: .30;
	--sb-shadow-a: .40;
	--sb-band-a: .025;
}
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="notstarted"]),
.dlh-light .mtch-info:has(.mtch-info-status[data-s="notstarted"]){ --sb: 92 99 118; }
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="ended"]),
.dlh-light .mtch-info:has(.mtch-info-status[data-s="ended"]){      --sb: 92 99 118; }
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="soon"]),
.dlh-light .mtch-info:has(.mtch-info-status[data-s="soon"]){       --sb: 197 106 18; }
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="live"]),
.dlh-light .mtch-info:has(.mtch-info-status[data-s="live"]){       --sb: 214 40 40; }

.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="notstarted"]),
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="ended"]){ --sb-glow-c: 150 162 190; }
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="soon"]){  --sb-glow-c: 247 170 66; }
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s="live"]){  --sb-glow-c: 238 96 96; }

.mtch-single .mtch-card{ z-index:0; }
.mtch-single .mtch-card::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	pointer-events:none;
	background:
		radial-gradient(circle,
			rgb(var(--sb-dot-c) / var(--sb-dot-a)) var(--sb-dot-sz),
			transparent calc(var(--sb-dot-sz) + .4px))
			0 0 / var(--sb-dot-gap) var(--sb-dot-gap),
		radial-gradient(ellipse 46% 58% at 50% 46%,
			rgb(var(--sb-glow-c) / var(--sb-glow-a)) 0%, transparent 72%),
		radial-gradient(ellipse 78% 80% at 50% 50%,
			transparent 42%, rgb(0 0 0 / var(--sb-vig-a)) 100%);
}
.dlh-light .mtch-single .mtch-card::before{
	background:
		radial-gradient(circle,
			rgb(var(--sb-dot-c) / var(--sb-dot-a)) var(--sb-dot-sz),
			transparent calc(var(--sb-dot-sz) + .4px))
			0 0 / var(--sb-dot-gap) var(--sb-dot-gap),
		radial-gradient(ellipse 46% 58% at 50% 46%,
			rgb(var(--sb) / var(--sb-glow-a)) 0%, transparent 72%),
		radial-gradient(ellipse 78% 80% at 50% 50%,
			transparent 42%, rgb(18 32 60 / var(--sb-vig-a)) 100%);
}

.mtch-single .mtch-card::after{
	content:"";
	position:absolute;
	inset-inline:0;
	inset-block-start:0;
	height:var(--sb-bar-h);
	z-index:2;
	pointer-events:none;
	background:linear-gradient(90deg,
		transparent,
		rgb(var(--sb) / var(--sb-bar-a)) 28%,
		rgb(var(--sb) / var(--sb-bar-a)) 72%,
		transparent);
}

.mtch-single .mtch-card .mtch-status[data-s],
.mtch-info .mtch-info-status[data-s],
.dlh-light .mtch-single .mtch-card .mtch-status[data-s],
.dlh-light .mtch-info .mtch-info-status[data-s]{
	color:rgb(var(--sb) / var(--sb-text-a));
	border:1px solid rgb(var(--sb-badge-bd));
	border-radius:4px;
	display:inline-block;
	line-height:1.4;
}

.mtch-single .mtch-card:has(.mtch-status[data-s]),
.dlh-light .mtch-single .mtch-card:has(.mtch-status[data-s]){
	box-shadow:0 0 var(--sb-shadow-r) rgb(var(--sb) / var(--sb-shadow-a));
}

.dlh-light .mtch-single .mtch-card .mtch-top,
.dlh-light .mtch-single .mtch-card .mtch-px{
	background:rgba(124, 129, 153, .06);;
	border-top-color:transparent;
}


.mtr-grid > .mtr-team,
.mtp-grid > .mtp-team{
  position:relative;
  --dlhg-size:17px;
}

@media (max-width:768px){
  .mtr-grid > .mtr-team,
  .mtp-grid > .mtp-team{--dlhg-size:16px;}
}
@media (max-width:600px){
  .mtr-grid > .mtr-team,
  .mtp-grid > .mtp-team{--dlhg-size:15px;}
}
@media (max-width:360px){
  .mtr-grid > .mtr-team,
  .mtp-grid > .mtp-team{--dlhg-size:14px;}
}

.mtr-grid > .mtr-team.dlhg-on::after,
.mtp-grid > .mtp-team.dlhg-on::after{
  content:"";
  position:absolute;
  top:0;
  width:var(--dlhg-size);height:var(--dlhg-size);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.4%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.4%22%20fill%3D%22%2316a34a%22%2F%3E%3Cg%20fill%3D%22%23ffffff%22%20clip-path%3D%22url%28%23c%29%22%3E%3Cpath%20d%3D%22M12.00%208.30L15.52%2010.86L14.17%2014.99L9.83%2014.99L8.48%2010.86Z%22%2F%3E%3Cpath%20d%3D%22M15.59%207.06L14.31%203.15L17.64%200.73L20.97%203.15L19.70%207.06Z%22%2F%3E%3Cpath%20d%3D%22M17.80%2013.89L21.13%2011.47L24.46%2013.89L23.19%2017.80L19.07%2017.80Z%22%2F%3E%3Cpath%20d%3D%22M12.00%2018.10L15.33%2020.52L14.06%2024.43L9.94%2024.43L8.67%2020.52Z%22%2F%3E%3Cpath%20d%3D%22M6.20%2013.89L4.93%2017.80L0.81%2017.80L-0.46%2013.89L2.87%2011.47Z%22%2F%3E%3Cpath%20d%3D%22M8.41%207.06L4.30%207.06L3.03%203.15L6.36%200.73L9.69%203.15Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
  z-index:2;pointer-events:none;
  animation:dlhg-blink 0.8s ease-in-out infinite;
}

.mtr-grid > .mtr-team:first-child.dlhg-on::after,
.mtp-grid > .mtp-team:first-child.dlhg-on::after{
  inset-inline-start:2px;
}

.mtr-grid > .mtr-team:last-child.dlhg-on::after,
.mtp-grid > .mtp-team:last-child.dlhg-on::after{
  inset-inline-end:2px;
}

@keyframes dlhg-blink{0%,100%{opacity:1;}50%{opacity:.6;}}

@media (prefers-reduced-motion:reduce){
  .mtr-grid > .mtr-team.dlhg-on::after,
  .mtp-grid > .mtp-team.dlhg-on::after{animation:none;}
}

.mtch-single .mtch-body > .mtch-team{
  position:relative;
  --dlhg2-size:24px;
}

@media (max-width:768px){
  .mtch-single .mtch-body > .mtch-team{--dlhg2-size:22px;}
}
@media (max-width:600px){
  .mtch-single .mtch-body > .mtch-team{--dlhg2-size:20px;}
}
@media (max-width:360px){
  .mtch-single .mtch-body > .mtch-team{--dlhg2-size:18px;}
}

.mtch-single .mtch-body > .mtch-team.dlhg2-on::after{
  content:"";
  position:absolute;
  top:0;
  width:var(--dlhg2-size);height:var(--dlhg2-size);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.4%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.4%22%20fill%3D%22%2316a34a%22%2F%3E%3Cg%20fill%3D%22%23ffffff%22%20clip-path%3D%22url%28%23c%29%22%3E%3Cpath%20d%3D%22M12.00%208.30L15.52%2010.86L14.17%2014.99L9.83%2014.99L8.48%2010.86Z%22%2F%3E%3Cpath%20d%3D%22M15.59%207.06L14.31%203.15L17.64%200.73L20.97%203.15L19.70%207.06Z%22%2F%3E%3Cpath%20d%3D%22M17.80%2013.89L21.13%2011.47L24.46%2013.89L23.19%2017.80L19.07%2017.80Z%22%2F%3E%3Cpath%20d%3D%22M12.00%2018.10L15.33%2020.52L14.06%2024.43L9.94%2024.43L8.67%2020.52Z%22%2F%3E%3Cpath%20d%3D%22M6.20%2013.89L4.93%2017.80L0.81%2017.80L-0.46%2013.89L2.87%2011.47Z%22%2F%3E%3Cpath%20d%3D%22M8.41%207.06L4.30%207.06L3.03%203.15L6.36%200.73L9.69%203.15Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));
  z-index:2;pointer-events:none;
  animation:dlhg2-blink 0.8s ease-in-out infinite;
}

.mtch-single .mtch-body > .mtch-team:first-child.dlhg2-on::after{
  inset-inline-start:2px;
}

.mtch-single .mtch-body > .mtch-team:last-child.dlhg2-on::after{
  inset-inline-end:2px;
}

@keyframes dlhg2-blink{0%,100%{opacity:1;}50%{opacity:.6;}}

@media (prefers-reduced-motion:reduce){
  .mtch-single .mtch-body > .mtch-team.dlhg2-on::after{animation:none;}
}

/* The match title is for search engines only: kept in the page, not shown. With nothing else in it, the box itself is hidden the same way. */
.hp-match-body .hp-title,
.hp-match-body.hp-match-body-empty{
  position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}