:root{
  --brand-custom:#0B1220;
  --ink:#111318;
  --muted:#707782;
  --subtle:#9AA1AB;
  --bg:#F4F5F6;
  --bg-2:#ECEEF1;
  --card:#FFFFFF;
  --card-2:#F8F9FA;
  --line:#E1E4E8;
  --line-strong:#D4D8DE;
  --shadow:0 18px 48px rgba(15,23,42,.08);
  --shadow-soft:0 8px 24px rgba(15,23,42,.06);
  --radius:22px;
  --navy:#101827;
  --red:#D71920;
  --green:#00843D;
  --blue:#0057B8;
  --gold:#B89B58;
  --accent:var(--brand-custom);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fff 0,#f4f5f6 42%,#eceef1 100%);font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);min-height:100vh}
body.dark{--ink:#F6F7F9;--muted:#B4BAC4;--subtle:#848C99;--bg:#0E1117;--bg-2:#151A22;--card:#171C25;--card-2:#111722;--line:#28303B;--line-strong:#36404D;--shadow:0 22px 55px rgba(0,0,0,.32);--shadow-soft:0 12px 28px rgba(0,0,0,.22);background:radial-gradient(circle at 50% -10%,rgba(0,87,184,.18),transparent 34%),linear-gradient(180deg,#0b0e14,#121722 62%,#0d1118)}
a{color:inherit}.site-shell{width:min(1180px,94vw);margin:auto;padding:18px 0 34px}.logo-stage{display:grid;place-items:center;padding:12px 0 18px}.center-logo{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;min-height:72px}.center-logo img{max-height:86px;max-width:min(310px,80vw);object-fit:contain}.logo-mark{position:relative;width:64px;height:64px;border-radius:20px;background:#101827;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:var(--shadow);overflow:hidden}.logo-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--red) 0 25%,var(--green) 25% 50%,var(--blue) 50% 75%,var(--gold) 75%);opacity:.95}.logo-mark span{position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.3)}.logo-word{display:grid;gap:0;text-align:start}.logo-word strong{font-size:30px;line-height:1;font-weight:900;letter-spacing:.1px}.logo-word small{font-size:12px;color:var(--muted);font-weight:800}.site-header{position:sticky;top:12px;z-index:30;margin-bottom:14px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.86);border:1px solid rgba(225,228,232,.95);border-radius:24px;padding:9px;box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}.dark .header-inner{background:rgba(23,28,37,.86);border-color:rgba(54,64,77,.8)}.tabs{display:flex;align-items:center;gap:4px;overflow:auto;padding:0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;text-decoration:none;border:1px solid transparent;border-radius:16px;padding:10px 14px;font-size:14px;font-weight:900;color:var(--muted);white-space:nowrap;transition:.18s ease}.tab:hover{background:var(--card-2);color:var(--ink);border-color:var(--line)}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 10px 22px rgba(16,24,39,.18)}.dark .tab.active{background:#fff;color:#101827;border-color:#fff}.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:15px;display:grid;place-items:center;cursor:pointer;font-size:18px;box-shadow:0 6px 14px rgba(15,23,42,.04);transition:.18s ease}.icon-btn:hover,.icon-btn.active{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.icon-search{position:relative;width:15px;height:15px;border:2px solid currentColor;border-radius:50%;display:block}.icon-search:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-4px;transform:rotate(45deg);border-radius:2px}.settings-wrap{position:relative}.settings-menu{position:absolute;left:0;top:50px;width:220px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);display:none;z-index:40}.settings-menu.open{display:grid;gap:7px}.settings-title{padding:5px 8px 9px;color:var(--muted);font-size:12px;font-weight:900;border-bottom:1px solid var(--line);margin-bottom:4px}.settings-menu button,.settings-menu a{width:100%;border:1px solid var(--line);background:var(--card-2);color:var(--ink);border-radius:14px;padding:10px 12px;font-family:inherit;font-weight:900;text-decoration:none;text-align:start;cursor:pointer}.settings-menu button:hover,.settings-menu a:hover{background:var(--navy);color:#fff}.tools-panel{display:none;margin:0 0 14px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow-soft)}.tools-panel.open{display:block}.tools-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr;gap:10px}.tools-grid label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:900}.tools-grid input,.tools-grid select{width:100%;border:1px solid var(--line);background:var(--card-2);border-radius:15px;padding:12px 13px;color:var(--ink);font-family:inherit;font-weight:800;outline:0}.tools-grid input:focus,.tools-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,87,184,.12)}.next-strip{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:stretch;margin:12px 0 14px;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:14px;box-shadow:var(--shadow-soft)}.next-strip-head{display:grid;align-content:center;gap:2px;padding-inline:2px}.next-strip-head span{font-weight:900;font-size:18px}.next-strip-head small{color:var(--muted);font-weight:800;font-size:12px}.main-layout{display:grid;gap:14px}.content-panel{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:16px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 16px}.section-head h2{font-size:24px;margin:0;letter-spacing:-.2px}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid var(--line);background:var(--card-2);border-radius:999px;padding:7px 12px;font-weight:900;color:var(--muted);font-size:12px;text-decoration:none}.date-group{margin:0 0 18px}.date-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 3px 10px;color:var(--muted);font-weight:900}.matches-list{display:grid;gap:10px}.match-card{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) 142px minmax(210px,1fr) 42px;grid-template-areas:"home center away fav" "details details details details";align-items:center;gap:10px;background:linear-gradient(180deg,var(--card) 0,var(--card-2) 100%);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:.18s ease;overflow:hidden}.match-card:before{content:"";position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:linear-gradient(180deg,var(--red),var(--green),var(--blue));opacity:.75}.match-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.match-card.next-card{height:100%;margin:0}.team-cell{display:flex;align-items:center;gap:10px;min-width:0}.team-cell.home{grid-area:home;justify-content:flex-start;padding-inline-start:4px}.team-cell.away{grid-area:away;justify-content:flex-end;text-align:end}.team-name{font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flag{width:34px;height:26px;object-fit:cover;border-radius:8px;border:1px solid var(--line-strong);background:#eef0f2;flex:0 0 auto}.flag.placeholder{display:grid;place-items:center;background:var(--card-2);color:var(--muted);font-size:11px;font-weight:900}.score-box{grid-area:center;border:1px solid var(--line-strong);background:#fff;border-radius:17px;min-height:58px;display:grid;place-items:center;gap:3px;color:var(--ink);cursor:pointer;font-family:inherit;box-shadow:inset 0 -8px 16px rgba(15,23,42,.03)}.dark .score-box{background:#111722}.score{font-size:21px;font-weight:900;line-height:1}.status{font-size:11px;font-weight:900;color:var(--muted);background:var(--card-2);padding:4px 8px;border-radius:999px}.status.live{background:rgba(0,132,61,.14);color:#00843D}.status.finished{background:rgba(0,87,184,.14);color:var(--blue)}.fav-btn{grid-area:fav;border:1px solid var(--line);border-radius:14px;background:var(--card);color:#B89B58;width:40px;height:40px;cursor:pointer;font-size:18px;line-height:1}.fav-btn.active{background:#FFF7D6;color:#8A6510;border-color:#E7CE83}.dark .fav-btn.active{background:rgba(184,155,88,.2);color:#E6C772}.match-details{grid-area:details;display:grid;grid-template-columns:.6fr 1fr 1fr 1.3fr 1.5fr;gap:7px;border-top:1px solid var(--line);padding-top:10px}.detail-pill{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;background:var(--card);border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 9px}.detail-pill b{color:var(--ink)}.detail-pill.venue{justify-content:flex-start}.groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-card{background:var(--card-2);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.04);min-width:0}.group-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.group-header h3{margin:0;font-size:20px}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:16px;background:var(--card)}.standings-table{width:100%;border-collapse:separate;border-spacing:0;min-width:610px}.standings-table th,.standings-table td{border-bottom:1px solid var(--line);padding:11px 8px;text-align:center;font-size:13px;white-space:nowrap}.standings-table tr:last-child td{border-bottom:0}.standings-table th{color:var(--muted);font-weight:900;background:var(--card-2);position:sticky;top:0}.team-inline{display:inline-flex;align-items:center;gap:8px}.rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--card-2);font-weight:900}.team-mini-list{display:grid;gap:8px}.team-row{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;font-weight:900}.teams-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.team-card{background:var(--card-2);border:1px solid var(--line);border-radius:20px;padding:13px;display:flex;gap:10px;align-items:center;min-width:0}.team-card strong{display:block;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-card small{color:var(--muted);font-weight:800}.knockout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.round-block{background:var(--card-2);border:1px solid var(--line);border-radius:24px;padding:14px}.round-block h3{margin:0 0 10px}.knock-match{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:12px;margin-bottom:10px}.knock-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;font-weight:900}.knock-meta{color:var(--muted);font-size:12px;font-weight:800;text-align:center;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--card-2);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.stat-card small{display:block;color:var(--muted);font-weight:900}.stat-card strong{font-size:30px;color:var(--navy)}.dark .stat-card strong{color:#fff}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.day-pill{background:var(--card-2);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:3px}.day-pill b{color:var(--blue)}.insights-row{display:grid;grid-template-columns:1fr 1fr 300px;gap:14px}.side-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:var(--shadow-soft);min-width:0}.side-card h3{margin:0 0 10px;font-size:16px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-stats span,.fav-box div{display:flex;justify-content:space-between;gap:8px;align-items:center;background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:9px;font-size:12px;font-weight:900}.quick-stats b{color:var(--blue)}.fav-box{color:var(--muted);font-weight:800;font-size:13px;line-height:1.7}.loading-card,.empty-card{background:var(--card-2);border:1px solid var(--line);border-radius:22px;padding:22px;text-align:center;color:var(--muted);font-weight:900}.small-loading{padding:12px}.ad-zone{margin:8px 0}.ad-box{border:1px dashed var(--line-strong);border-radius:18px;padding:14px;text-align:center;background:var(--card-2);color:var(--muted);font-weight:900}.ad-box.tall{min-height:250px;display:grid;place-items:center}.mobile-sticky-ad{position:fixed;bottom:10px;left:12px;right:12px;z-index:50;border-radius:18px;box-shadow:var(--shadow)}.footer{text-align:center;color:var(--muted);font-weight:800;padding:18px 0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.48);display:none;place-items:center;padding:18px;z-index:80}.modal.show{display:grid}.modal-card{width:min(640px,94vw);background:var(--card);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-close{border:0;background:var(--card-2);color:var(--ink);width:36px;height:36px;border-radius:14px;font-size:22px;cursor:pointer}.modal-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:20px 0;text-align:center}.modal-team{display:grid;place-items:center;gap:8px;font-weight:900}.modal-team .flag{width:48px;height:36px}.modal-score{font-size:28px;font-weight:900;background:var(--navy);color:#fff;border-radius:18px;padding:12px 18px}.modal-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-info div{background:var(--card-2);border:1px solid var(--line);border-radius:16px;padding:12px;font-weight:800;color:var(--muted)}body.compact .match-card{padding:9px;border-radius:18px}body.compact .match-details{display:none}body.compact .next-strip{padding:10px}.dark .match-card{background:linear-gradient(180deg,#171C25,#111722)}.dark .detail-pill,.dark .team-row,.dark .ad-box{background:#111722}.dark .tab:hover{background:#111722}.dark .logo-mark{box-shadow:0 20px 45px rgba(0,0,0,.3)}
@media(max-width:1040px){.insights-row{grid-template-columns:1fr 1fr}.insights-row #adSidebar{grid-column:1/-1}.teams-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.site-shell{width:min(96vw,720px);padding-top:10px}.logo-stage{padding:8px 0 12px}.logo-word strong{font-size:24px}.center-logo img{max-height:70px}.header-inner{border-radius:20px;align-items:center}.tabs{flex:1}.tab{padding:9px 12px;font-size:13px}.tools-grid{grid-template-columns:1fr 1fr}.next-strip{grid-template-columns:1fr;gap:10px}.next-strip-head{display:flex;justify-content:space-between;align-items:end}.match-card{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) 38px;gap:7px;padding:10px;border-radius:19px}.team-name{font-size:13px}.flag{width:30px;height:22px;border-radius:7px}.score-box{min-height:52px;border-radius:15px}.score{font-size:18px}.fav-btn{width:36px;height:36px}.match-details{grid-template-columns:1fr 1fr;gap:6px}.detail-pill{min-height:29px;font-size:11px}.detail-pill.venue{grid-column:1/-1}.groups-grid,.knockout-grid{grid-template-columns:1fr}.group-card{padding:12px;border-radius:20px}.standings-table{min-width:560px}.teams-grid{grid-template-columns:repeat(2,1fr)}.insights-row{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.modal-info{grid-template-columns:1fr}.settings-menu{left:0;right:auto}.content-panel{padding:12px;border-radius:22px}}
@media(max-width:560px){.site-shell{width:100%;padding-inline:10px}.header-inner{padding:7px}.icon-btn{width:39px;height:39px}.tab{font-size:12px;padding:8px 10px;border-radius:13px}.tools-grid{grid-template-columns:1fr}.next-strip{padding:12px}.section-head{align-items:flex-start;flex-direction:column}.match-card{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr) 32px;grid-template-areas:"home center away fav" "details details details details";padding:9px;gap:6px}.team-cell{gap:6px}.team-cell.away{justify-content:flex-end}.team-name{font-size:12px}.flag{width:25px;height:19px}.score-box{min-height:48px}.score{font-size:16px}.status{font-size:10px;padding:3px 6px}.fav-btn{width:31px;height:31px;border-radius:11px;font-size:15px}.match-details{grid-template-columns:1fr 1fr}.detail-pill{font-size:10.5px;padding:5px 7px}.groups-grid{gap:10px}.table-wrap{border-radius:14px}.standings-table{min-width:520px}.standings-table th,.standings-table td{font-size:12px;padding:9px 7px}.teams-grid,.stats-grid,.timeline{grid-template-columns:1fr}.modal-teams{grid-template-columns:1fr;gap:10px}.modal-score{width:fit-content;margin:auto}.settings-menu{position:fixed;left:12px;right:12px;top:78px;width:auto}.logo-mark{width:54px;height:54px}.logo-word small{font-size:11px}}

/* v8 professional match card - based on supplied reference */
.matches-list{gap:18px}
.poster-match-card.match-card{
  direction:ltr;
  position:relative;
  display:block;
  min-height:224px;
  padding:34px 38px 24px;
  border-radius:0 0 22px 22px;
  background:#fff;
  border:0;
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  overflow:hidden;
  transform:none;
}
.poster-match-card.match-card:before{display:none!important}
.poster-match-card.match-card:hover{transform:none;border-color:transparent;box-shadow:0 16px 38px rgba(15,23,42,.12)}
.poster-action{
  position:absolute;
  top:16px;
  z-index:5;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:#333842;
  cursor:pointer;
  padding:0;
  border-radius:10px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.poster-action:hover{background:#f1f3f5;color:#147fa7;transform:translateY(-1px)}
.poster-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.poster-bell{left:20px}
.poster-share{right:20px}
.poster-bell.fav-btn{grid-area:auto;box-shadow:none;font-size:0;color:#2f333a;background:transparent;border:0}
.poster-bell.fav-btn.active{background:#edf8fc;color:#168db8;border:0}
.poster-share.copied{background:#e9f8ef;color:#00843D}
.poster-group{
  position:absolute;
  top:32px;
  left:50%;
  transform:translateX(-50%);
  border:0;
  background:transparent;
  color:#126d8f;
  text-decoration:underline;
  text-underline-offset:3px;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  padding:0 8px;
  direction:rtl;
}
.poster-body{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(150px,190px) minmax(150px,1fr);
  align-items:end;
  gap:24px;
  padding-top:22px;
}
.poster-team{
  direction:rtl;
  display:grid;
  justify-items:center;
  align-content:end;
  gap:10px;
  min-width:0;
}
.poster-flag-wrap{
  width:78px;
  height:78px;
  border-radius:50%;
  background:#fff;
  padding:3px;
  box-shadow:0 4px 16px rgba(15,23,42,.20);
  border:1px solid #e6e9ed;
  overflow:hidden;
}
.poster-flag-wrap .flag{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  border:0;
  display:block;
}
.poster-flag-wrap .flag.placeholder{display:grid;place-items:center;font-size:18px;background:#f3f5f7;color:#6b737c}
.poster-team-name{
  color:#15171c;
  font-size:19px;
  font-weight:900;
  line-height:1.2;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.poster-center{
  direction:rtl;
  align-self:center;
  display:grid;
  justify-items:center;
  gap:8px;
  border:0;
  background:transparent;
  font-family:inherit;
  cursor:pointer;
  padding:0 0 4px;
}
.poster-main-value{
  direction:ltr;
  color:#1a8fbd;
  font-size:47px;
  font-weight:900;
  letter-spacing:.05em;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.poster-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  height:21px;
  padding:2px 18px;
  border-radius:999px;
  background:#eee4fb;
  color:#7b3eb7;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.poster-status:before{content:'☼';font-size:12px;margin-inline-end:5px;color:#d29c00}
.poster-status.live{background:#e1f7ea;color:#00843D}
.poster-status.live:before{content:'●';color:#00843D}
.poster-status.finished{background:#e8f2ff;color:#0057B8}
.poster-status.finished:before{content:'✓';color:#0057B8}
.poster-divider{height:1px;background:#e8ecef;margin:14px 0 8px}
.poster-bottom{
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:32px;
  position:relative;
}
.poster-pill{
  direction:rtl;
  min-height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  background:#f2f4f6;
  color:#727b84;
  font-size:12px;
  font-weight:800;
  padding:5px 12px;
  max-width:48%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.poster-match-no{
  color:#0c8bb7;
  background:#eefaff;
  position:absolute;
  left:155px;
}
.poster-match-no:after{content:'👥';font-size:12px;opacity:.8}
.poster-match-no b{font-weight:900;color:#0c8bb7}
.poster-meta{background:#f3f5f7;color:#6f757d;min-width:270px;max-width:54%}
.poster-meta .flag{width:20px;height:20px;border-radius:50%;border:1px solid #e1e4e8;object-fit:cover;flex:0 0 auto}
.poster-meta:after{content:'◉';font-size:12px;color:#9aa2aa;margin-inline-start:2px}
.poster-date{position:absolute;right:0;background:#f7f8fa;color:#8a929b;max-width:32%}
.next-match-holder .poster-match-card{min-height:210px}
.dark .poster-match-card.match-card{background:#171b23;box-shadow:0 18px 40px rgba(0,0,0,.34)}
.dark .poster-action{color:#dce2ea}.dark .poster-action:hover{background:#242a34;color:#38a9d4}
.dark .poster-group{color:#62c6ed}.dark .poster-team-name{color:#f7f8fa}
.dark .poster-flag-wrap{background:#fff;border-color:#38424e;box-shadow:0 6px 18px rgba(0,0,0,.36)}
.dark .poster-divider{background:#2a323e}
.dark .poster-pill{background:#111722;color:#b7bec8}.dark .poster-match-no{background:#112f3a;color:#5ed3ff}.dark .poster-match-no b{color:#5ed3ff}.dark .poster-meta{background:#111722}.dark .poster-date{background:#111722;color:#9fa7b2}

@media(max-width:860px){
  .poster-match-card.match-card{min-height:214px;padding:32px 22px 22px;border-radius:0 0 22px 22px}
  .poster-body{grid-template-columns:minmax(105px,1fr) minmax(105px,140px) minmax(105px,1fr);gap:12px;padding-top:24px}
  .poster-flag-wrap{width:66px;height:66px}
  .poster-team-name{font-size:16px}
  .poster-main-value{font-size:39px;letter-spacing:.03em}
  .poster-status{min-width:92px;height:21px;font-size:11px;padding-inline:12px}
  .poster-match-no{left:8px}
  .poster-meta{min-width:0;max-width:56%;padding-inline:10px}
  .poster-date{right:0;max-width:30%}
}
@media(max-width:560px){
  .matches-list{gap:14px}
  .poster-match-card.match-card{min-height:196px;padding:29px 14px 18px;border-radius:0 0 20px 20px}
  .poster-action{top:12px;width:25px;height:25px}.poster-action svg{width:20px;height:20px}.poster-bell{left:12px}.poster-share{right:12px}
  .poster-group{top:30px;font-size:11px}
  .poster-body{grid-template-columns:minmax(82px,1fr) minmax(86px,112px) minmax(82px,1fr);gap:8px;padding-top:22px}
  .poster-flag-wrap{width:57px;height:57px;padding:2px}
  .poster-team-name{font-size:13px;letter-spacing:-.1px}
  .poster-main-value{font-size:31px;letter-spacing:.02em}
  .poster-status{min-width:78px;height:19px;font-size:10px;padding:2px 9px}
  .poster-divider{margin:12px 0 7px}
  .poster-bottom{gap:5px;justify-content:center}
  .poster-pill{min-height:24px;font-size:10px;padding:4px 8px}
  .poster-match-no{left:0;max-width:25%}
  .poster-match-no span{display:none}
  .poster-meta{max-width:57%;min-width:150px}
  .poster-date{max-width:29%;right:0}
  .next-strip{padding-inline:10px}
}
@media(max-width:390px){
  .poster-match-card.match-card{padding-inline:10px;min-height:188px}
  .poster-body{grid-template-columns:minmax(72px,1fr) minmax(78px,98px) minmax(72px,1fr);gap:6px}
  .poster-flag-wrap{width:50px;height:50px}
  .poster-team-name{font-size:12px}
  .poster-main-value{font-size:28px}
  .poster-meta{min-width:126px;max-width:55%}
  .poster-date{display:none}
}


/* v9: vector image flags instead of emoji/tiny icons */
.flag.flag-img{object-fit:cover;image-rendering:auto;background:#fff;}
.poster-flag-wrap .flag.flag-img{filter:saturate(1.03) contrast(1.02);}
.team-card .flag,.team-inline .flag,.modal-team .flag{object-fit:cover;background:#fff;}
.flag.placeholder{font-family:inherit;letter-spacing:0;}

/* v10: Light mode hard reset — fixes dark blocks appearing on desktop light theme */
body:not(.dark){
  --ink:#12151B;
  --muted:#68707A;
  --subtle:#9AA1AB;
  --bg:#F5F6F8;
  --bg-2:#ECEFF3;
  --card:#FFFFFF;
  --card-2:#F7F8FA;
  --line:#E4E7EB;
  --line-strong:#D6DBE1;
  --shadow:0 18px 44px rgba(15,23,42,.07);
  --shadow-soft:0 8px 22px rgba(15,23,42,.055);
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 38%,#EEF1F5 100%) !important;
  color:#12151B !important;
}
body:not(.dark) .header-inner,
body:not(.dark) .content-panel,
body:not(.dark) .next-strip,
body:not(.dark) .side-card,
body:not(.dark) .tools-panel,
body:not(.dark) .modal-card,
body:not(.dark) .poster-match-card.match-card{
  background:#FFFFFF !important;
  color:#12151B !important;
  border-color:#E4E7EB !important;
}
body:not(.dark) .header-inner{
  background:rgba(255,255,255,.92) !important;
}
body:not(.dark) .tab{
  color:#69717C !important;
  background:transparent !important;
}
body:not(.dark) .tab:hover{
  background:#F4F7FA !important;
  color:#12151B !important;
  border-color:#E4E7EB !important;
}
body:not(.dark) .tab.active{
  background:#EEF8FC !important;
  color:#0B84AE !important;
  border-color:#CBEAF5 !important;
  box-shadow:0 8px 18px rgba(20,127,167,.10) !important;
}
body:not(.dark) .icon-btn,
body:not(.dark) .settings-menu,
body:not(.dark) .settings-menu button,
body:not(.dark) .settings-menu a,
body:not(.dark) .tools-grid input,
body:not(.dark) .tools-grid select{
  background:#FFFFFF !important;
  color:#12151B !important;
  border-color:#E4E7EB !important;
}
body:not(.dark) .settings-menu button,
body:not(.dark) .settings-menu a,
body:not(.dark) .tools-grid input,
body:not(.dark) .tools-grid select{
  background:#F7F8FA !important;
}
body:not(.dark) .settings-menu button:hover,
body:not(.dark) .settings-menu a:hover{
  background:#EEF8FC !important;
  color:#0B84AE !important;
  border-color:#CBEAF5 !important;
}
body:not(.dark) .group-card,
body:not(.dark) .round-block,
body:not(.dark) .stat-card,
body:not(.dark) .team-card,
body:not(.dark) .team-row,
body:not(.dark) .knock-match,
body:not(.dark) .loading-card,
body:not(.dark) .empty-card,
body:not(.dark) .ad-box,
body:not(.dark) .chip,
body:not(.dark) .detail-pill,
body:not(.dark) .day-pill,
body:not(.dark) .quick-stats span,
body:not(.dark) .fav-box div{
  background:#F8F9FB !important;
  color:#68707A !important;
  border-color:#E4E7EB !important;
}
body:not(.dark) .table-wrap,
body:not(.dark) .standings-table,
body:not(.dark) .standings-table th,
body:not(.dark) .standings-table td{
  background:#FFFFFF !important;
  color:#12151B !important;
  border-color:#E4E7EB !important;
}
body:not(.dark) .standings-table th{
  background:#F7F8FA !important;
  color:#68707A !important;
}
body:not(.dark) .poster-action{
  background:transparent !important;
  color:#2F333A !important;
}
body:not(.dark) .poster-action:hover{
  background:#F1F4F7 !important;
  color:#0B84AE !important;
}
body:not(.dark) .poster-group,
body:not(.dark) .poster-main-value,
body:not(.dark) .poster-match-no,
body:not(.dark) .poster-match-no b{
  color:#1488B4 !important;
}
body:not(.dark) .poster-team-name{
  color:#15171C !important;
}
body:not(.dark) .poster-flag-wrap{
  background:#FFFFFF !important;
  border-color:#E6E9ED !important;
}
body:not(.dark) .poster-divider{
  background:#E8ECEF !important;
}
body:not(.dark) .poster-pill{
  background:#F2F4F6 !important;
  color:#727B84 !important;
}
body:not(.dark) .poster-match-no{
  background:#EEF9FD !important;
}
body:not(.dark) .poster-meta{
  background:#F3F5F7 !important;
  color:#6F757D !important;
}
body:not(.dark) .poster-date{
  background:#F7F8FA !important;
  color:#8A929B !important;
}
body:not(.dark) .poster-status{
  background:#EEE4FB !important;
  color:#7B3EB7 !important;
}
body:not(.dark) .poster-status.live{
  background:#E1F7EA !important;
  color:#00843D !important;
}
body:not(.dark) .poster-status.finished{
  background:#E8F2FF !important;
  color:#0057B8 !important;
}
body:not(.dark) .score-box,
body:not(.dark) .modal-close{
  background:#FFFFFF !important;
  color:#12151B !important;
  border-color:#D6DBE1 !important;
}
body:not(.dark) .modal-score{
  background:#1488B4 !important;
  color:#FFFFFF !important;
}
body:not(.dark) .stat-card strong,
body:not(.dark) .quick-stats b,
body:not(.dark) .day-pill b{
  color:#1488B4 !important;
}

/* v11 frontend live polling indicator */
.live-sync-chip{
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:0 11px;
  background:var(--card-2);
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
.live-sync-chip:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9aa2aa;
  flex:0 0 auto;
}
.live-sync-chip.ok:before{background:var(--blue)}
.live-sync-chip.updated{background:#eaf8f1;color:#087045;border-color:#bce8d3}
.live-sync-chip.updated:before{background:#0b8a55}
.live-sync-chip.loading{background:#fff8ed;color:#8a6510;border-color:#ead2a0}
.live-sync-chip.loading:before{background:#d29c00;animation:wcPulse 1s infinite ease-in-out}
.live-sync-chip.error{background:#fff0ee;color:#9f1d16;border-color:#f0c6c0}
.live-sync-chip.error:before{background:#b42318}
.live-sync-chip.off{opacity:.72}
.dark .live-sync-chip{background:#111722;border-color:#333c49;color:#aeb6c2}
.dark .live-sync-chip.updated{background:#0b2b20;color:#8df1bd;border-color:#18573e}
.dark .live-sync-chip.loading{background:#2d2412;color:#ffda84;border-color:#57431a}
.dark .live-sync-chip.error{background:#331917;color:#ffaaa3;border-color:#66302b}
@keyframes wcPulse{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.35);opacity:1}}
@media(max-width:760px){.live-sync-chip{display:none}}

/* v12 separate match details pages */
.poster-center,
.poster-group,
.poster-details-link,
.knock-detail-score{
  text-decoration:none;
}
.poster-center{color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;cursor:pointer}
.poster-details-link{font-weight:900;color:var(--blue)!important}
.back-chip{height:38px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 14px;text-decoration:none;color:var(--text);background:var(--card);font-weight:900;font-size:13px}
.match-page{max-width:1180px;margin:0 auto;padding:18px 0 48px}.detail-shell{min-height:100vh}.match-hero-detail{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#fff,#f7f8fa);box-shadow:0 20px 50px rgba(17,24,39,.07);padding:28px;margin-bottom:18px}.match-hero-detail:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(20,136,180,.12),transparent 35%),radial-gradient(circle at 80% 0%,rgba(142,80,185,.11),transparent 34%);pointer-events:none}.detail-source-chip{position:relative;z-index:1;width:max-content;margin:0 auto 18px;background:#eef9fd;color:#1488b4;border:1px solid #cfedf7;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:900}.detail-teams{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.detail-team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}.detail-team strong{font-size:25px;color:#15171c;line-height:1.1}.detail-team small{color:#8a929b;font-weight:800}.detail-flag{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#fff;border:8px solid #fff;box-shadow:0 14px 25px rgba(15,23,42,.14)}.detail-flag-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:#1488b4}.detail-score-box{min-width:150px;height:110px;border-radius:28px;background:#fff;border:1px solid #e6e9ed;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 35px rgba(15,23,42,.08)}.detail-score-box span{font-size:34px;font-weight:950;color:#1488b4;line-height:1}.detail-score-box small{margin-top:10px;color:#6f757d;font-weight:900}.detail-meta-line{position:relative;z-index:1;margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.detail-meta-line span{background:#f2f4f6;border:1px solid #e6e9ed;border-radius:999px;padding:8px 12px;color:#727b84;font-weight:900;font-size:12px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 16px 35px rgba(15,23,42,.055)}.detail-card.wide{grid-column:1/-1}.detail-card h2{margin:0 0 14px;font-size:19px;color:#15171c}.detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.detail-card-head h2{margin:0}.detail-card-head button{border:1px solid #dbe1e7;background:#f7f8fa;border-radius:999px;padding:9px 13px;font-family:inherit;font-weight:900;cursor:pointer}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-grid div{background:#f7f8fa;border:1px solid #e7eaee;border-radius:18px;padding:14px}.info-grid span{display:block;color:#8a929b;font-weight:900;font-size:12px;margin-bottom:6px}.info-grid strong{color:#15171c;font-size:15px}.detail-note{margin:14px 0 0;color:#69727c;font-weight:700}.channels-list,.poll-list,.last5-list,.source-links{display:flex;flex-direction:column;gap:10px}.channel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f8fa;border:1px solid #e7eaee;border-radius:16px;padding:12px}.channel-row strong{color:#15171c}.channel-row span{color:#69727c;font-weight:800}.muted-box{background:#f7f8fa;border:1px dashed #dbe1e7;border-radius:16px;padding:14px;color:#7a838d;font-weight:800}.poll-row{background:#f7f8fa;border:1px solid #e7eaee;border-radius:16px;padding:12px;overflow:hidden;position:relative}.poll-row div{position:relative;z-index:1;display:flex;justify-content:space-between;font-weight:900;color:#15171c}.poll-row em{position:absolute;inset:auto 0 0 auto;height:4px;background:#1488b4;border-radius:99px}.events-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.timeline-box{border:1px solid #e7eaee;border-radius:18px;padding:14px;background:#fff}.timeline-box h3{margin:0 0 10px;color:#15171c}.source-links a{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #dbe1e7;border-radius:16px;padding:12px;color:#1488b4;background:#f7f8fa;font-weight:900}.dark .match-hero-detail,.dark .detail-card,.dark .detail-score-box,.dark .timeline-box{background:#111722;border-color:#2a3442;box-shadow:none}.dark .match-hero-detail{background:linear-gradient(180deg,#111722,#0c1119)}.dark .detail-team strong,.dark .detail-card h2,.dark .info-grid strong,.dark .channel-row strong,.dark .poll-row div,.dark .timeline-box h3{color:#eef3f8}.dark .detail-score-box{background:#0c1119}.dark .info-grid div,.dark .channel-row,.dark .muted-box,.dark .poll-row,.dark .source-links a,.dark .detail-card-head button,.dark .detail-meta-line span{background:#0c1119;border-color:#2a3442;color:#aeb6c2}.dark .detail-note,.dark .channel-row span,.dark .detail-team small{color:#aeb6c2}.dark .back-chip{background:#111722;color:#eef3f8;border-color:#2a3442}@media(max-width:820px){.match-page{padding:12px 0 36px}.match-hero-detail{border-radius:22px;padding:20px 12px}.detail-teams{grid-template-columns:1fr auto 1fr;gap:10px}.detail-team strong{font-size:16px}.detail-team small{display:none}.detail-flag{width:64px;height:64px;border-width:5px}.detail-score-box{min-width:92px;height:80px;border-radius:20px}.detail-score-box span{font-size:24px}.detail-grid{grid-template-columns:1fr}.info-grid,.events-layout{grid-template-columns:1fr}.detail-meta-line{gap:6px}.detail-meta-line span{font-size:11px;padding:7px 10px}.detail-card{border-radius:18px;padding:15px}.detail-card-head{align-items:flex-start;flex-direction:column}.header-inner{gap:8px}}

/* v13 launch-ready pages + footer */
.footer.site-footer{margin-top:22px;border-top:1px solid var(--line);padding:22px 0 10px}.footer-links{display:flex;justify-content:center;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:10px}.footer-links a{color:var(--muted);text-decoration:none;font-weight:900;font-size:13px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px}.footer-links a:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.static-page{display:grid;place-items:center}.static-card{width:min(920px,100%);background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);line-height:2}.static-card h1{margin:0 0 12px;font-size:34px;letter-spacing:-.5px}.static-card h2{margin:26px 0 8px;font-size:22px}.static-card p{margin:0 0 12px;color:var(--ink);font-weight:700}.static-card ul{margin:0 0 10px;padding-inline-start:22px}.static-card li{margin:6px 0;font-weight:800}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.contact-grid>div{background:var(--card-2);border:1px solid var(--line);border-radius:18px;padding:14px}.contact-grid span{display:block;color:var(--muted);font-weight:900;font-size:12px}.contact-grid strong{display:block;margin-top:4px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.contact-form label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:900}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--card-2);border-radius:16px;padding:12px 13px;color:var(--ink);font-family:inherit;font-weight:800}.contact-form textarea{min-height:140px}.contact-form .full{grid-column:1/-1}.dark .static-card,.dark .footer-links a{background:var(--card);border-color:var(--line)}.dark .contact-grid>div,.dark .contact-form input,.dark .contact-form textarea{background:#111722}@media(max-width:720px){.static-card{padding:20px;border-radius:22px}.static-card h1{font-size:27px}.contact-grid,.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.footer-links{gap:8px}.footer-links a{font-size:12px;padding:7px 10px}}

/* v14 launch polish: persistent theme across pages, match-page light fix, install toast */
body.match-detail-body:not(.dark){
  --ink:#111318;
  --muted:#707782;
  --subtle:#9AA1AB;
  --bg:#F4F5F6;
  --bg-2:#ECEEF1;
  --card:#FFFFFF;
  --card-2:#F8F9FA;
  --line:#E1E4E8;
  --line-strong:#D4D8DE;
  background:linear-gradient(180deg,#ffffff 0%,#f5f6f7 45%,#eceff2 100%) !important;
  color:#111318 !important;
}
body.match-detail-body:not(.dark) .match-hero-detail,
body.match-detail-body:not(.dark) .detail-card,
body.match-detail-body:not(.dark) .timeline-box,
body.match-detail-body:not(.dark) .detail-score-box{
  background:#ffffff !important;
  border-color:#e2e6ea !important;
  color:#111318 !important;
  box-shadow:0 16px 38px rgba(17,24,39,.06) !important;
}
body.match-detail-body:not(.dark) .match-hero-detail{
  background:linear-gradient(180deg,#ffffff,#f8f9fb) !important;
}
body.match-detail-body:not(.dark) .header-inner{
  background:rgba(255,255,255,.9) !important;
  border-color:#e4e7eb !important;
}
body.match-detail-body:not(.dark) .detail-team strong,
body.match-detail-body:not(.dark) .detail-card h2,
body.match-detail-body:not(.dark) .info-grid strong,
body.match-detail-body:not(.dark) .channel-row strong,
body.match-detail-body:not(.dark) .poll-row div,
body.match-detail-body:not(.dark) .timeline-box h3{
  color:#15171c !important;
}
body.match-detail-body:not(.dark) .info-grid div,
body.match-detail-body:not(.dark) .channel-row,
body.match-detail-body:not(.dark) .muted-box,
body.match-detail-body:not(.dark) .poll-row,
body.match-detail-body:not(.dark) .detail-card-head button,
body.match-detail-body:not(.dark) .detail-meta-line span{
  background:#f7f8fa !important;
  border-color:#e6eaee !important;
  color:#69727c !important;
}
body.match-detail-body:not(.dark) .detail-card-head button:hover{
  background:#eef2f6 !important;
  color:#111318 !important;
}
body.match-detail-body:not(.dark) .back-chip{
  background:#ffffff !important;
  color:#111318 !important;
  border-color:#e1e4e8 !important;
}
body.match-detail-body:not(.dark) .detail-score-box span,
body.match-detail-body:not(.dark) .detail-source-chip{
  color:#1488b4 !important;
}
body.match-detail-body:not(.dark) .detail-note,
body.match-detail-body:not(.dark) .channel-row span,
body.match-detail-body:not(.dark) .detail-team small{
  color:#69727c !important;
}
.install-toast{
  position:fixed;
  inset:auto max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  z-index:9999;
  max-width:560px;
  margin:0 auto;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 36px;
  align-items:center;
  gap:12px;
  direction:rtl;
  transform:translateY(22px);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(225,228,232,.95);
  border-radius:22px;
  padding:12px;
  box-shadow:0 22px 55px rgba(15,23,42,.16);
  backdrop-filter:blur(18px);
}
.install-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.install-toast-icon{
  width:44px;height:44px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#D71920,#0057B8 52%,#00843D);
  color:#fff;font-size:20px;font-weight:900;box-shadow:0 10px 22px rgba(0,87,184,.18)
}
.install-toast-text{display:grid;gap:3px;min-width:0}
.install-toast-text strong{font-size:14px;color:#111318;line-height:1.3}
.install-toast-text span{font-size:12px;color:#666f7a;font-weight:800;line-height:1.7}
.install-toast-close{
  width:36px;height:36px;border:1px solid #e1e4e8;background:#f8f9fa;color:#111318;
  border-radius:13px;font-size:20px;line-height:1;cursor:pointer;font-family:inherit;font-weight:900
}
.install-toast-close:hover{background:#eef1f4}
.dark .install-toast{
  background:rgba(17,23,34,.94);
  border-color:#303a47;
  box-shadow:0 22px 55px rgba(0,0,0,.34);
}
.dark .install-toast-text strong{color:#f3f6fa}
.dark .install-toast-text span{color:#aeb6c2}
.dark .install-toast-close{background:#0c1119;border-color:#303a47;color:#f3f6fa}
.dark .install-toast-close:hover{background:#151c27}
@media(min-width:860px){.install-toast{inset-inline:auto 22px;max-width:470px;margin:0}}
@media(max-width:520px){.install-toast{grid-template-columns:38px minmax(0,1fr) 34px;border-radius:18px;padding:10px}.install-toast-icon{width:38px;height:38px;border-radius:14px}.install-toast-text strong{font-size:13px}.install-toast-text span{font-size:11px}.install-toast-close{width:34px;height:34px}}

/* v15: actionable PWA install prompt + advanced match actions */
.install-toast.install-toast-actionable{
  grid-template-columns:44px minmax(0,1fr) auto;
  max-width:620px;
  background:rgba(255,255,255,.96);
  border-color:rgba(216,220,226,.98);
}
.install-toast-actions{display:flex;align-items:center;gap:8px}
.install-toast-add{
  height:38px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#111827,#253044);
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(17,24,39,.18);
}
.install-toast-add:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(17,24,39,.22)}
.install-toast-add:disabled{opacity:.72;cursor:wait;transform:none}
.dark .install-toast.install-toast-actionable{
  background:rgba(16,23,34,.96);
  border-color:#303a47;
}
.dark .install-toast-add{
  background:linear-gradient(135deg,#f4f7fb,#cbd5e1);
  color:#101722;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}
.match-quick-actions{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.quick-action-btn{
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:999px;
  background:#fff;
  color:#111827;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}
.quick-action-btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(15,23,42,.10)}
.quick-action-btn.success{border-color:rgba(0,132,61,.25);color:#007a3d;background:#f0fff7}
.dark .quick-action-btn{
  background:#141c28;
  border-color:#303a47;
  color:#f3f6fa;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.dark .quick-action-btn.success{background:rgba(0,132,61,.12);color:#7ee0aa;border-color:rgba(126,224,170,.25)}
@media(max-width:520px){
  .install-toast.install-toast-actionable{grid-template-columns:38px minmax(0,1fr);gap:10px}
  .install-toast-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 42px;width:100%}
  .install-toast-add{height:42px}
  .match-quick-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .quick-action-btn{width:100%}
}

/* v16: match-page ad slots and cleaner generic code blocks */
.match-ad-zone{margin:14px 0;min-height:0}
.detail-grid>.ad-zone.wide{grid-column:1/-1}
.ad-slot-match_top,.ad-slot-match_after_hero,.ad-slot-match_inside_details,.ad-slot-match_bottom{width:100%}