/* ==========================================================================
   Koora Live V3 – app redesign layer
   Loaded after style.css. Mirrors the Koora Live app design system:
   dark premium surfaces, red accent #771616/#8E1C1C/#C42B2B, glass cards,
   Cairo for Arabic + Chakra Petch for numbers.
   ========================================================================== */

@font-face{font-family:"KooraCairo";src:url("../fonts/cairo.woff") format("woff");font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:"KooraChakra";src:url("../fonts/chakra-500.woff") format("woff");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"KooraChakra";src:url("../fonts/chakra-600.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"KooraChakra";src:url("../fonts/chakra-700.woff") format("woff");font-weight:700 900;font-style:normal;font-display:swap}

:root{
  --k3-bg:#080606;
  --k3-page:radial-gradient(90% 45% at 115% 30%,rgba(140,16,18,.50) 0%,rgba(140,16,18,0) 70%),radial-gradient(70% 30% at 110% 85%,rgba(110,14,16,.32) 0%,rgba(110,14,16,0) 70%),linear-gradient(270deg,#2A0709 0%,#140708 38%,#080606 72%,#060505 100%);
  --k3-glass:linear-gradient(270deg,rgba(150,40,42,.24) 0%,rgba(255,255,255,.09) 55%,rgba(255,255,255,.075) 100%);
  --k3-glass-border:rgba(255,255,255,.09);
  --k3-glass-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  --k3-fill:rgba(255,255,255,.09);
  --k3-fill-2:rgba(255,255,255,.06);
  --k3-line:rgba(255,255,255,.07);
  --k3-red-900:#771616;
  --k3-red-700:#8E1C1C;
  --k3-red-500:#C42B2B;
  --k3-red-btn:linear-gradient(180deg,#A42424 0%,#771616 100%);
  --k3-text:#F5F2F2;
  --k3-text-2:#D8D2D3;
  --k3-text-3:#B5AEAF;
  --k3-text-4:#938C8D;
  --k3-text-5:#6E6869;
  --k3-green:#3DBE6E;
  --k3-blue:#4FA3F7;
  --k3-yellow:#E8B931;
  --k3-live:#E5484D;
  --k3-font:"KooraChakra","KooraCairo",Tahoma,Arial,sans-serif;
  --k3-num:"KooraChakra","KooraCairo",sans-serif;
  --k3-radius:14px;
}

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */
html{background:var(--k3-bg)}
html body,html body.match-detail-page,html body.rankings-page{background:var(--k3-page)!important;background-color:var(--k3-bg)!important;background-attachment:fixed!important;color:var(--k3-text);font-weight:500;line-height:1.4;-webkit-font-smoothing:antialiased}
html body h1,html body h2,html body h3,html body b,html body strong{font-weight:600}
.k3-num,.t,.match-time,.hero-score,.live-count,.league-count,.standings-table td,.countdown-unit strong{font-family:var(--k3-num);font-feature-settings:"tnum" 1,"lnum" 1}
::selection{background:rgba(196,43,43,.45)}
:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}

/* --------------------------------------------------------------------------
   Top bar
   -------------------------------------------------------------------------- */
@media (max-width:899px){
html body .topbar{height:auto;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:12px 12px 0;background:transparent!important;border:0;box-shadow:none;direction:inherit}
html body .topbar .brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;justify-self:start;width:auto;height:auto;flex:none;padding:0;background:transparent!important;box-shadow:none;border-radius:0;font-size:17px;font-weight:800;font-style:italic;line-height:.82;color:var(--k3-text);text-decoration:none;direction:ltr}
html body .topbar .brand img{height:30px;width:auto;display:block;border-radius:4px}
html body .topbar .top-actions{display:contents}
html body .topbar .live-pill{grid-column:2;grid-row:1;height:30px;padding:0 12px 0 11px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);display:inline-flex;align-items:center;gap:7px;color:var(--k3-text);font-size:13px;font-weight:600;line-height:1;direction:inherit}
html body .topbar .live-pill .live-dot{order:-2;position:static;flex:0 0 6px;width:6px!important;height:6px!important;border-radius:3px;background:var(--k3-live);box-shadow:0 0 0 3px rgba(229,72,77,.20);animation:k3Pulse 1.8s ease-in-out infinite}
html body .topbar .live-pill .live-count{order:-1;min-width:0;height:auto;padding:0;background:none;border:0;color:var(--k3-text);font-size:13px;font-weight:600;font-family:var(--k3-num)}
html body .topbar .live-pill .live-count:empty,html body .topbar .live-pill .live-count[data-zero]{display:none}
html body .topbar .live-pill[aria-pressed="true"]{background:linear-gradient(180deg,#B32222 0%,#8E1C1C 100%);border-color:rgba(255,255,255,.22)}
html body .topbar .icon-btn{grid-row:1;width:40px;height:40px;border:0;background:transparent!important;color:var(--k3-text);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:none}
html body .topbar .icon-btn svg{width:22px;height:22px}
html body .topbar .mobile-settings{grid-column:3;justify-self:end;margin-inline-end:80px}
html body .topbar .menu-icon-btn{grid-column:3;justify-self:end;margin-inline-end:40px}
html body .topbar .search-icon-btn{grid-column:3;justify-self:end}
}
@media (min-width:900px){html body .topbar{background:linear-gradient(180deg,rgba(20,7,8,.92) 0%,rgba(20,7,8,.75) 100%)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html body .topbar .brand{background:transparent!important;box-shadow:none!important;color:var(--k3-red-500)!important}}
@keyframes k3Pulse{0%,100%{box-shadow:0 0 0 3px rgba(229,72,77,.20)}50%{box-shadow:0 0 0 5px rgba(229,72,77,.06)}}

/* --------------------------------------------------------------------------
   Date navigation
   -------------------------------------------------------------------------- */
html body .date-nav{display:flex;align-items:center;gap:6px;height:auto;padding:14px 12px 0;background:transparent;border:0;border-radius:0;direction:inherit}
html body .date-nav .arrow-btn,html body .date-nav .calendar-btn{width:44px;height:44px;flex:none;border-radius:12px;background:var(--k3-fill)!important;border:1px solid var(--k3-glass-border)!important;color:var(--k3-text);display:flex;align-items:center;justify-content:center;box-shadow:none;margin:0;padding:0;position:relative}
html body .date-nav .calendar-btn{order:3}
html body .date-nav .arrow-right{order:4}
html body .date-nav .arrow-left{order:0}
html[dir=rtl] body .date-nav .date-tabs{direction:ltr}html[dir=ltr] body .date-nav .date-tabs{direction:rtl}
html body .date-nav .date-tabs{order:2;flex:1;min-width:0;height:44px;padding:0;border-radius:12px;background:var(--k3-fill)!important;border:1px solid var(--k3-glass-border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;overflow:visible;box-shadow:none}
html body .date-nav .date-tab{height:42px;border-radius:11px;background:transparent!important;border:1px solid transparent!important;color:var(--k3-text-3);font-weight:500;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:none;transition:background-color .3s ease,color .3s ease}
html body .date-nav .date-tab strong{font-size:12px;font-weight:inherit;line-height:1.2;white-space:nowrap;direction:inherit}
html body .date-nav .date-tab>*{direction:var(--k3-dir,rtl)}html[dir=ltr] body .date-nav .date-tab>*{--k3-dir:ltr}
html body .date-nav .date-tab.active{background:rgba(119,22,22,.55)!important;border-color:rgba(255,255,255,.14)!important;color:#fff;font-weight:600}
html body .date-nav .tab-symbol{width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin:0}
html body .date-nav .tab-symbol svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
html body .date-nav .tab-symbol.prev::before,html body .date-nav .tab-symbol.next::before{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(-45deg);display:block}
html[dir=rtl] body .date-nav .tab-symbol.prev::before{transform:rotate(-45deg)}
html[dir=rtl] body .date-nav .tab-symbol.next::before{transform:rotate(135deg)}
html[dir=ltr] body .date-nav .tab-symbol.prev::before{transform:rotate(135deg)}
html body .date-nav .calendar-symbol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
html body .date-nav .box-chevron{width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;display:block;background:none;margin:0}
html[dir=rtl] body .date-nav .arrow-left .box-chevron{transform:rotate(-45deg)}
html[dir=rtl] body .date-nav .arrow-right .box-chevron{transform:rotate(135deg)}
html[dir=ltr] body .date-nav .arrow-left .box-chevron{transform:rotate(135deg)}
html[dir=ltr] body .date-nav .arrow-right .box-chevron{transform:rotate(-45deg)}
html body .date-nav .box-chevron::before,html body .date-nav .box-chevron::after{display:none}

/* --------------------------------------------------------------------------
   League strip + league groups + match cards
   -------------------------------------------------------------------------- */
html body .league-strip{display:flex;gap:12px;padding:16px 12px 0;overflow-x:auto;background:transparent;border:0;direction:inherit}
html body .league-strip .league-logo{flex:0 0 50px;width:50px;height:50px;border-radius:14px;background:transparent;border:1px solid transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;color:var(--k3-text-2);font-size:11px;transition:background-color .25s ease,border-color .25s ease}
html body .league-strip .league-logo img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
html body .league-strip .league-logo.active,html body .league-strip .league-logo[aria-pressed="true"]{background:rgba(119,22,22,.45);border-color:rgba(255,255,255,.14);outline:0}

html body .fixtures{display:flex;flex-direction:column;gap:8px;padding:14px 12px 24px}
html body .fixtures .league{display:flex;flex-direction:column;gap:8px;margin:0 0 4px}
html body .league-title{display:flex;align-items:center;gap:10px;min-height:44px;height:auto;margin:0;padding:0 12px;border-radius:var(--k3-radius);background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow);color:var(--k3-text);font-size:15px;font-weight:600}
html body .league-title .league-identity{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
html body .league-title .league-emblem{order:0;width:24px;height:24px;flex:none;border-radius:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center;box-shadow:none;font-size:10px}
html body .league-title .league-emblem img{width:24px;height:24px;object-fit:contain}
html body .league-title .league-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .league-title .league-title-actions{display:flex;align-items:center;gap:6px}
html body .league-title .league-ranking-link{height:26px;padding:0 10px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:var(--k3-text-2);font-size:11px;font-weight:600;display:inline-flex;align-items:center;text-decoration:none}
html body .league-title .league-count{height:26px;padding:0 9px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:var(--k3-text-2);display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}

html body .fixtures .match{position:relative;min-height:60px;height:auto;margin:0;padding:0;border-radius:var(--k3-radius);background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow);display:block;overflow:hidden;transition:transform .16s ease,border-color .2s ease}
html body .fixtures .match:active{transform:scale(.985)}
html body .fixtures .match .match-detail-link,html body .fixtures .match>.team:first-child{direction:inherit;display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:center;gap:6px;min-height:60px;padding:0 12px;color:inherit;text-decoration:none}
html body .fixtures .match .team{display:flex;align-items:center;gap:8px;min-width:0;flex-direction:row}
html body .fixtures .match .team-away{justify-content:flex-end}
html body .fixtures .match .team-badge{width:28px;height:28px;flex:none;border-radius:0;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center;font-size:10px}
html body .fixtures .match .team-badge img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
html body .fixtures .match .team-name{font-size:14px;font-weight:600;color:var(--k3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
html body .fixtures .match .match-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;min-width:0}
html body .fixtures .match .match-time{direction:ltr;font-size:17px;font-weight:600;color:#fff;line-height:1.1;letter-spacing:0}
html body .fixtures .match .match-time.score{font-size:19px}
html body .fixtures .match .status{font-size:11px;font-weight:500;color:var(--k3-text-4);line-height:1.2;background:none;padding:0;border:0}
html body .fixtures .match .status.live-status{color:var(--k3-live);font-weight:600}
html body .fixtures .match[data-live="1"]{border-color:rgba(229,72,77,.32)!important}
html body .fixtures .match[data-live="1"]::after{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--k3-live)}
html[dir=rtl] body .fixtures .match[data-live="1"]::after{border-radius:3px 0 0 3px}

/* --------------------------------------------------------------------------
   Bottom navigation (floating glass bar)
   -------------------------------------------------------------------------- */
html body .bottom-nav{position:fixed;z-index:60;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),506px);height:62px;padding:4px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:31px;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.05) 100%),rgba(28,22,23,.6)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 20px rgba(0,0,0,.40)!important;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);direction:inherit;overflow:visible}
html body .bottom-nav .nav-item{position:relative;z-index:1;height:auto!important;align-self:stretch!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:22px!important;background:transparent!important;box-shadow:none!important;color:#C9C2C3!important;font-size:10px;font-weight:500;line-height:1.2;text-decoration:none;transition:color .32s cubic-bezier(.25,.8,.25,1)}
html body .bottom-nav .nav-item .nav-icon{width:24px;height:24px;margin:0;display:flex;align-items:center;justify-content:center;opacity:.82;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .24s ease}
html body .bottom-nav .nav-item .nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
html body .bottom-nav .nav-item .nav-icon svg *{fill:none!important;stroke:currentColor!important}
html body .bottom-nav .nav-item .nav-icon svg .k3-dot{fill:currentColor!important;stroke:none!important}
html body .bottom-nav .nav-item.active{color:#fff!important;font-weight:600;background:radial-gradient(120% 90% at 28% 0%,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(200,50,50,.66) 0%,rgba(128,24,24,.70) 100%)!important;border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -1px 1px rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.28)!important;animation:k3Cap .6s cubic-bezier(.25,.8,.25,1)}
html body .bottom-nav .nav-item.active .nav-icon{transform:translateY(-2px) scale(1.08);opacity:1}
html body .bottom-nav .nav-item:active .nav-icon{transform:scale(.88);transition-duration:.12s}
html body .bottom-nav .nav-item:nth-child(3):not(.active),html body.koora-feature-chat .bottom-nav .nav-item:nth-child(6):not(.active){height:auto!important;background:transparent!important;border-radius:22px!important;color:#C9C2C3!important}
@keyframes k3Cap{0%{scale:1 1}28%{scale:1.16 .91}58%{scale:.975 1.025}80%{scale:1.006 .997}100%{scale:1 1}}
html body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}

/* --------------------------------------------------------------------------
   Ask AI – docks half-hidden on the screen edge, slides out on touch, draggable
   -------------------------------------------------------------------------- */
html body .ask-ai{position:fixed;z-index:59;top:auto;right:auto;left:16px;bottom:calc(50% - 27px);width:54px;height:54px;padding:0;border-radius:27px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(70% 70% at 50% 30%,#B42A2A 0%,#771616 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 8px rgba(0,0,0,.28)!important;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-size:9px;font-weight:600;line-height:10px;font-family:var(--k3-num);transition:left .55s cubic-bezier(.22,1,.36,1),right .55s cubic-bezier(.22,1,.36,1),opacity .4s ease,box-shadow .4s ease}
html body .ask-ai>b{display:none}
html body .ask-ai svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:translate .55s cubic-bezier(.22,1,.36,1)}
html body .ask-ai .k3-ai-label{transition:opacity .4s ease,translate .55s cubic-bezier(.22,1,.36,1)}
html body .ask-ai.is-docked{left:-25px;opacity:.88;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),2px 0 10px rgba(0,0,0,.35)!important}
html body .ask-ai.is-docked svg{translate:12px 0}
html body .ask-ai.is-docked .k3-ai-label{opacity:0;translate:12px 0}
html body .ask-ai.is-right{left:auto;right:16px}
html body .ask-ai.is-right.is-docked{right:-25px;left:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),-2px 0 10px rgba(0,0,0,.35)!important}
html body .ask-ai.is-right.is-docked svg,html body .ask-ai.is-right.is-docked .k3-ai-label{translate:-12px 0}
html body .ask-ai.is-dragging{transition:none;cursor:grabbing}
@media (prefers-reduced-motion:reduce){html body .ask-ai,html body .ask-ai svg,html body .ask-ai .k3-ai-label{transition-duration:1ms}}
@media (min-width:900px){html body .ask-ai,html body .bottom-nav{display:none!important}html body{padding-bottom:0}}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
html body .site-footer{background:linear-gradient(180deg,rgba(8,6,6,0) 0%,#080606 18%)!important;border-top:1px solid var(--k3-line)!important;color:var(--k3-text-3)}
html body .site-footer a{color:var(--k3-text-2)}
html body .site-footer h2,html body .footer-menu-column h2{color:var(--k3-text);font-size:14px;font-weight:600}
html body .footer-brand{color:var(--k3-red-500)}
html body .footer-copyright{border-top-color:var(--k3-line)!important;color:var(--k3-text-4)}

/* --------------------------------------------------------------------------
   Panels, drawers, modals
   -------------------------------------------------------------------------- */
html body .mobile-menu-drawer,html body .settings-panel{background:linear-gradient(180deg,#1A0C0E 0%,#0B0707 100%)!important;border-color:rgba(255,255,255,.10)!important;color:var(--k3-text)}
html body .language-dialog{background:linear-gradient(180deg,#1E0F11 0%,#0E0809 100%)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important}
html body .language-dialog button{background:var(--k3-fill)!important;border:1px solid var(--k3-glass-border)!important;border-radius:12px!important;color:var(--k3-text)}
html body .language-dialog .close-language{background:var(--k3-red-btn)!important}
html body .koora-page-loader{background:rgba(8,6,6,.72)}
html[dir=rtl] body .fixtures .match,html[dir=rtl] body .fixtures .match .match-detail-link{direction:rtl}
html[dir=rtl] body .fixtures .match .match-time.score{direction:rtl;unicode-bidi:isolate}
html body .league-strip{padding:16px 12px 0!important;margin:0!important;min-height:0!important;height:auto!important}
html body .league-strip{scrollbar-width:none;align-items:center}html body .league-strip::-webkit-scrollbar{display:none}
html body .league-strip .league-logo{box-sizing:border-box!important;padding:0!important;height:50px!important;min-height:0!important}

/* ==========================================================================
   Match page
   ========================================================================== */
html body .match-detail-shell{background:transparent}
html body .match-hero{position:relative;padding:4px 12px 0!important;margin:0!important;border-radius:0!important;border:0!important;background:radial-gradient(70% 90% at 12% 25%,rgba(74,46,34,.38) 0%,rgba(74,46,34,0) 70%),radial-gradient(70% 90% at 92% 30%,rgba(66,30,44,.36) 0%,rgba(66,30,44,0) 70%),linear-gradient(180deg,#1D202A 0%,#17181F 100%)!important;box-shadow:none!important;overflow:visible}
html body .match-hero::before,html body .match-hero::after{display:none!important}
html body .match-hero .match-back{position:absolute;top:4px;inset-inline-start:12px;z-index:3;width:44px;height:44px;border:0;background:transparent!important;color:var(--k3-text);display:flex;align-items:center;justify-content:center;padding:0;font-size:0;box-shadow:none}
html[dir=ltr] body .match-hero .match-back svg{transform:scaleX(-1)}
html body .k3-hero-actions{position:absolute;top:7px;inset-inline-end:12px;z-index:3;display:flex;align-items:center;gap:8px}
html body .match-hero .match-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr)!important;align-items:end;gap:0;padding:52px 0 14px!important;margin:0!important;min-height:0;background:none!important;border:0!important;box-shadow:none!important;direction:inherit}
html body .match-hero .hero-team{display:flex!important;flex-direction:column!important;align-items:center;gap:8px;min-width:0;color:var(--k3-text);text-decoration:none;background:none!important;border:0!important;padding:0!important}
html body .match-hero .hero-team strong{order:0;font-size:16px;font-weight:600;line-height:1.3;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k3-text)}
html body .match-hero .hero-team img{order:1;width:64px!important;height:64px!important;object-fit:contain;border-radius:0!important;background:none!important;box-shadow:none!important;border:0!important;filter:drop-shadow(0 5px 6px rgba(0,0,0,.55))}
html body .match-hero .hero-center{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding-bottom:10px;min-width:0;background:none!important;border:0!important}
html body .match-hero .hero-kickoff{order:0;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--k3-text);background:none!important;padding:0!important;border:0!important}
html body .match-hero .hero-score{order:1;direction:ltr;font-size:28px;line-height:1.1;font-weight:600;color:#fff;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;letter-spacing:.5px}
html[dir=rtl] body .match-hero .hero-score{direction:rtl;unicode-bidi:isolate}
html body .match-hero .match-desktop-status{order:2;height:22px;padding:0 10px;border-radius:11px;background:rgba(255,255,255,.08)!important;color:var(--k3-text-2);font-size:12px;font-weight:600;font-style:normal;display:inline-flex;align-items:center;gap:4px;border:0!important;box-shadow:none!important}
html body .match-hero .match-desktop-status [data-live-minute]{font-family:var(--k3-num)}
html body .match-detail-shell[data-live="1"] .match-desktop-status,html body .match-hero .match-desktop-status[data-live-match-clock]{background:rgba(229,72,77,.16)!important;color:#F6C9CA}
html body .match-hero .match-desktop-note{display:none}
html body .match-hero .match-countdown{order:1;height:40px;padding:0 16px;border-radius:20px;background:#1A2337!important;border:0!important;display:flex;align-items:center;gap:6px;direction:ltr;box-shadow:none!important}
html body .match-hero .countdown-unit{display:flex;align-items:baseline;gap:2px;background:none!important;border:0!important;padding:0!important;min-width:0}
html body .match-hero .countdown-unit strong{font-size:17px;font-weight:600;color:#fff}
html body .match-hero .countdown-unit small{font-size:9px;color:var(--k3-text-4)}
html body .match-hero .hero-venue{order:3;font-size:11px;color:var(--k3-text-4);background:none!important;padding:0!important;border:0!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tabs */
html body .match-hero .match-tabs{display:flex!important;gap:0;margin:0 -12px!important;padding:0 8px!important;overflow-x:auto;scrollbar-width:none;background:#17181F!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;box-shadow:none!important;position:relative}
html body .match-hero .match-tabs::-webkit-scrollbar{display:none}
html body .match-hero .match-tabs button{position:relative;flex:1 0 auto;height:48px;padding:0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--k3-text-3)!important;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:none!important;transition:color .3s cubic-bezier(.25,.8,.25,1)}
html body .match-hero .match-tabs button::after{content:""!important;display:block!important;position:absolute;left:6px;right:6px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#B11E1E!important;transform:scaleX(0);opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s ease}
html body .match-hero .match-tabs button.active{color:#fff!important;font-weight:600}
html body .match-hero .match-tabs button.active::after{transform:scaleX(1);opacity:1}
html body .match-hero .match-tabs button::before{display:none!important}

/* Bell + share buttons */
.evb{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;display:flex}
.evb-c{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.evb-b,.evs{position:relative;width:38px;height:38px;border-radius:19px;box-sizing:border-box;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#F5F2F2;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .16s ease}
.evb:active .evb-b,.evs:active{transform:scale(.9)}
.evb .on{display:none}
.evb-c:checked+.evb-b{background:linear-gradient(180deg,#D23030 0%,#8E1C1C 100%);border-color:rgba(255,255,255,.28);box-shadow:0 4px 14px rgba(196,43,43,.45)}
.evb-c:checked+.evb-b .on{display:block}
.evb-c:checked+.evb-b .off{display:none}
.evb.is-anim .evb-c:checked+.evb-b{animation:evbPop 560ms cubic-bezier(.34,1.56,.64,1)}
.evb.is-anim .evb-c:checked+.evb-b svg.on{transform-origin:50% 10%;animation:evbRing 1200ms cubic-bezier(.36,.07,.19,.97) 80ms}
.evb.is-anim .evb-c:checked+.evb-b svg.on .cl{animation:evbClap 1200ms cubic-bezier(.36,.07,.19,.97) 80ms}
.evb-b::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid #E5484D;opacity:0;pointer-events:none}
.evb.is-anim .evb-c:checked+.evb-b::after{animation:evbRip 900ms cubic-bezier(.22,1,.36,1) 60ms}
.evb-w{position:absolute;top:9px;width:9px;height:18px;border:0 solid #FF9E9E;border-radius:50%;opacity:0;pointer-events:none}
.evb-w.l{left:-7px;border-left-width:2px}.evb-w.r{right:-7px;border-right-width:2px}
.evb-w.l2{left:-12px;top:6px;height:24px;width:12px;border-left-width:2px}.evb-w.r2{right:-12px;top:6px;height:24px;width:12px;border-right-width:2px}
.evb.is-anim .evb-c:checked+.evb-b .evb-w.l,.evb.is-anim .evb-c:checked+.evb-b .evb-w.l2{animation:evbWaveL 700ms ease-out 2}
.evb.is-anim .evb-c:checked+.evb-b .evb-w.r,.evb.is-anim .evb-c:checked+.evb-b .evb-w.r2{animation:evbWaveR 700ms ease-out 2}
.evb.is-anim .evb-c:checked+.evb-b .evb-w.l2,.evb.is-anim .evb-c:checked+.evb-b .evb-w.r2{animation-delay:120ms}
.evb-c:focus-visible+.evb-b,.evs:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}
.evb.is-off:not(.is-anim) .evb-b svg.off{transform-origin:50% 10%;animation:evbHint 2600ms cubic-bezier(.36,.07,.19,.97) 700ms both}
.evb.is-off:not(.is-anim) .evb-c:not(:checked)+.evb-b{animation:evbHintBg 2600ms ease 700ms both}
@keyframes evbPop{0%{transform:scale(.82)}55%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes evbRing{0%{rotate:0deg}10%{rotate:26deg}22%{rotate:-22deg}34%{rotate:17deg}46%{rotate:-12deg}58%{rotate:8deg}70%{rotate:-5deg}82%{rotate:2deg}100%{rotate:0deg}}
@keyframes evbClap{0%{translate:0 0}10%{translate:-2.2px 0}22%{translate:2.2px 0}34%{translate:-1.6px 0}46%{translate:1.2px 0}58%{translate:-.8px 0}70%{translate:.4px 0}100%{translate:0 0}}
@keyframes evbRip{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes evbWaveL{0%{opacity:0;translate:4px 0}35%{opacity:1}100%{opacity:0;translate:-5px 0}}
@keyframes evbWaveR{0%{opacity:0;translate:-4px 0}35%{opacity:1}100%{opacity:0;translate:5px 0}}
@keyframes evbHint{0%{rotate:0}5%{rotate:22deg}11%{rotate:-18deg}17%{rotate:13deg}23%{rotate:-8deg}29%{rotate:4deg}35%,50%{rotate:0}55%{rotate:22deg}61%{rotate:-18deg}67%{rotate:13deg}73%{rotate:-8deg}79%{rotate:4deg}85%,100%{rotate:0}}
@keyframes evbHintBg{0%,100%{background:rgba(255,255,255,.08);box-shadow:0 0 0 0 rgba(229,72,77,0)}6%{box-shadow:0 0 0 0 rgba(229,72,77,.6)}30%{background:rgba(196,43,43,.35);box-shadow:0 0 0 10px rgba(229,72,77,0)}56%{box-shadow:0 0 0 0 rgba(229,72,77,.6)}80%{background:rgba(196,43,43,.35);box-shadow:0 0 0 10px rgba(229,72,77,0)}}
@media (prefers-reduced-motion:reduce){.evb-b,.evb-b *,.evb-b::after{animation-duration:1ms!important;animation-iteration-count:1!important}}

/* Toast (share link copied) */
.k3-toast{position:fixed;z-index:200;left:50%;top:14px;max-width:calc(100% - 24px);transform:translate(-50%,-140%);opacity:0;padding:10px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(44,24,26,.96) 0%,rgba(26,14,15,.96) 100%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--k3-text);font-size:13px;font-weight:600;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.k3-toast.is-show{transform:translate(-50%,0);opacity:1}

/* Panels */
html body .match-tab-panel{padding:0}
html body.match-detail-page .detail-block,html body .match-tab-panel>.detail-block{margin:12px 12px 0!important;padding:12px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important}
html body.match-detail-page .match-events-block{background:transparent!important;border:0!important;box-shadow:none!important;padding:12px 0 0!important;margin:0!important;overflow:visible}

/* Period header */
html body.match-detail-page [data-match-panel="events"] .match-period-title{position:relative;display:flex;align-items:center;justify-content:center;height:42px;margin:14px 12px 4px!important;padding:0 10px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:var(--k3-text)!important;font-size:14px!important;font-weight:600!important}
html body .kl-ev-live{position:absolute;inset-inline-end:10px;display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:rgba(224,72,72,.14);font-size:11px;font-weight:600;color:#F0D0D0}
html body .kl-ev-live::before{content:"";width:6px;height:6px;border-radius:3px;background:#E04848}

/* Team header row above the events */
html body .kl-ev-teams{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:10px;padding:10px 12px 2px;margin-top:4px}
html body .kl-ev-teams>span{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700;color:var(--k3-text)}
html body .kl-ev-teams>span:last-child{justify-content:flex-end}
html body .kl-ev-teams b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
html body .kl-ev-teams img{width:20px;height:20px;object-fit:contain;flex:none;border-radius:2px}

/* Timeline */
html body .kl-ev{position:relative;padding:0 12px}
html body .kl-ev::before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:0;border-left:2px dashed rgba(255,255,255,.12);transform:translateX(-1px)}
html body .kl-ev-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;margin:0;background:none;border:0;min-height:0;width:auto}
html body .kl-ev-side{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:2px}
html body .kl-ev-row.is-home .kl-ev-side:first-child{align-items:flex-start;text-align:start}
html body .kl-ev-row.is-away .kl-ev-side:last-child{align-items:flex-end;text-align:end}
html body .kl-ev-mid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px}
html body .kl-ev-ico{width:32px;height:32px;border-radius:16px;border:2px solid var(--k3-text-4);background:#120B0C;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #0B0606;color:var(--k3-text-3);font-style:normal}
html body .kl-ev-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .kl-ev-mid time{min-width:32px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:#2A2224;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;direction:ltr;font-family:var(--k3-num)}
html body .kl-ev-goal .kl-ev-ico{border-color:var(--k3-green);color:var(--k3-green)}
html body .kl-ev-sub .kl-ev-ico{border-color:var(--k3-blue);color:var(--k3-blue)}
html body .kl-ev-sub .kl-ev-ico svg{stroke-width:2.3}
html body .kl-ev-card .kl-ev-ico{border-color:var(--k3-yellow);color:var(--k3-yellow)}
html body .kl-ev-card.is-red .kl-ev-ico{border-color:var(--k3-live);color:var(--k3-live)}
html body .kl-ev-var .kl-ev-ico{border-color:#9C95A0;color:#C9C2C3}
html body .kl-ev-miss .kl-ev-ico{border-color:#E86A6A;color:#E86A6A}

html body .kl-ev-p{display:flex;flex-direction:column;align-items:inherit;gap:3px;margin:-4px -6px;padding:4px 6px;border-radius:10px;color:inherit!important;text-decoration:none!important;transition:background-color .2s ease}
html body .kl-ev-p:hover,html body .kl-ev-p:focus-visible{background:rgba(255,255,255,.05)}
html body .kl-ev-who{display:flex;align-items:center;gap:8px;min-width:0}
html body .kl-ev-row.is-away .kl-ev-who{flex-direction:row-reverse}
html body .kl-ev-who b{font-size:14px;line-height:19px;font-weight:700;color:var(--k3-text);overflow:hidden;text-overflow:ellipsis}
html body .kl-ev-ph{position:relative;width:30px;height:30px;flex:none}
html body .kl-ev-ph>img:first-child,html body .kl-ev-ph>i{width:30px;height:30px;border-radius:15px;object-fit:cover;background:#2A0C0D;display:block;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
html body .kl-ev-ph .kl-ev-fl{position:absolute;bottom:-2px;inset-inline-end:-4px;width:14px!important;height:14px!important;border-radius:3px!important;object-fit:contain;background:#120B0C;box-shadow:0 0 0 1.5px #120B0C!important}
html body .kl-ev-ph.sm{width:26px;height:26px}
html body .kl-ev-ph.sm>img:first-child,html body .kl-ev-ph.sm>i{width:26px;height:26px;border-radius:13px}
html body .kl-ev-ph.xs{width:16px;height:16px}
html body .kl-ev-ph.xs>img:first-child,html body .kl-ev-ph.xs>i{width:16px;height:16px;border-radius:8px;box-shadow:none}
html body .kl-ev-meta{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px}
html body .kl-ev-meta em{font-style:normal;font-weight:700;color:var(--k3-text-2)}
html body .kl-ev-goal .kl-ev-meta em{color:var(--k3-green)}
html body .kl-ev-card .kl-ev-meta em{color:var(--k3-yellow)}
html body .kl-ev-card.is-red .kl-ev-meta em{color:#F07A7D}
html body .kl-ev-miss .kl-ev-meta em{color:#E86A6A}
html body .kl-ev-score{unicode-bidi:isolate;height:18px;padding:0 6px;border-radius:5px;background:rgba(255,255,255,.10);font-size:11px;font-weight:700;display:inline-flex;align-items:center;color:#fff;font-family:var(--k3-num)}
html body .kl-ev-info{font-size:11px;line-height:15px;color:var(--k3-text-3)}
html body .kl-ev-goal .kl-ev-info{color:#7FD6A4}
html body .kl-ev-assist{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--k3-text-3)}
html body .kl-ev-row.is-away .kl-ev-assist{flex-direction:row-reverse}
html body .kl-ev-assist b{color:#E9E4E5;font-weight:600}
html body .kl-ev-tag{font-size:11px;font-weight:700;color:var(--k3-blue)}
html body .kl-ev-sub{flex-direction:row;align-items:center;gap:8px;margin:-2px -6px;padding:3px 6px}
html body .kl-ev-row.is-away .kl-ev-sub{flex-direction:row-reverse}
html body .kl-ev-sub>span:last-child{display:flex;flex-direction:column;min-width:0}
html body .kl-ev-row.is-away .kl-ev-sub>span:last-child{align-items:flex-end}
html body .kl-ev-sub em{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;font-style:normal}
html body .kl-ev-sub em svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html body .kl-ev-sub em.in{color:var(--k3-green)}
html body .kl-ev-sub em.out{color:#E86A6A}
html body .kl-ev-sub b{font-size:13px;line-height:17px;font-weight:700;color:var(--k3-text)}
html body .match-events-empty{margin:16px 12px;padding:18px;border-radius:var(--k3-radius);background:var(--k3-glass);border:1px solid var(--k3-glass-border);color:var(--k3-text-3);text-align:center}
.k3-flash{animation:k3Flash 1.6s ease}
@keyframes k3Flash{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}20%,60%{box-shadow:0 0 0 4px rgba(229,72,77,.65)}}
html[dir=rtl] body.match-detail-page .match-hero .match-back{right:8px!important;left:auto!important;top:4px!important;display:flex!important;transform:none!important}
html[dir=ltr] body.match-detail-page .match-hero .match-back{left:8px!important;right:auto!important;top:4px!important;display:flex!important;transform:none!important}
html[dir=rtl] body .k3-hero-actions{left:12px;right:auto}
html[dir=ltr] body .k3-hero-actions{right:12px;left:auto}
html body.match-detail-page [data-match-panel="events"] .match-analysis,html body.match-detail-page .match-analysis{margin:0 0 8px!important;padding:12px 12px 4px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0}

/* Events panel containers */
html body.match-detail-page .match-panels{padding:0 0 12px!important}
html body.match-detail-page [data-match-panel] .match-events-block,html body.match-detail-page [data-match-panel="events"] .match-events-block{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 0!important;margin:0!important;border-radius:0!important;overflow:visible!important}

/* Match statistics (Ev2) */
html body.match-detail-page [data-match-panel] .events-statistics-section{margin:16px 6px 0!important;padding:16px 16px 12px!important;border-radius:20px;background:radial-gradient(85% 130% at 100% 0%,rgba(150,30,32,.24) 0%,rgba(150,30,32,.08) 40%,rgba(150,30,32,0) 72%),rgba(255,255,255,.015)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none}
html body .events-statistics-section>h3{display:flex;align-items:center;justify-content:center;gap:6px;margin:0!important;font-size:15px!important;line-height:20px;font-weight:600;color:var(--k3-text)!important}
html body .events-statistics-section>h3::before{content:"";width:16px;height:16px;background:currentColor;color:var(--k3-red-500);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 20V11M12 20V4M18 20v-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 20V11M12 20V4M18 20v-6'/%3E%3C/svg%3E") center/contain no-repeat}
html body .events-statistics-head{display:flex!important;align-items:center;justify-content:space-between;margin:10px 0 0!important;padding:0 0 8px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:none!important}
html body .events-statistics-head span{display:flex;align-items:center;gap:8px}
html body .events-statistics-head img{width:24px!important;height:24px!important;object-fit:contain;border-radius:2px}
html body .events-statistics-head b{font-size:13px;font-weight:600;color:var(--k3-text)}
html body .events-statistics-list{display:block!important;margin-top:4px}
html body .events-stat-row{padding:5px 0!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:none!important}
html body .events-stat-row:last-child{border-bottom:0!important}
html body .events-stat-row>div:first-child{display:flex!important;align-items:center;justify-content:space-between;height:22px}
html body .events-stat-row>div:first-child>span{font-size:12px!important;color:var(--k3-text-3)!important;font-weight:500}
html body .events-stat-row strong{min-width:28px;height:22px;padding:0 4px;box-sizing:border-box;border-radius:6px;font-size:12px!important;font-weight:500;color:var(--k3-text-4)!important;background:rgba(255,255,255,.05)!important;display:flex;align-items:center;justify-content:center;font-family:var(--k3-num)}
html body .events-stat-row strong.is-lead{font-weight:600;color:#fff!important}
html body .events-stat-bars{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px!important;height:auto!important}
html body .events-stat-bars i{height:3px!important;border-radius:2px;background:rgba(255,255,255,.07)!important;display:flex!important;overflow:hidden}
html body .events-stat-bars i:first-child{justify-content:flex-end}
html body .events-stat-bars i:last-child{justify-content:flex-start}
html body .events-stat-bars em{display:block;height:100%;border-radius:2px;background:var(--k3-red-500)!important}
html body .events-stat-bars i:last-child em{background:#5B7BB0!important}
html body .events-statistics-empty{color:var(--k3-text-3)}
html[dir=rtl] body .events-stat-bars,html[dir=rtl] body .events-stat-bars i{direction:rtl!important}html[dir=ltr] body .events-stat-bars,html[dir=ltr] body .events-stat-bars i{direction:ltr!important}

/* --------------------------------------------------------------------------
   Shared building blocks
   -------------------------------------------------------------------------- */
.k3-chip{height:24px;padding:0 9px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:var(--k3-text-2);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;font-family:var(--k3-num)}

/* Match – details tab (Pre2) */
html body.match-detail-page [data-match-panel] .detail-block{margin:12px 12px 0!important;padding:12px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;color:var(--k3-text)}
html body.match-detail-page [data-match-panel] .detail-block>h2{display:flex;align-items:center;gap:8px;margin:0 0 10px!important;padding:0!important;font-size:15px!important;line-height:20px;font-weight:600!important;color:var(--k3-text)!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;justify-content:flex-start!important}
html body.match-detail-page [data-match-panel] .detail-block>h2::before,html body.match-detail-page [data-match-panel] .detail-block>h2::after{display:none!important}
html body.match-detail-page .detail-columns{display:block!important;gap:0}
html body.match-detail-page .status-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body.match-detail-page .status-grid>div{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px!important;padding:8px 6px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;border:0!important;box-shadow:none!important;text-align:center}
html body.match-detail-page .status-grid>div i{display:none!important}
html body.match-detail-page .status-grid>div span{order:0;font-size:11px!important;color:var(--k3-text-4)!important;font-weight:500}
html body.match-detail-page .status-grid>div b{order:1;font-size:14px!important;font-weight:600;color:var(--k3-text)!important;font-family:var(--k3-num)}
html body.match-detail-page .info-list{display:block!important}
html body.match-detail-page .info-list>div{display:flex!important;align-items:center;gap:10px;min-height:46px!important;padding:8px 0!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body.match-detail-page .info-list>div:last-child{border-bottom:0!important}
html body.match-detail-page .info-list>div>i{width:28px!important;height:28px!important;flex:none;border-radius:9px!important;background:rgba(119,22,22,.45)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;font-style:normal;font-size:13px;box-shadow:none!important;order:0!important;margin:0!important}
html body.match-detail-page .info-list>div>i svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body.match-detail-page .info-list>div>span{flex:1;min-width:0;display:flex!important;align-items:center;justify-content:space-between;gap:10px;font-size:13px!important;color:var(--k3-text-3)!important;font-weight:500}
html body.match-detail-page .info-list>div>span b{font-size:14px!important;font-weight:600;color:var(--k3-text)!important;text-align:end;display:block!important;margin:0!important}
html body.match-detail-page .broadcast-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body.match-detail-page .broadcast-card{display:flex!important;align-items:center;gap:10px;min-height:56px;padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;border:0!important;box-shadow:none!important}
html body.match-detail-page .broadcast-logo{width:36px!important;height:36px!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;display:flex!important;align-items:center;justify-content:center;flex:none}
html body.match-detail-page .broadcast-logo img{width:28px;height:28px;object-fit:contain}
html body.match-detail-page .broadcast-card b{font-size:13px;font-weight:600;color:var(--k3-text)}
html body.match-detail-page .team-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body.match-detail-page .team-cards>div{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;min-height:56px!important;padding:8px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;border:0!important;box-shadow:none!important}
html body.match-detail-page .team-cards img{width:32px!important;height:32px!important;object-fit:contain;border-radius:0!important;background:none!important}
html body.match-detail-page .team-cards b{font-size:14px;font-weight:600;color:var(--k3-text)}
html body.match-detail-page [data-match-panel] .match-weather,html body.match-detail-page [data-match-panel] .weather-grid>div{background:rgba(255,255,255,.06)!important;border-color:transparent!important;border-radius:10px!important}

/* Match – lineups (Lineup1) */
html body.match-detail-page .lineup-team-switcher{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:10px 12px 0!important;padding:3px!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;width:auto!important}
html body.match-detail-page .lineup-team-switcher button{height:36px!important;min-height:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--k3-text-3)!important;font-size:13px!important;font-weight:500;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px!important;padding:0 8px!important;box-shadow:none!important;transition:background-color .3s ease,color .3s ease}
html body.match-detail-page .lineup-team-switcher button.active{background:#771616!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;font-weight:600}
html body.match-detail-page .lineup-team-switcher img{width:18px!important;height:18px!important;object-fit:contain;border-radius:2px}
html body.match-detail-page .lineup-team-switcher b{font-size:13px;font-weight:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.match-detail-page .lineup-team-switcher small{display:none}
html body.match-detail-page .lineup-team-panel{margin:12px 12px 0;padding:12px;border-radius:var(--k3-radius);background:var(--k3-glass);border:1px solid var(--k3-glass-border);box-shadow:var(--k3-glass-shadow)}
html body.match-detail-page .lineup-team-panel:not(.active){display:none}
html body .k3-lineup-head,html body .k3-bench>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
html body .k3-lineup-head h3,html body .k3-bench h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:var(--k3-text)}
html body .k3-lineup-head h3 svg,html body .k3-bench h3 svg{width:18px;height:18px;fill:none;stroke:var(--k3-red-500);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body.match-detail-page .lineup-pitch{margin:0!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}
html body.match-detail-page .lineup-avatar{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 4px 8px rgba(0,0,0,.4)!important}
html body.match-detail-page .lineup-avatar i{background:#771616!important;color:#fff!important;font-family:var(--k3-num)}
html body.match-detail-page .lineup-player b{font-size:11px!important;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
html body.match-detail-page .lineup-player small{display:none!important}
html body .k3-bench{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
html body .k3-bench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
html body .k3-bench-player{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:8px}
html body .k3-bench-player:nth-child(odd){border-inline-end:1px solid rgba(255,255,255,.06);border-radius:0}
html body .k3-bench-ph{position:relative;width:36px;height:36px;flex:none;border-radius:18px;background:#2A0C0D;box-shadow:0 0 0 2px rgba(255,255,255,.10)}
html body .k3-bench-ph img{width:36px;height:36px;border-radius:18px;object-fit:cover;display:block}
html body .k3-bench-ph i{position:absolute;bottom:-3px;inset-inline-start:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#F2F2F2;color:#120B0C;font-size:9px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}
html body .k3-bench-player>span:last-child{display:flex;flex-direction:column;min-width:0}
html body .k3-bench-player b{font-size:13px;font-weight:600;color:var(--k3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .k3-bench-player small{font-size:11px;color:var(--k3-text-4)}

/* Standings tables (match tab, rankings, league, team) */
html body .standings-wrap{margin:12px 12px 0!important;padding:4px 0!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;overflow-x:auto}
html body .standings-wrap table{width:100%;border-collapse:collapse;background:none!important;font-size:12px}
html body .standings-wrap th{height:34px;padding:0 6px!important;background:none!important;color:var(--k3-text-4)!important;font-size:11px!important;font-weight:500!important;text-align:center;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;white-space:nowrap}
html body .standings-wrap td{height:44px;padding:0 6px!important;background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:var(--k3-text-2)!important;text-align:center;font-family:var(--k3-num);font-size:12px!important;white-space:nowrap}
html body .standings-wrap tr:last-child td{border-bottom:0!important}
html body .standings-wrap td:nth-child(2){text-align:start;font-family:var(--k3-font);font-weight:600;color:var(--k3-text)!important;font-size:13px!important}
html body .standings-wrap td:nth-child(2) img{width:20px!important;height:20px!important;object-fit:contain;vertical-align:middle;margin-inline-end:8px;border-radius:2px}
html body .standings-wrap td b{font-size:14px;font-weight:700;color:#fff}
html body .standings-wrap .standing-position{position:relative;color:var(--k3-text)!important;font-weight:600}
html body .standings-wrap tr.has-standing-destination .standing-position::before{content:""!important;position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--standing-destination)!important}
html body .standings-wrap tr.match-team-row td{background:rgba(196,43,43,.14)!important}
html body .standings-destination-legend{margin:10px 16px!important;color:var(--k3-text-3)!important;font-size:11px;background:none!important;border:0!important}
html body .standings-destination-legend strong{display:none}

/* Head to head */
html body .match-h2h-list{margin:12px 12px 0!important;padding:0!important;background:none!important;border:0!important;display:flex!important;flex-direction:column;gap:8px}
html body .match-h2h-list>h2{margin:0 0 2px!important;padding:0!important;font-size:15px!important;font-weight:600;color:var(--k3-text)!important;background:none!important;border:0!important;box-shadow:none!important}
html body .match-h2h-card{display:grid!important;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)!important;grid-template-areas:"time time time" "home score away"!important;align-items:center;gap:4px 6px!important;padding:8px 12px 10px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;color:inherit!important;text-decoration:none!important;min-height:0!important;position:relative}
html body .match-h2h-card time{grid-area:time;font-size:11px;color:var(--k3-text-4);display:flex;align-items:center;gap:4px;font-family:var(--k3-num);justify-content:flex-start}
html body .match-h2h-card time i{display:none}
html body .match-h2h-card .h2h-home{grid-area:home}
html body .match-h2h-card .h2h-away{grid-area:away;justify-content:flex-end}
html body .match-h2h-card .h2h-team{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;min-width:0}
html body .match-h2h-card .h2h-team img{width:28px!important;height:28px!important;object-fit:contain;border-radius:2px}
html body .match-h2h-card .h2h-team b{font-size:14px;font-weight:600;color:var(--k3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .match-h2h-card .h2h-score{grid-area:score;display:flex!important;flex-direction:column;align-items:center;gap:0;background:none!important;padding:0!important;border:0!important}
html body .match-h2h-card .h2h-score strong{font-size:17px;font-weight:600;color:#fff;font-family:var(--k3-num)}
html[dir=rtl] body .match-h2h-card .h2h-score strong{direction:rtl;unicode-bidi:isolate}
html body .match-h2h-card .h2h-score small{font-size:11px;color:var(--k3-text-4);background:none!important;padding:0!important}
html body .match-h2h-card .h2h-open{display:none!important}

/* Empty states */
html body .match-section-empty,html body .standings-empty{margin:16px 12px!important;padding:24px 16px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;color:var(--k3-text-3)!important;text-align:center;box-shadow:var(--k3-glass-shadow)!important}
html body .match-section-empty span,html body .standings-empty span{display:flex;width:44px;height:44px;margin:0 auto 8px;border-radius:14px;align-items:center;justify-content:center;background:rgba(119,22,22,.45)!important;color:#fff!important;font-size:18px;border:1px solid rgba(255,255,255,.10)}
html body .match-section-empty b,html body .standings-empty b{display:block;color:var(--k3-text)!important;font-size:15px;font-weight:600}
html body .match-section-empty small,html body .standings-empty small{color:var(--k3-text-4)!important;font-size:12px}
html body.match-detail-page .info-list>div>span{flex-direction:row!important;text-align:start!important}

/* ==========================================================================
   Rankings / leagues list (Leagues) + league page (League1-3)
   ========================================================================== */
html body.rankings-page .rankings-shell{padding:0 0 24px!important;background:none!important;max-width:560px;margin-inline:auto}
html body.rankings-page .rankings-hero{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:10px;min-height:0!important;padding:16px 16px 6px!important;margin:0!important;background:none!important;border:0!important;text-align:start!important}
html body.rankings-page .rankings-hero::before,html body.rankings-page .rankings-hero::after{display:none!important}
html body.rankings-page .rankings-hero svg{width:36px!important;height:36px!important;padding:8px;box-sizing:border-box;border-radius:18px;background:rgba(196,43,43,.22);color:#E86A6A;fill:none;stroke:#E86A6A;stroke-width:4;flex:none;margin:0!important;filter:none!important}
html body.rankings-page .rankings-hero h1{margin:0!important;font-size:22px!important;line-height:30px;font-weight:700!important;color:var(--k3-text)!important}
html body.rankings-page .league-search{position:relative;display:flex;align-items:center;gap:10px;height:46px;margin:8px 12px 4px!important;padding:0 14px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;color:var(--k3-text-4)}
html body.rankings-page .league-search>span{position:static!important;width:18px!important;height:18px!important;flex:none;border:2px solid currentColor!important;border-radius:50%!important;background:none!important;transform:none!important;margin:0 2px 2px 0}
html body.rankings-page .league-search>span::after{content:""!important;display:block!important;position:relative!important;width:7px!important;height:2px!important;background:currentColor!important;left:11px;top:13px;transform:rotate(45deg)}
html body.rankings-page .league-search input{flex:1;min-width:0;height:44px!important;padding:0!important;border:0!important;outline:0;background:transparent!important;color:var(--k3-text)!important;font:inherit;font-size:14px!important;box-shadow:none!important}
html body.rankings-page .league-search input::placeholder{color:var(--k3-text-4)}
html body.rankings-page .featured-leagues,html body.rankings-page .all-leagues{margin:0!important;padding:0 12px!important;background:none!important;border:0!important;box-shadow:none!important}
html body.rankings-page .featured-leagues>h2,html body.rankings-page .all-leagues>h2{display:flex;align-items:center;justify-content:space-between;margin:14px 4px 8px!important;font-size:15px!important;line-height:22px;font-weight:600!important;color:var(--k3-text)!important;background:none!important;padding:0!important;border:0!important}
html body.rankings-page .all-leagues>p{display:none}
html body.rankings-page .featured-league-grid,html body.rankings-page .all-league-grid{display:flex!important;flex-direction:column;gap:8px!important;grid-template-columns:none!important}
html body.rankings-page .featured-league-grid a,html body.rankings-page .all-league-grid a{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;height:60px!important;min-height:0!important;padding:0 12px 0 10px!important;border-radius:14px!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;color:var(--k3-text)!important;text-decoration:none!important;text-align:start!important;overflow:hidden}
html body.rankings-page .featured-league-grid a img,html body.rankings-page .all-league-grid a img{width:40px!important;height:40px!important;padding:6px;box-sizing:border-box;border-radius:12px!important;background:#F4F1F1!important;box-shadow:0 2px 6px rgba(0,0,0,.35)!important;object-fit:contain;flex:none;margin:0!important}
html body.rankings-page .featured-league-grid a b,html body.rankings-page .all-league-grid a b{flex:1;min-width:0;font-size:15px!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--k3-text)!important}
html body.rankings-page .all-league-grid a>span{flex:1;min-width:0;display:flex;flex-direction:column}
html body.rankings-page .all-league-grid a small{font-size:11px;color:var(--k3-text-4)!important}
html body.rankings-page .all-league-grid a>i{font-style:normal;color:var(--k3-text-3);font-size:20px;line-height:1}
html[dir=rtl] body.rankings-page .all-league-grid a>i{transform:scaleX(-1)}
html body.rankings-page .league-search-empty{color:var(--k3-text-3);text-align:center;padding:16px}

/* League detail */
html body.rankings-page .league-detail-hero{margin:0!important;padding:10px 12px 0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(150,22,24,.45) 0%,rgba(150,22,24,0) 100%)!important;border:0!important;box-shadow:none!important;min-height:0!important}
html body.rankings-page .league-detail-identity{display:flex!important;align-items:center;gap:10px;padding:0 4px 10px!important}
html body.rankings-page .league-detail-identity>img{width:44px!important;height:44px!important;padding:8px;box-sizing:border-box;border-radius:22px!important;background:#fff!important;object-fit:contain;flex:none;box-shadow:none!important}
html body.rankings-page .league-detail-identity h1{margin:0!important;font-size:18px!important;line-height:24px;font-weight:600!important;color:var(--k3-text)!important}
html body.rankings-page .league-detail-identity small{display:flex;align-items:center;gap:6px;font-size:12px!important;color:var(--k3-text-3)!important}
html body.rankings-page .league-detail-identity small img{width:14px!important;height:14px!important;border-radius:7px}
html body.rankings-page .league-detail-hero nav{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 -12px!important;padding:0 8px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;background:none!important;border-radius:0!important;gap:0!important}
html body.rankings-page .league-detail-hero nav a{position:relative;height:44px!important;display:flex!important;align-items:center;justify-content:center;gap:6px;padding:0!important;font-size:14px!important;font-weight:500;color:#9E9798!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none}
html body.rankings-page .league-detail-hero nav a i{display:none}
html body.rankings-page .league-detail-hero nav a.active{color:#fff!important;font-weight:600}
html body.rankings-page .league-detail-hero nav a.active::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--k3-red-500)}
html body.rankings-page .league-detail-layout{display:flex!important;flex-direction:column-reverse;gap:8px;padding:0 12px!important;margin:0!important;background:none!important}
html body.rankings-page .league-news-column>h2,html body.rankings-page .league-upcoming-column>h2{margin:14px 4px 8px!important;padding:0!important;font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important;background:none!important;border:0!important}
html body.rankings-page .league-upcoming-column{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body.rankings-page .league-upcoming-column>h3{margin:12px 4px 6px!important;font-size:12px!important;font-weight:500!important;color:var(--k3-text-4)!important;font-family:var(--k3-num);background:none!important;padding:0!important}
html body.rankings-page .league-upcoming-match{display:grid!important;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)!important;align-items:center;gap:6px;height:52px!important;min-height:0!important;margin:0 0 6px!important;padding:0 12px!important;border-radius:14px!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;color:var(--k3-text)!important;text-decoration:none!important}
html body.rankings-page .league-upcoming-match>span{display:flex!important;align-items:center;gap:8px;min-width:0}
html body.rankings-page .league-upcoming-match>span:last-child{justify-content:flex-end}
html body.rankings-page .league-upcoming-match img{width:28px!important;height:28px!important;object-fit:contain;flex:none;border-radius:2px}
html body.rankings-page .league-upcoming-match b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.rankings-page .league-upcoming-match time{text-align:center;font-size:15px;font-weight:600;font-family:var(--k3-num);color:#fff;background:none!important;padding:0!important}
html body.rankings-page .league-content-empty{padding:16px;border-radius:14px;background:var(--k3-glass);border:1px solid var(--k3-glass-border);color:var(--k3-text-3);text-align:center}
html body.rankings-page .league-featured-news article,html body.rankings-page .league-news-list article{border-radius:14px!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;overflow:hidden}
html body.rankings-page .rankings-back{display:inline-flex!important;align-items:center;gap:6px;height:40px;margin:14px 12px 0!important;padding:0 14px!important;border-radius:12px!important;background:var(--k3-fill)!important;border:1px solid var(--k3-glass-border)!important;color:var(--k3-text-2)!important;font-size:13px;font-weight:500;text-decoration:none}
html body.rankings-page .competition-table-panel{margin:12px 12px 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body.rankings-page .selected-league-head{display:flex!important;align-items:center;gap:10px;margin:0 4px 8px!important;padding:0!important;background:none!important;border:0!important}
html body.rankings-page .selected-league-head img{width:24px!important;height:24px!important;object-fit:contain}
html body.rankings-page .selected-league-head h2{margin:0!important;font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important}
html body .rankings-table-wrap,html body .team-standing-scroll{padding:4px 0!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;overflow-x:auto}
html body .rankings-table-wrap table,html body .team-standing-scroll table{width:100%;border-collapse:collapse;background:none!important}
html body .rankings-table-wrap th,html body .team-standing-scroll th{height:34px;padding:0 6px!important;background:none!important;color:var(--k3-text-4)!important;font-size:11px!important;font-weight:500!important;text-align:center;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;white-space:nowrap}
html body .rankings-table-wrap td,html body .team-standing-scroll td{height:44px;padding:0 6px!important;background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:var(--k3-text-2)!important;text-align:center;font-family:var(--k3-num);font-size:12px!important;white-space:nowrap}
html body .rankings-table-wrap tr:last-child td,html body .team-standing-scroll tr:last-child td{border-bottom:0!important}
html body .rankings-table-wrap td:nth-child(2),html body .team-standing-scroll td:nth-child(2){text-align:start;font-family:var(--k3-font);font-weight:600;color:var(--k3-text)!important;font-size:13px!important}
html body .rankings-table-wrap td:nth-child(2) img,html body .team-standing-scroll td:nth-child(2) img{width:20px!important;height:20px!important;object-fit:contain;vertical-align:middle;margin-inline-end:8px;border-radius:2px}
html body .rankings-table-wrap td b,html body .team-standing-scroll td b{font-weight:700;color:#fff}
html body .rankings-table-wrap .standing-position{position:relative;color:var(--k3-text)!important;font-weight:600}
html body .rankings-table-wrap tr.has-standing-destination .standing-position::before{content:""!important;position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--standing-destination)!important}
html body .team-standing-scroll tr.is-current-team td{background:rgba(196,43,43,.14)!important}
html body .standing-team-name{display:inline-flex!important;align-items:center;gap:8px}

/* ==========================================================================
   Team page (TeamB1 / TeamR1-3)
   ========================================================================== */
html body .team-page{padding:0 0 16px!important;background:none!important}
html body .team-profile-hero{margin:0!important;padding:8px 12px 0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(150,22,24,.45) 0%,rgba(150,22,24,0) 100%)!important;border:0!important;box-shadow:none!important;min-height:0!important}
html body .team-profile-identity{display:flex!important;align-items:center;gap:10px;padding:4px 4px 12px!important;background:none!important;border:0!important;box-shadow:none!important}
html body .team-profile-logo{width:48px!important;height:48px!important;flex:none;border-radius:0!important;background:none!important;box-shadow:none!important;border:0!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}
html body .team-profile-logo img{width:44px!important;height:44px!important;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
html body .team-profile-identity h1{margin:0!important;font-size:20px!important;line-height:26px;font-weight:700!important;color:var(--k3-text)!important}
html body .team-profile-identity small{display:inline-flex!important;align-items:center;gap:6px;font-size:12px!important;color:var(--k3-text-3)!important;font-family:var(--k3-num)}
html body .team-profile-identity small img{width:14px;height:14px;border-radius:7px}
html body .team-profile-hero nav{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;gap:0!important;margin:0 -12px!important;padding:0 8px!important;background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;box-shadow:none!important}
html body .team-profile-hero nav button{position:relative;height:44px!important;min-height:0!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:none!important;color:#9E9798!important;font-size:14px!important;font-weight:500;box-shadow:none!important;white-space:nowrap}
html body .team-profile-hero nav button span{background:none!important;padding:0!important;color:inherit!important}
html body .team-profile-hero nav button.active{color:#fff!important;font-weight:600}
html body .team-profile-hero nav button::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--k3-red-500);transform:scaleX(0);opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .2s ease}
html body .team-profile-hero nav button.active::after{transform:scaleX(1);opacity:1}
html body .team-tab-content{padding:0 12px!important;background:none!important}
html body .team-overview-layout,html body .team-overview-main{display:flex!important;flex-direction:column;gap:12px;margin:0!important;padding:0!important}
html body .team-overview-layout{padding-top:12px!important}
html body .team-info-block,html body .team-panel,html body .team-overview-matches{margin:0!important;padding:12px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;color:var(--k3-text)}
html body .team-panel{margin-top:12px!important}
html body .team-info-block>h2,html body .team-panel>h2,html body .team-overview-matches>h2{display:block!important;margin:0 0 8px!important;padding:0!important;font-size:15px!important;line-height:20px;font-weight:600!important;color:var(--k3-text)!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:start!important}
html body .team-overview-matches>h3{margin:12px 0 6px!important;font-size:12px!important;font-weight:500!important;color:var(--k3-text-4)!important;background:none!important;padding:0!important}
html body .team-identity-facts{display:block!important}
html body .team-identity-facts article{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:46px!important;padding:8px 0!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body .team-identity-facts article:last-child{border-bottom:0!important}
html body .team-identity-facts article>i{display:none!important}
html body .team-identity-facts article>span{flex:1;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:10px}
html body .team-identity-facts small{font-size:13px!important;color:var(--k3-text-4)!important}
html body .team-identity-facts strong{font-size:14px!important;font-weight:600;color:var(--k3-text)!important;font-family:var(--k3-num),var(--k3-font)}
html body .team-history-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
html body .team-history-grid article{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px!important;padding:6px 4px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;border:0!important;box-shadow:none!important;text-align:center}
html body .team-history-grid strong{font-size:16px!important;font-weight:600;font-family:var(--k3-num);color:var(--k3-text)!important}
html body .team-history-grid .green strong{color:var(--k3-green)!important}
html body .team-history-grid .red strong{color:#E86A6A!important}
html body .team-history-grid .yellow strong{color:var(--k3-yellow)!important}
html body .team-history-grid .blue strong{color:var(--k3-blue)!important}
html body .team-history-grid span{font-size:10px!important;color:var(--k3-text-4)!important;line-height:1.2}
html body .team-fixtures-list{display:flex!important;flex-direction:column;gap:0!important;margin:0 -12px!important}
html body .team-fixture-card{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"date date" "teams score";align-items:center;gap:2px 10px;padding:10px 12px!important;margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--k3-text)!important;text-decoration:none!important}
html body .team-fixture-card small{grid-area:date;font-size:11px;color:var(--k3-text-4);font-family:var(--k3-num)}
html body .team-fixture-card>div{grid-area:teams;display:flex!important;flex-direction:column;gap:4px}
html body .team-fixture-card>div span{display:flex!important;align-items:center;gap:8px}
html body .team-fixture-card>div img{width:22px!important;height:22px!important;object-fit:contain;border-radius:2px}
html body .team-fixture-card>div b{font-size:13px;font-weight:600}
html body .team-fixture-card>strong{grid-area:score;font-size:16px;font-weight:600;font-family:var(--k3-num);color:#fff;direction:ltr}
html body .team-squad-grid{display:flex!important;flex-direction:column;gap:0!important;margin:0 -12px!important}
html body .team-squad-grid article{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;min-height:56px;padding:8px 12px!important;margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:start!important}
html body .team-squad-grid img{width:40px!important;height:40px!important;border-radius:20px!important;object-fit:cover;background:#2A0C0D;box-shadow:0 0 0 2px rgba(255,255,255,.10);flex:none;margin:0!important}
html body .team-squad-grid span{display:flex!important;flex-direction:column;min-width:0}
html body .team-squad-grid strong{font-size:14px;font-weight:600;color:var(--k3-text)}
html body .team-squad-grid small{font-size:11px;color:var(--k3-text-4)}
html body .team-standing-panel>header{display:flex!important;align-items:center;gap:10px;margin:0 0 10px!important;padding:0!important;background:none!important;border:0!important}
html body .team-standing-panel>header img{width:24px!important;height:24px!important;object-fit:contain}
html body .team-standing-panel>header h2{margin:0!important;font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important}
html body .team-standing-panel>header small{font-size:11px;color:var(--k3-text-4);font-family:var(--k3-num)}
html body .team-standing-panel .team-standing-scroll{margin:0 -12px -12px!important;border-radius:0 0 var(--k3-radius) var(--k3-radius)!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;background:none!important;box-shadow:none!important}
html body .team-empty{color:var(--k3-text-3)!important;text-align:center;padding:12px}
html body .team-tab-loader{color:var(--k3-text-3)}
html body .team-tab-loader i{border-color:rgba(255,255,255,.15)!important;border-top-color:var(--k3-red-500)!important}
html body .team-news-more,html body .news-more-button,html body .matches-news-more,html body .match-news-more-button{height:44px!important;border-radius:12px!important;background:var(--k3-red-btn)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.28)!important;color:#fff!important;font-size:14px!important;font-weight:600}

/* ==========================================================================
   News (News1 / News3)
   ========================================================================== */
html body .koora-news-page{padding:0 12px 16px!important;background:none!important}
html body .koora-news-page>h1{margin:12px 4px 10px!important;font-size:22px!important;line-height:30px;font-weight:700!important;color:var(--k3-text)!important;background:none!important;padding:0!important}
html body .news-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body .news-feature-card{position:relative;min-height:190px!important;border-radius:16px!important;background-size:cover;background-position:center;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;overflow:hidden;display:flex!important;align-items:flex-end;padding:12px!important;margin:0!important}
html body .news-feature-card.is-main{grid-column:1/-1;min-height:260px!important}
html body .news-feature-card h2{margin:0!important;font-size:14px!important;line-height:1.5;font-weight:600!important;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.6)}
html body .news-feature-card.is-main h2{font-size:18px!important}
html body .news-feature-card>a{position:absolute;inset:0;z-index:2}
html body .news-compact-feed{display:flex!important;flex-direction:column;gap:8px!important;margin-top:12px!important}
html body .news-compact-feed>*{border-radius:14px!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important}
html body .news-feed-thumb{border-radius:10px!important}
html body .news-leagues-sidebar{margin-top:16px!important;padding:12px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important}
html body .news-leagues-sidebar h2{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 6px!important;font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important;background:none!important;padding:0!important}
html body .news-leagues-all{width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(119,22,22,.45)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center}
html body .news-leagues-scroll a{display:flex!important;align-items:center;gap:10px;min-height:44px;padding:6px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:none!important;color:var(--k3-text)!important;font-size:13px;font-weight:600;text-decoration:none;border-radius:0!important}
html body .news-leagues-scroll a:last-child{border-bottom:0!important}
html body .news-leagues-scroll img{width:24px!important;height:24px!important;object-fit:contain}
html body .news-page-empty{padding:18px;border-radius:14px;background:var(--k3-glass);border:1px solid var(--k3-glass-border);color:var(--k3-text-3);text-align:center}

/* Home – latest news under the fixtures */
html body .matches-news-section{margin:6px 12px 16px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body .matches-news-section>header{display:flex;align-items:center;gap:8px;margin:8px 4px 10px!important;padding:0!important;background:none!important;border:0!important}
html body .matches-news-section>header span{display:none}
html body .matches-news-section>header h2{margin:0!important;font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important}
html body .matches-news-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body .matches-news-card{position:relative;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;border-radius:16px!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;overflow:hidden;color:var(--k3-text)!important;text-decoration:none!important;min-height:0!important}
html body .matches-news-image{order:0;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:0!important;margin:0!important;background-size:cover;background-position:center;flex:none}
html body .matches-news-copy{order:1;display:flex!important;flex-direction:column;gap:6px;padding:10px!important;background:none!important}
html body .matches-news-copy h3{margin:0!important;font-size:13px!important;line-height:1.5;font-weight:600!important;color:var(--k3-text)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .matches-news-copy time,html body .matches-news-copy small,html body .matches-news-copy span{font-size:11px!important;color:var(--k3-text-4)!important}
html body .matches-news-card i,html body .matches-news-card .compact-arrow{display:none!important}

/* Single article (News3 / News4) */
html body .article-page-layout{padding:0 0 16px!important;background:none!important}
html body .article-breadcrumbs{padding:10px 16px 0!important;font-size:11px!important;color:var(--k3-text-4)!important;background:none!important}
html body .article-breadcrumbs a{color:var(--k3-text-3)!important}
html body .article-detail-content,html body .article-content{color:var(--k3-text-2)!important;background:none!important}
html body .article-detail-content h1,html body .article-page-layout h1{font-size:22px!important;line-height:1.5!important;font-weight:700!important;color:var(--k3-text)!important}
html body .article-content p,html body .article-detail-content p{font-size:15px!important;line-height:2!important;color:var(--k3-text-2)!important}
html body .article-category{background:var(--k3-red-btn)!important;border-radius:8px!important;color:#fff!important}
html body .article-meta{color:var(--k3-text-4)!important;font-size:12px!important}
html body .article-side-box,html body .article-share-wide{border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important}
html body .article-side-box h2,html body .article-share-wide h2{font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important}
html body .side-news-item{border-bottom:1px solid rgba(255,255,255,.06)!important;background:none!important}
html body .side-news-thumb{border-radius:10px!important}
html body .all-related-link{background:var(--k3-red-btn)!important;border-radius:12px!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
html body .article-tags a{background:var(--k3-fill)!important;border:1px solid var(--k3-glass-border)!important;color:var(--k3-text-2)!important;border-radius:12px!important}

/* App feature (predictions / chat promo) */
html body .feature-promo-card{background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important;border-radius:20px!important}
html body .feature-icon{background:var(--k3-red-btn)!important;border:1px solid rgba(255,255,255,.18)!important}
html body .phone-glow{background:radial-gradient(circle,rgba(196,43,43,.45) 0%,rgba(196,43,43,0) 70%)!important}
html body .team-page{margin:0!important;width:100%!important;max-width:none!important}
html body .team-overview-layout{align-items:stretch!important}
html body .team-overview-main,html body .team-overview-matches,html body .team-info-block{width:auto!important;max-width:none!important;align-self:stretch!important;margin-inline:0!important}
html body .team-identity-facts{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body .team-history-grid{padding:0!important;background:none!important;border:0!important}
@media (max-width:899px){html body .team-overview-layout{display:flex!important;flex-direction:column!important}}
html body .team-fixture-card{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;grid-template-areas:"date date date" "home score away"!important;gap:4px 6px!important}
html body .team-fixture-card>div{display:contents!important}
html body .team-fixture-card>div span:first-child{grid-area:home;min-width:0}
html body .team-fixture-card>div span:last-child{grid-area:away;justify-content:flex-end;min-width:0}
html body .team-fixture-card>div span:last-child img{order:2}
html body .team-fixture-card>div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none!important}
html body .team-fixture-card>strong{text-align:center}
html[dir=rtl] body .team-fixture-card>strong{direction:rtl;unicode-bidi:isolate}

/* Desktop match page: centred hero card like the base theme */
@media (min-width:900px){
  html body.match-detail-page .match-hero{max-width:900px;margin:24px auto 0!important;border-radius:20px 20px 0 0!important;border:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important;overflow:hidden}
  html body.match-detail-page .match-hero .match-hero-grid{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)!important;padding:56px 24px 20px!important}
  html body.match-detail-page .match-hero .hero-team img{width:80px!important;height:80px!important}
  html body.match-detail-page .match-hero .hero-score{font-size:36px}
  html body.match-detail-page .match-hero .match-tabs{justify-content:center;margin:0 -12px!important}
  html body.match-detail-page .match-hero .match-tabs button{flex:0 0 auto;padding:0 18px!important}
  html body.match-detail-page .match-panels{max-width:900px;margin:0 auto!important;padding:0 0 24px!important;border:1px solid rgba(255,255,255,.08);border-top:0;border-radius:0 0 20px 20px;background:rgba(8,6,6,.35)}
  html[dir=rtl] body.match-detail-page .match-hero .match-back{right:14px!important}
  html body .kl-ev{max-width:720px;margin-inline:auto}
  html body .kl-ev-teams{max-width:720px;margin-inline:auto}
  html body .topbar .live-pill .live-dot{width:6px!important;height:6px!important;flex:0 0 6px}
}
html body .matches-news-card>a{display:flex!important;flex-direction:column!important;height:100%;color:inherit!important;text-decoration:none!important;background:none!important;padding:0!important;min-height:0!important}
html body .matches-news-card .matches-news-image{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10;overflow:hidden;border-radius:0!important;inset:auto!important}
html body .matches-news-card .matches-news-image img{position:static!important;width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important}
html body .matches-news-card .matches-news-image::after{display:none!important}
html body .matches-news-card .matches-news-copy{position:static!important;flex:1;display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px!important;background:none!important;inset:auto!important}
html body .matches-news-card .matches-news-copy small{order:2;font-family:var(--k3-num)}
html body .matches-news-card .matches-news-copy h3{order:1}

/* ==========================================================================
   Match page v3.1 – identical to the app (Pre1 / Ev1 / Lineup1 / Pre2)
   ========================================================================== */
html body.match-detail-page .match-hero{padding:4px 12px 0!important}
html body.match-detail-page .match-hero .match-hero-grid{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr)!important;align-items:center!important;padding:44px 0 10px!important}
html body.match-detail-page .match-hero .hero-team{gap:6px!important}
html body.match-detail-page .match-hero .hero-team strong{font-size:13px!important;line-height:18px!important;font-weight:600!important}
html body.match-detail-page .match-hero .hero-team img{width:52px!important;height:52px!important}
html body.match-detail-page .match-hero .hero-center{gap:6px!important;padding:0 0 2px!important;justify-content:center!important}
html body.match-detail-page .match-hero .hero-center.is-pre{gap:10px!important;padding-bottom:14px!important;align-self:end}
html body.match-detail-page .match-hero-grid:has(.is-pre){align-items:end!important;padding:48px 0 14px!important}
html body.match-detail-page .match-hero-grid:has(.is-pre) .hero-team{gap:8px!important}
html body.match-detail-page .match-hero-grid:has(.is-pre) .hero-team strong{font-size:16px!important;line-height:22px!important}
html body.match-detail-page .match-hero-grid:has(.is-pre) .hero-team img{width:64px!important;height:64px!important}
html body.match-detail-page .match-hero .hero-kickoff{display:flex!important;align-items:center;gap:6px;font-size:15px!important;font-weight:600!important;color:var(--k3-text)!important;direction:inherit}
html body.match-detail-page .match-hero .hero-kickoff svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
html body.match-detail-page .match-hero .match-countdown{height:40px!important;padding:0 20px!important;border-radius:20px!important;background:#1A2337!important;display:flex!important;align-items:center;gap:1px!important;font-family:var(--k3-num);font-size:17px;font-weight:600;letter-spacing:.5px;color:#fff}
html body.match-detail-page .match-hero .match-countdown i{font-style:normal;font-size:17px;font-weight:600;color:#fff;margin:0}
html body.match-detail-page .match-hero .countdown-unit{display:inline!important;gap:0!important;min-width:0!important}
html body.match-detail-page .match-hero .countdown-unit strong{font-size:17px!important;font-weight:600!important;color:#fff!important}
html body.match-detail-page .match-hero .countdown-unit small{display:none!important}
html body.match-detail-page .match-hero .hero-score{font-size:24px!important;line-height:30px!important;font-weight:600!important;letter-spacing:0!important}
html body.match-detail-page .match-hero .k3-status-pill{height:22px;padding:0 10px;border-radius:11px;background:rgba(255,255,255,.08);font-size:12px;font-weight:600;font-style:normal;color:var(--k3-text-2);display:flex;align-items:center;white-space:nowrap}
html body.match-detail-page .match-hero .k3-live-pill{height:22px;padding:0 8px;border-radius:11px;background:rgba(224,72,72,.14);font-size:12px;font-weight:600;font-style:normal;color:var(--k3-text);display:flex;align-items:center;gap:6px}
html body.match-detail-page .match-hero .k3-live-pill i{width:6px;height:6px;border-radius:3px;background:#E04848;animation:k3Blink 1.4s ease-in-out infinite}
@keyframes k3Blink{0%,100%{opacity:1}50%{opacity:.35}}
html body .k3-progress{width:112px}
html body .k3-progress-bar{position:relative;height:4px;border-radius:2px;background:rgba(255,255,255,.10)}
html body .k3-progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:#E04848;transition:width .6s ease}
html body .k3-progress-half{position:absolute;left:50%;top:-3px;width:1px;height:10px;background:rgba(255,255,255,.35)}
html body .k3-progress-dot{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:5px;background:#fff;box-shadow:0 0 0 2px #E04848;transition:left .6s ease}
html body .k3-progress-axis{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--k3-text-4)}
html body.match-detail-page .match-hero .hero-venue,html body.match-detail-page .match-hero .match-desktop-status,html body.match-detail-page .match-hero .match-desktop-note{display:none!important}

/* Tabs exactly like the app */
html body.match-detail-page .match-hero .match-tabs{background:transparent!important;border-bottom:0!important;margin:0 -12px!important;padding:0 4px!important;gap:0!important}
html body.match-detail-page .match-hero{border-bottom:1px solid rgba(255,255,255,.10)!important}
html body.match-detail-page .match-hero .match-tabs button{flex:0 0 auto!important;height:44px!important;padding:0 12px!important;font-size:14px!important;color:var(--k3-text-3)!important}
html body.match-detail-page .match-hero .match-tabs button.active{color:#fff!important}
html body.match-detail-page .match-hero .match-tabs button::after{left:8px!important;right:8px!important;background:#B11E1E!important}

/* Compact sticky header (Ev2) */
html body .k3-mini{display:none}
@media (max-width:899px){
  html body.match-detail-page .match-hero{position:sticky!important;top:calc(-1 * var(--k3-collapse,9999px));z-index:45}
  html body .k3-mini{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;position:absolute;left:0;right:0;bottom:var(--k3-tabs-h,44px);height:52px;padding:0 8px;background:linear-gradient(180deg,#1C1E27 0%,#18191F 100%);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:4}
  html body .match-hero.is-stuck .k3-mini{opacity:1;visibility:visible}
  html body .match-hero.is-stuck .match-back,html body .match-hero.is-stuck .k3-hero-actions{visibility:hidden}
}
html body .k3-mini-back,html body .k3-mini-bell{width:44px;height:44px;border:0;background:transparent;color:var(--k3-text);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
html[dir=ltr] body .k3-mini-back svg{transform:scaleX(-1)}
html body .k3-mini-bell.is-on{color:#fff}
html body .k3-mini-bell.is-on svg{fill:#fff}
html body .k3-mini-center{display:flex;align-items:center;justify-content:center;gap:12px}
html body .k3-mini-center img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
html body .k3-mini-center>span{display:flex;flex-direction:column;align-items:center}
html body .k3-mini-center b{font-size:17px;line-height:22px;font-weight:600;color:#fff}
html[dir=rtl] body .k3-mini-score{direction:rtl;unicode-bidi:isolate}
html body .k3-mini-center small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--k3-text)}
html body .k3-mini-center small i{width:5px;height:5px;border-radius:3px;background:#E04848}

/* Analysis card (Ev1) */
html body.match-detail-page [data-match-panel] .match-analysis{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tabs" "filters filters" "card card" "chart chart" "trend trend" "legend legend";align-items:center;gap:0;margin:0!important;padding:14px 16px 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.match-detail-page .match-analysis>h3{grid-area:title;display:flex!important;align-items:center;gap:6px;margin:0!important;padding:0!important;font-size:14px!important;line-height:20px;font-weight:600!important;color:var(--k3-text)!important;justify-content:flex-start!important;background:none!important}
html body.match-detail-page .match-analysis>h3 svg{width:16px;height:16px;fill:none;stroke:var(--k3-red-500);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body.match-detail-page .match-analysis>h3 i{display:none}
html body.match-detail-page [data-match-panel] .match-analysis .analysis-tabs{grid-area:tabs;display:flex!important;gap:4px;height:auto!important;margin:0!important;padding:2px!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:visible;direction:inherit!important}
html body.match-detail-page [data-match-panel] .match-analysis .analysis-tabs button{height:32px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--k3-text-3)!important;font-size:11px!important;font-weight:500!important;display:flex;align-items:center;gap:0}
html body.match-detail-page [data-match-panel] .match-analysis .analysis-tabs button.active{background:#771616!important;color:#fff!important;font-weight:600!important}
html body.match-detail-page [data-match-panel] .match-analysis .analysis-tabs button svg{display:none!important}
html body.match-detail-page [data-match-panel] .match-analysis .analysis-tabs button:disabled{opacity:.45}
html body.match-detail-page [data-match-panel] .match-analysis .analysis-filters{grid-area:filters;display:flex!important;gap:8px!important;justify-content:flex-start!important;margin:12px 0 0!important;padding:0!important;direction:inherit!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button{width:40px!important;height:34px!important;border-radius:10px!important;border:1.5px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important;color:#6FA8FF!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button svg{width:20px;height:20px}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button[data-chart-filter="goal"]{color:#3DBE6E!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button[data-chart-filter="card"]{color:#F0A23A!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button[data-chart-filter="var"]{color:#3B8CE8!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button.active[data-chart-filter="goal"]{border-color:#3DBE6E!important;background:rgba(61,190,110,.14)!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button.active[data-chart-filter="card"]{border-color:#F0A23A!important;background:rgba(240,162,58,.14)!important}
html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button.active[data-chart-filter="var"],html body.match-detail-page [data-match-panel="events"] .match-analysis .analysis-filters button.active[data-chart-filter="substitution"]{border-color:#3B8CE8!important;background:rgba(59,140,232,.14)!important}
html body.match-detail-page .match-analysis .analysis-live-card{grid-area:card}
html body.match-detail-page .match-analysis .pressure-chart{grid-area:chart;margin-top:14px!important;background:none!important}
html body.match-detail-page .match-analysis .match-trends-panel{grid-area:trend}
html body.match-detail-page .match-analysis .analysis-legends{grid-area:legend;display:flex!important;justify-content:center;gap:14px;margin:6px 0 0!important;font-size:11px!important;color:var(--k3-text-3)!important}
html body.match-detail-page .match-analysis .analysis-legends i{width:12px!important;height:3px!important;border-radius:2px!important;display:inline-block;vertical-align:middle;margin-inline-end:5px}
html body.match-detail-page .match-analysis .analysis-legends .home-dot{background:#E5484D!important}
html body.match-detail-page .match-analysis .analysis-legends .away-dot{background:#6F93D6!important}
/* the chart itself */
html body.match-detail-page [data-match-panel="events"] .pressure-chart-plot>svg,html body.match-detail-page [data-match-panel="events"] .pressure-chart svg{background:transparent!important;height:150px!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart-plot{background:linear-gradient(180deg,rgba(229,72,77,.035) 0 50%,rgba(111,147,214,.035) 50% 100%)!important;border:0!important;border-radius:0!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-grid path{stroke:rgba(255,255,255,.07)!important;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .home-pressure-line{stroke:#E5484D!important;stroke-width:2!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .away-pressure-line{stroke:#6F93D6!important;stroke-width:2!important}
html body #homeMomentumFill stop:first-child{stop-color:#E5484D;stop-opacity:.55}
html body #homeMomentumFill stop:last-child{stop-color:#E5484D;stop-opacity:.05}
html body #awayMomentumFill stop:first-child{stop-color:#6F93D6;stop-opacity:.05}
html body #awayMomentumFill stop:last-child{stop-color:#6F93D6;stop-opacity:.55}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-home-logo,html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-away-logo{width:22px!important;height:22px!important;object-fit:contain;border-radius:2px;background:none!important;box-shadow:none!important}
html body.match-detail-page [data-match-panel="events"] .chart-minutes{color:var(--k3-text-4)!important;font-size:10px!important;font-family:var(--k3-num)}
html body.match-detail-page [data-match-panel="events"] .chart-event-marker{width:20px!important;height:20px!important;border-width:1.2px!important;border-color:rgba(255,255,255,.35)!important;background:#140C0D!important;font-size:10px!important}
html body.match-detail-page [data-match-panel="events"] .chart-event-marker.marker-type-1{border-color:#3DBE6E!important;color:#3DBE6E!important}
html body.match-detail-page [data-match-panel="events"] .chart-now{background:rgba(255,255,255,.55)!important;width:0!important;border-left:1px dashed rgba(255,255,255,.55)}
html body.match-detail-page .chart-event-popup{background:linear-gradient(180deg,#22181A 0%,#160E0F 100%)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important}

/* end-of-timeline pill */
html body .kl-ev-start{display:flex;justify-content:center;padding:8px 0 4px}
html body .kl-ev-start>span{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;background:rgba(255,255,255,.08);font-size:12px;color:var(--k3-text-2)}
html body .kl-ev-start svg{width:12px;height:12px;fill:currentColor}
html body .kl-ev-start b{font-weight:600;font-family:var(--k3-num)}

/* Details tab (Pre2) */
html body.match-detail-page [data-match-panel] .detail-block.k3-league-card{padding:12px!important}
html body .k3-league-row{display:flex;align-items:center;gap:10px;color:inherit!important;text-decoration:none!important}
html body .k3-league-logo{width:40px;height:40px;flex:none;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center}
html body .k3-league-logo img{width:26px;height:26px;object-fit:contain}
html body .k3-league-name{flex:1;min-width:0;display:flex;flex-direction:column}
html body .k3-league-name b{font-size:15px;font-weight:600;color:var(--k3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .k3-league-name small{font-size:11px;color:var(--k3-text-4)}
html body .k3-chev{width:18px;height:18px;flex:none;fill:none;stroke:var(--k3-text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[dir=ltr] body .k3-chev{transform:scaleX(-1)}
html body .k3-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:12px}
html body .k3-tiles>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:52px;border-radius:10px;background:rgba(255,255,255,.06)}
html body .k3-tiles small{font-size:11px;color:var(--k3-text-4)}
html body .k3-tiles b{font-size:14px;font-weight:600;color:var(--k3-text)}
html body.match-detail-page .broadcast-card{justify-content:space-between}
html body.match-detail-page .broadcast-card>span:first-child{display:flex;flex-direction:column;min-width:0}
html body.match-detail-page .broadcast-card small{font-size:11px;color:var(--k3-text-4)}
html body.match-detail-page .broadcast-logo svg{width:20px;height:20px;fill:none;stroke:var(--k3-text-3);stroke-width:1.8}
html body .k3-ref-list{display:flex;flex-direction:column}
html body .k3-ref{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid rgba(255,255,255,.06)}
html body .k3-ref:last-child{border-bottom:0}
html body .k3-ref b{font-size:14px;font-weight:600;color:var(--k3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .k3-ref small{font-size:11px;color:var(--k3-text-4);white-space:nowrap}
html body .k3-ref-ico{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--k3-text-4)}
html body .k3-ref-ico.is-main{border-radius:12px;background:#E8B931;color:#2A1B00}
html body .k3-ref-ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body.match-detail-page [data-match-panel] .detail-block.k3-venue{position:relative;min-height:120px;display:flex!important;flex-direction:column;justify-content:space-between;overflow:hidden;padding:12px!important}
html body.match-detail-page [data-match-panel] .detail-block.k3-venue.has-image{min-height:170px;background:linear-gradient(0deg,rgba(8,6,6,.92) 0%,rgba(8,6,6,.25) 70%),var(--k3-venue) center/cover!important}
html body .k3-venue-label{font-size:11px;color:var(--k3-text-3)}
html body .k3-venue-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
html body .k3-venue-foot>span{display:flex;flex-direction:column;min-width:0}
html body .k3-venue-foot b{font-size:17px;font-weight:700;color:#fff;line-height:1.35}
html body .k3-venue-foot small{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--k3-text-3)}
html body .k3-venue-foot svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
html body .k3-venue-foot em{display:flex;align-items:center;gap:4px;font-style:normal;font-size:12px;color:var(--k3-text-2);white-space:nowrap}
html body .k3-team-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 12px 0}
html body .k3-team-links a{display:flex;align-items:center;gap:8px;height:52px;padding:0 10px;border-radius:12px;background:var(--k3-glass);border:1px solid var(--k3-glass-border);box-shadow:var(--k3-glass-shadow);color:inherit!important;text-decoration:none!important}
html body .k3-team-links img{width:26px;height:26px;object-fit:contain;flex:none}
html body .k3-team-links span{flex:1;min-width:0;display:flex;flex-direction:column}
html body .k3-team-links b{font-size:13px;font-weight:600;color:var(--k3-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .k3-team-links small{font-size:10px;color:var(--k3-text-4)}
html body.match-detail-page .match-hero .hero-center>.hero-score{order:0!important}
html body.match-detail-page .match-hero .hero-center>.k3-progress{order:1!important}
html body.match-detail-page .match-hero .hero-center>.k3-live-pill,html body.match-detail-page .match-hero .hero-center>.k3-status-pill{order:2!important}
html body.match-detail-page .match-hero .hero-center>.hero-kickoff{order:0!important}
html body.match-detail-page .match-hero .hero-center>.match-countdown{order:1!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart-plot>svg,html body.match-detail-page [data-match-panel="events"] .pressure-chart svg:not(.chart-ball-icon){height:132px!important}
html body.match-detail-page [data-match-panel="events"] .chart-event-marker{width:22px!important;height:22px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.35)!important;border-radius:50%!important;background:#140C0D!important;color:#F0A23A!important;box-shadow:0 0 0 3px rgba(8,6,6,.6)!important;font-size:10px!important}
html body.match-detail-page [data-match-panel="events"] .chart-event-marker[hidden]{display:none!important}
html body.match-detail-page [data-match-panel="events"] .chart-event-marker.marker-type-1{border-color:#3DBE6E!important;color:#3DBE6E!important;background:#0E1F15!important}
html body.match-detail-page [data-match-panel="events"] .chart-event-marker .chart-ball-icon{position:static!important;width:14px!important;height:14px!important;margin:0!important;transform:none!important;fill:none;stroke:currentColor;stroke-width:1.8;display:block}
html[dir=rtl] body.match-detail-page .match-hero .k3-live-pill{direction:rtl}
html body .k3-mini-center b[data-k3-mini-countdown]{height:34px;padding:0 14px;border-radius:17px;background:#1A2337;display:flex;align-items:center;font-size:16px;letter-spacing:.5px}
@media (min-width:900px){html body.match-detail-page .match-hero{min-height:0!important;height:auto!important}}

/* ==========================================================================
   v3.2 – tidy sizes & alignment (all widths)
   ========================================================================== */
/* match rows: always symmetric – home at the start edge, away at the end edge */
html body .fixtures .match .match-detail-link{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)!important;padding:0 14px!important;gap:10px!important}
html body .fixtures .match .team{padding:0!important;margin:0!important;width:auto!important;max-width:none!important;flex-direction:row!important}
html body .fixtures .match .team-home{justify-content:flex-start!important}
html body .fixtures .match .team-away{justify-content:flex-end!important}
html body .fixtures .match .team-away .team-badge{order:2}
html body .fixtures .match .team-away .team-name{order:1;text-align:end}
html body .fixtures .match .team-home .team-name{text-align:start}
html body .fixtures .match .match-info{width:auto!important;margin:0!important;padding:0!important}
html body .fixtures .match .match-time{font-size:17px!important;line-height:22px!important}
html body .fixtures .match .status{font-size:11px!important;line-height:14px!important}
html body .fixtures .match,html body .fixtures .match .match-detail-link{min-height:60px!important;height:auto!important}
html body .league-title{min-height:48px!important;padding:0 14px!important}

@media (min-width:900px){
  /* home: one clean column – no boxed date bar / strip */
  html body .date-nav{padding:0!important;margin:0 0 4px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;height:auto!important}
  html body .league-strip{padding:14px 0 0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
  html body .fixtures{padding:14px 0 24px!important}
  html body .fixtures .match .match-detail-link{padding:0 18px!important}
  html body .fixtures .match .team-name{font-size:15px!important}

  /* match page: one centred 900px column */
  html body.match-detail-page .match-hero{width:auto!important;max-width:900px!important;margin:24px auto 0!important;padding:4px 16px 0!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.08)!important}
  html body.match-detail-page .match-hero .match-hero-grid{width:100%!important;max-width:640px!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr)!important;padding:40px 0 16px!important}
  html body.match-detail-page .match-hero .hero-team strong{font-size:16px!important;line-height:22px!important}
  html body.match-detail-page .match-hero .hero-team img{width:64px!important;height:64px!important}
  html body.match-detail-page .match-hero .hero-score{font-size:32px!important;line-height:38px!important}
  html body.match-detail-page .match-hero .k3-progress{width:140px}
  html body.match-detail-page .match-hero .match-tabs{width:auto!important;margin:0 -16px!important;padding:0 16px!important;justify-content:center!important;border-top:1px solid rgba(255,255,255,.06)!important}
  html body.match-detail-page .match-hero .match-tabs button{padding:0 14px!important}
  html[dir=rtl] body.match-detail-page .match-hero .match-back{right:12px!important}
  html[dir=rtl] body .k3-hero-actions{left:16px}
  html[dir=ltr] body .k3-hero-actions{right:16px}
  html body.match-detail-page .match-panels{max-width:900px!important;margin:0 auto!important;padding:16px 0 40px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  html body.match-detail-page .match-tab-panel>*{margin-left:0!important;margin-right:0!important}
  html body.match-detail-page [data-match-panel] .detail-block,html body.match-detail-page .lineup-team-panel,html body.match-detail-page .standings-wrap,html body.match-detail-page .match-h2h-list,html body.match-detail-page .k3-team-links,html body.match-detail-page .lineup-team-switcher{margin:0 0 12px!important}
  html body.match-detail-page [data-match-panel] .match-events-block{margin:0!important;padding:0!important}
  html body.match-detail-page [data-match-panel] .match-analysis{margin:0 0 12px!important;padding:16px 20px 12px!important;border-radius:var(--k3-radius)!important;background:var(--k3-glass)!important;border:1px solid var(--k3-glass-border)!important;box-shadow:var(--k3-glass-shadow)!important}
  html body.match-detail-page [data-match-panel] .events-statistics-section{margin:12px 0 0!important}
  html body.match-detail-page .kl-ev-teams,html body.match-detail-page .kl-ev{max-width:none!important;padding-left:0!important;padding-right:0!important}
  html body.match-detail-page [data-match-panel="events"] .match-period-title{margin:14px 0 4px!important}
  html body.match-detail-page .match-events-empty{margin:0 0 12px!important}
  html body.match-detail-page .lineup-pitch{max-width:520px;margin:0 auto!important}
  html body.match-detail-page .k3-bench-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body.match-detail-page .k3-bench-player:nth-child(odd){border-inline-end:0}
}
/* chart: logos column + plot share one grid so nothing floats */
html body.match-detail-page [data-match-panel="events"] .pressure-chart{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:66px 66px auto;column-gap:8px;padding:0!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .pressure-chart-plot{grid-column:1;grid-row:1/4;position:relative}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-home-logo{grid-column:2;grid-row:1;align-self:center;justify-self:center;position:static!important;transform:none!important;margin:0!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-away-logo{grid-column:2;grid-row:2;align-self:center;justify-self:center;position:static!important;transform:none!important;margin:0!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart{direction:ltr!important;grid-template-columns:28px minmax(0,1fr)!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .pressure-chart-plot{grid-column:2!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-home-logo,html body.match-detail-page [data-match-panel="events"] .pressure-chart .chart-away-logo{grid-column:1!important}
@media (min-width:900px){
  html body.match-detail-page .kl-ev-teams,html body.match-detail-page .kl-ev{padding-left:20px!important;padding-right:20px!important}
  html body.match-detail-page .kl-ev::before{left:50%}
  html body.match-detail-page .kl-ev-row{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:16px!important}
  html body.match-detail-page .kl-ev-teams{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:16px!important}
}
html body.match-detail-page [data-match-panel] .detail-block.match-events-block{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.match-detail-page [data-match-panel="events"] .pressure-chart .pressure-chart-plot{padding:0!important;margin:0!important}
@media (min-width:900px){
  html body.match-detail-page .match-tab-panel.active{display:flex!important;flex-direction:column!important;gap:0!important;grid-template-columns:none!important}
  html body.match-detail-page .match-tab-panel.active>*{width:auto!important;max-width:none!important;grid-column:auto!important;order:0!important}
  html body.match-detail-page .k3-team-links{margin:0!important}
}
@media (min-width:900px){html body.match-detail-page .match-tab-panel.active{align-items:stretch!important}html body.match-detail-page .match-tab-panel.active>section.detail-block{display:block!important}html body.match-detail-page .match-tab-panel.active>section.detail-block.k3-venue{display:flex!important}html body.match-detail-page .broadcast-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}
@media (min-width:900px){
  html body .desktop-layout .scores-column .date-nav,html body .scores-column .date-nav{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important}
  html body .desktop-layout .scores-column .league-strip,html body .scores-column .league-strip{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important}
  html body.match-detail-page .match-tab-panel.active>*{align-self:stretch!important}
  html body.match-detail-page .broadcast-details{width:auto!important}
}

/* Round country flags (class added by redesign.js to rectangular team images) */
html body img.k3-flag{aspect-ratio:1/1!important;height:auto!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;padding:0!important;background:#1A1012!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.35)!important;filter:none!important}
html body .league-emblem img.k3-flag,html body .league-strip img.k3-flag{box-shadow:0 0 0 1px rgba(255,255,255,.18)!important}
html body.match-detail-page .match-hero .hero-team img.k3-flag,html body .k3-mini-center img.k3-flag,html body .kl-ev-ph img.kl-ev-fl.k3-flag,html body.match-detail-page [data-match-panel] img.k3-flag,html body.rankings-page img.k3-flag,html body .team-profile-logo img.k3-flag,html body .fixtures .match .team-badge img.k3-flag{aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;background:#1A1012!important;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.35)!important;filter:none!important}
html body.match-detail-page .match-hero .hero-team img.k3-flag{box-shadow:0 0 0 2px rgba(255,255,255,.12),0 6px 14px rgba(0,0,0,.5)!important}
/* national-team competitions: team images are flags – round even before JS runs */
html body [data-k3-national="1"] :is(.team-badge img,.hero-team img,.k3-mini-center img,.kl-ev-teams img,.chart-home-logo,.chart-away-logo,.lineup-team-switcher img,.events-statistics-head img,.standings-wrap td img,.rankings-table-wrap td img,.team-standing-scroll td img,.h2h-team img,.k3-team-links img,.team-fixture-card img,.team-profile-logo img,.league-upcoming-match img){aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;filter:none!important}
/* square images with the flag letter-boxed inside: zoom the flag to fill the circle */
html body img.k3-flag.k3-flag-sq,html body [data-k3-national="1"] img.k3-flag.k3-flag-sq{object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:scale(var(--k3-s,1.45)) translate(var(--k3-ox,0%),var(--k3-oy,0%));clip-path:circle(calc(50% / var(--k3-s,1.45)) at calc(50% - var(--k3-ox,0%)) calc(50% - var(--k3-oy,0%)))}
html body .league-strip{display:none!important}