.STING-WEB-Match-Page { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(0, 2.1fr) !important; width: 100% !important; margin: 16px auto !important; max-width: var(--Max-Size) !important; gap: 16px !important; }
.STING-WEB-MATCHES { width: 100% !important; min-width: 0 !important; }
.STING-WEB-Match-UI { width: 100% !important; min-width: 0 !important; }
@media (max-width: 880px) {.STING-WEB-Match-Page { display: block !important; grid-template-columns: 1fr !important; }.STING-WEB-MATCHES { display: none !important; }}
.STING-WEB-Match-UI-Top { width: 100%; margin: 0 auto 16px auto; background: linear-gradient(135deg, #151b26 0%, #1a2232 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); overflow: hidden; }
.STING-WEB-Match-Card { padding: 14px 0; width: 96%; margin: 0 auto; border-radius: 8px; }
.STING-WEB-Card-Cup-Badge { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
.STING-WEB-Card-Cup-Link { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; background: #1e2638; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 999px; color: #94a3b8; text-decoration: none; font-size: 13px; font-weight: 700; transition: all 0.2s ease; }
.STING-WEB-Card-Cup-Link:hover { background: rgba(0, 223, 162, 0.12); border-color: var(--Primary-A-Color); color: var(--Primary-A-Color); transform: translateY(-1px); }
.STING-WEB-Card-Cup-Link img { width: 20px; height: 20px; object-fit: contain; }
#Live { display: none; }
.STING-WEB-Not-Events_SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.11 22.71H5.9C5.1936 22.71 4.51599 22.4301 4.01555 21.9315C3.51511 21.433 3.23264 20.7564 3.23 20.05V4.00001C3.22469 3.64603 3.28984 3.29453 3.42164 2.96596C3.55345 2.63739 3.74928 2.33831 3.99774 2.08612C4.2462 1.83394 4.54233 1.63368 4.86891 1.49701C5.19548 1.36033 5.54598 1.28997 5.9 1.29001H18.11C18.4636 1.28995 18.8136 1.36037 19.1396 1.49716C19.4656 1.63396 19.7611 1.83437 20.0088 2.0867C20.2565 2.33902 20.4514 2.63819 20.5821 2.96671C20.7127 3.29523 20.7766 3.64651 20.77 4.00001V20.1C20.7569 20.7968 20.4709 21.4606 19.9734 21.9487C19.476 22.4368 18.8069 22.7101 18.11 22.71ZM5.9 2.79001C5.74252 2.7885 5.58639 2.81908 5.44112 2.87987C5.29585 2.94066 5.16447 3.0304 5.05501 3.14361C4.94554 3.25682 4.86027 3.39114 4.80439 3.53837C4.74851 3.68561 4.7232 3.84267 4.73 4.00001V20.1C4.74295 20.4007 4.87223 20.6845 5.09054 20.8916C5.30885 21.0987 5.59909 21.2129 5.9 21.21H18.11C18.4177 21.21 18.7127 21.0878 18.9302 20.8703C19.1478 20.6527 19.27 20.3577 19.27 20.05V4.00001C19.27 3.69236 19.1478 3.39731 18.9302 3.17976C18.7127 2.96222 18.4177 2.84001 18.11 2.84001L5.9 2.79001Z' fill='%23fff'/%3E%3Cpath d='M20 12.75H14.47C14.2711 12.75 14.0803 12.671 13.9397 12.5303C13.799 12.3897 13.72 12.1989 13.72 12C13.72 11.8011 13.799 11.6103 13.9397 11.4697C14.0803 11.329 14.2711 11.25 14.47 11.25H20C20.1989 11.25 20.3897 11.329 20.5303 11.4697C20.671 11.6103 20.75 11.8011 20.75 12C20.75 12.1989 20.671 12.3897 20.5303 12.5303C20.3897 12.671 20.1989 12.75 20 12.75Z' fill='%23fff'/%3E%3Cpath d='M9.54 12.75H4C3.80109 12.75 3.61032 12.671 3.46967 12.5303C3.32902 12.3897 3.25 12.1989 3.25 12C3.25 11.8011 3.32902 11.6103 3.46967 11.4697C3.61032 11.329 3.80109 11.25 4 11.25H9.54C9.73891 11.25 9.92968 11.329 10.0703 11.4697C10.211 11.6103 10.29 11.8011 10.29 12C10.29 12.1989 10.211 12.3897 10.0703 12.5303C9.92968 12.671 9.73891 12.75 9.54 12.75Z' fill='%23fff'/%3E%3Cpath d='M15.36 6.13001H8.64C8.44189 6.12742 8.25263 6.04757 8.11253 5.90747C7.97244 5.76738 7.89259 5.57811 7.89 5.38001V2.00001C7.89 1.8011 7.96902 1.61033 8.10967 1.46968C8.25032 1.32903 8.44109 1.25001 8.64 1.25001H15.36C15.4589 1.24866 15.557 1.26714 15.6486 1.30436C15.7402 1.34157 15.8234 1.39677 15.8933 1.46668C15.9632 1.53659 16.0184 1.61981 16.0557 1.71141C16.0929 1.80301 16.1113 1.90114 16.11 2.00001V5.38001C16.11 5.57892 16.031 5.76969 15.8903 5.91034C15.7497 6.05099 15.5589 6.13001 15.36 6.13001ZM9.36 4.63001H14.58V2.79001H9.39L9.36 4.63001Z' fill='%23fff'/%3E%3Cpath d='M15.36 22.71H8.64C8.44783 22.7103 8.26288 22.6368 8.12332 22.5047C7.98377 22.3726 7.90025 22.1919 7.89 22V18.62C7.89259 18.4219 7.97244 18.2326 8.11253 18.0925C8.25263 17.9524 8.44189 17.8726 8.64 17.87H15.36C15.5589 17.87 15.7497 17.949 15.8903 18.0897C16.031 18.2303 16.11 18.4211 16.11 18.62V22C16.1022 22.1928 16.0194 22.3749 15.8793 22.5075C15.7392 22.6401 15.5529 22.7128 15.36 22.71ZM9.36 21.21H14.58V19.37H9.39L9.36 21.21Z' fill='%23fff'/%3E%3Cpath d='M12 15.15C11.3627 15.15 10.7398 14.9609 10.21 14.6066C9.68029 14.2524 9.26758 13.7489 9.02416 13.1599C8.78075 12.571 8.71757 11.923 8.84262 11.2981C8.96768 10.6732 9.27535 10.0995 9.72667 9.64959C10.178 9.19966 10.7527 8.89378 11.378 8.77066C12.0032 8.64755 12.651 8.71275 13.2392 8.958C13.8274 9.20324 14.3296 9.61752 14.6822 10.1484C15.0348 10.6792 15.222 11.3027 15.22 11.94C15.2174 12.7923 14.8769 13.6087 14.2734 14.2104C13.6698 14.8121 12.8523 15.15 12 15.15ZM12 10.22C11.6598 10.22 11.3273 10.3209 11.0444 10.5099C10.7616 10.6989 10.5411 10.9675 10.4109 11.2818C10.2807 11.5961 10.2467 11.9419 10.313 12.2756C10.3794 12.6092 10.5432 12.9157 10.7838 13.1562C11.0243 13.3968 11.3308 13.5606 11.6644 13.627C11.9981 13.6933 12.3439 13.6593 12.6582 13.5291C12.9725 13.3989 13.2411 13.1784 13.4301 12.8956C13.6191 12.6127 13.72 12.2802 13.72 11.94C13.72 11.4838 13.5388 11.0463 13.2162 10.7238C12.8937 10.4012 12.4562 10.22 12 10.22Z' fill='%23fff'/%3E%3C/svg%3E"); width: 50px; height: 50px; display: block; opacity: .7; }
.STING-WEB-Card-Vs { display: grid; grid-template-columns: 2fr 1fr 2fr; align-items: center; justify-items: center; padding: 14px 0; }
.STING-WEB-Card-Vs-Right, .STING-WEB-Card-Vs-Left, .STING-WEB-Card-Vs-Center { display: grid; gap: 10px; text-align: center; justify-items: center; }
.STING-WEB-Card-Vs-Right img, .STING-WEB-Card-Vs-Left img { width: 64px; height: 64px; object-fit: contain; }
.STING-WEB-Card-Vs-Right span,.STING-WEB-Card-Vs-Left span { font-size: 14px; font-weight: 700; color: #ffffff; }
.STING-WEB-Card-Vs-Center .VS { font-size: 22px; font-weight: 800; color: var(--Primary-C-Color); }
.Time-Start { padding: 6px 14px; border-radius: 999px; font-weight: 700; font-size: 14px; width: max-content; background: #1e2638; border: 1px solid #2a354c; color: #ffffff; }
.STING-WEB-Card-Vs .Goal { font-size: 24px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-weight: 800; background: #10141d; border: 1px solid #232c3d; color: #ffffff; }

/* Match Tabs Bar - YSScores Aesthetic */
.STING-WEB-Event-Toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 9px 12px;
    background: #111622;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0 0 16px 16px;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 7px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.STING-WEB-Event-Toggle::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.STING-WEB-Event-Toggle div,
.STING-WEB-Toggle-Event-Button {
    padding: 6px 12px !important;
    margin: 0 !important;
    color: #8e9ab2 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.4 !important;
    user-select: none;
    text-decoration: none !important;
}

.STING-WEB-Event-Toggle div:hover,
.STING-WEB-Toggle-Event-Button:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.STING-WEB-Event-Toggle div.active,
.STING-WEB-Toggle-Event-Button.active {
    color: #0c1017 !important;
    background: var(--Primary-A-Color, #00dfa2) !important;
    border-color: var(--Primary-A-Color, #00dfa2) !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 10px rgba(0, 223, 162, 0.35) !important;
}
.STING-WEB-Events-Match { display: grid; grid-template-columns: 2fr .5fr 2fr; padding: 10px 0; margin: 0 auto; gap: 8px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.05); min-height: 44px; height: auto; align-items: center; }
.STING-WEB-Event-Match-Center { display: flex; gap: 12px; align-items: center; justify-content: center; }
.Lasted-Vs { font-size: 14px; display: block; margin: 14px auto; color: var(--Primary-C-Color); width: 93%; }
.STING-WEB-Event-Match-Right, .STING-WEB-Event-Match-Left { display: flex; gap: 5px; align-items: center; }
.STING-WEB-Event-Match-Left { justify-content: flex-end; }
.STING-WEB-Player-Names { display: grid; gap: 0; font-size: 11px; max-width: 100%; overflow: hidden; }
.STING-WEB-Player-Names span { white-space: normal; word-break: break-word; overflow-wrap: anywhere; line-height: 1.4; }
.STING-WEB-Player-Names span:nth-child(2) { font-size: 10px; }
.STING-WEB-Event-Player { display: grid; }
.STING-WEB_MatchInfo-Table.info:before { content: "معلومات اللقاء "; font-size: 14px; display: block; margin: 0 auto; margin-bottom: 14px; color: var(--Primary-C-Color); width: 93%; }
.STING-WEB_MatchInfo-Table.channels:before { content: "القنوات الناقله"; font-size: 14px; display: block; margin: 14px auto; color: var(--Primary-C-Color); width: 93%; }
.STING-WEB-Event-Match-Left .STING-WEB-Event-Player { order: 1; }
.STING-WEB-Event-Match-Left .STING-WEB-Extra-Players { order: 2; }
.STING-WEB-Events { width: 100%; margin: 0 auto; background: transparent; padding: 0; }
.STING-WEB-Events[style*="display: none"],
.STING-WEB-Events[style*="display:none"] {
    display: none !important;
}
.STING-WEB-Events-Match img { width: 25px; height: 25px; }.fade { opacity: 0; animation: fadeIn 400ms ease-in-out forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.STING-WEB-Event-Match-Center img.event-logo { width: 17px; height: 17px; }
.STING-WEB-H2H h3 { font-size: 15px; margin: 12px auto; width: 88%; display: flex; align-items: center; gap: 8px; margin-top: 20px; color: #ddddddb5; }
.STING-WEB-Comments,.STING-WEB-Team,.STING-WEB-Statistics,.STING-WEB-Feraq,.STING-WEB-Hadafin { width: 100%; margin: 0 auto; }
.STING-WEB-Details { width: 100%; margin: 0 auto; }
.STING-WEB-H2H { width: 100%; margin: 0 auto; }
.STING-WEB_MatchInfo-Table { width: 100%; border-collapse: collapse; border-radius: 12px; overflow: hidden; }
.STING-WEB_MatchInfo-Table tr { font-size: 14px; border-radius: 10px; display: flex; margin-bottom: 8px; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.05); height: 46px; align-items: center; padding: 0 12px; }
.STING-WEB_MatchInfo-Table td, .STING-WEB_MatchInfo-Table th { font-weight: 500; padding: 12px; line-height: 25px; }
.STING-WEB_MatchInfo-Table td { font-size: 13px; font-weight: 300; display: flex; align-items: center; }
.STING-WEB_MatchInfo-Table td img { margin-left: 8px; width: 22px; height: 22px; object-fit: contain; display: inline-block; vertical-align: middle; flex-shrink: 0; }
[dir="ltr"] .STING-WEB_MatchInfo-Table td img { margin-left: 0; margin-right: 8px; }

/* Match Info Table Championship Link */
.Cup-Row-Link,
.STING-WEB_MatchInfo-Table td a.Info-Link {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: var(--Primary-A-Color) !important;
    white-space: nowrap !important;
}
.Cup-Row-Link img,
.STING-WEB_MatchInfo-Table td a.Info-Link img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: inline-block !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
.Cup-Row-Link span,
.STING-WEB_MatchInfo-Table td a.Info-Link span {
    display: inline-block !important;
    line-height: 1.2 !important;
    color: inherit !important;
}

/* Scorers & Assists Subtabs Toggle */
.Hadafin-Subtabs-Wrap {
    width: 100%;
    max-width: 600px;
    margin: 15px auto 20px auto;
}
.Hadafin-Subtabs {
    display: flex;
    align-items: center;
    background: #151b26;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 6px;
    gap: 8px;
    box-sizing: border-box;
}
.Hadafin-Subtab-Btn {
    flex: 1;
    padding: 10px 16px;
    border-radius: 9px;
    border: none;
    background: transparent;
    color: var(--Primary-C-Color, #8e95a5);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: center;
    font-family: inherit;
}
.Hadafin-Subtab-Btn:hover {
    color: #ffffff;
}
.Hadafin-Subtab-Btn.active {
    background: var(--Primary-A-Color);
    color: #0c1017;
    box-shadow: 0 4px 12px rgba(0, 223, 162, 0.3);
}
#Live, .lived, .STING-WEB-Live { display: none !important; }
.STING-WEB_MatchInfo-Table th { color: var(--Primary-C-Color); width: 25%; text-align: start; }
.STING-WEB-Home-Field-Map, .STING-WEB-Away-Field-Map { display: flex; background-image: url("/assets/images/Lineup-BG.png?v=1.0.1"); background-repeat: no-repeat; background-size: contain; background-position: center center; align-items: center; margin: 20px auto; flex-direction: column; height: 500px; gap: 8px; border-radius: 6px; width: 500px; margin-top: 30px; }
.position { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; gap: 6px; }
.STING-WEB-Home-Field-Map .player img,.STING-WEB-Away-Field-Map .player img { width: 35px; height: 35px; }
.STING-WEB-Home-Field-Map .player, .STING-WEB-Away-Field-Map .player { display: grid; justify-items: center; margin: 2px; width: 70px; height: 70px; }
.STING-WEB-Home-Field-Map .player span, .STING-WEB-Away-Field-Map .player span { font-size: 11px; color: #fff; text-align: center; line-height: 18px; margin-top: 4px; }
.Team-Buttons { display: flex; margin: 10px auto; align-items: center; width: 93%; max-width: 300px; background: var(--B-Color); border-radius: 50px; }
.Team-Button { background: var(--B-Color); color: #ddddddb5; padding: 8px; border: 0; font-size: 14px; border-radius: 12px; width: 100%; cursor: pointer; }
.Team-Button:hover { color: var(--Primary-B-Color); }.Bench-Players { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.Team-Button.Lenup { color: var(--A-Color); font-weight: 600; background: var(--Primary-A-Color); }
.STING-WEB-Player-Repeat { width: 86%; margin: 0 auto; display: flex; align-items: center; gap: 15px; padding: 8px 12px; background: var(--C-Color); border-radius: 10px; border: 1px solid var(--B-Color); }
.STING-WEB-Player-Repeat-Right { width: 32px; height: 32px; }
.STING-WEB-Player-Repeat-Right img { width: 32px; height: 32px; object-fit: contain; display: flex; align-items: center; border-radius: 8px; }
.Substitutes-Label { font-size: 15px; display: block; margin: 14px auto; color: #ddddddb5; width: 93%; } 
.STING-WEB-Formation { background: #fff; color: #000; padding: 2px 18px; border-radius: 50px; font-size: 15px; margin: 0 auto; text-align: center; display: block; width: max-content; position: absolute; bottom: 40px; left: 150px; font-weight: 600; }
.Bench { display: grid; grid-template-columns: 1fr; width: 96%; margin: 20px auto; margin-top: 10px; }
.Event-Wrap { width: 27px; height: 27px; display: flex; font-size: 13px; border-color: rgba(91, 210, 134, 0.2); align-items: center; justify-content: center; border-radius: 100%; background: rgba(86, 212, 140, 0.2); color: #fff; position: relative; font-family: sans-serif; }
.Event-Wrap:before { width: 35px; height: 35px; border: 1px solid rgba(91, 210, 134, 0.2); position: absolute; top: -5px; right: -5px; display: block; content: ""; border-radius: 100%; }
.Starting { position: relative; }
.STING-WEB-Team .STING-WEB-TITLE-ODO:before { content: ""; width: 8px; height: 8px; background: var(--Primary-B-Color); display: flex; align-self: center; border-radius: 50px; }
.STING-WEB-Player-Repeat-Left { display: grid; gap: 2px; font-size: 12px; align-items: center; color: #ffffff; }
.STING-WEB-WatchTV {
    text-align: center;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 16px auto 22px auto;
    font-size: 14.5px;
    font-weight: 800;
    color: #ffffff !important;
    background: linear-gradient(180deg, #ff1e38 0%, #b8050e 100%);
    width: 70%;
    max-width: 420px;
    min-width: 240px;
    box-sizing: border-box;
    height: 42px;
    border-radius: 8px;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 4px 14px rgba(229, 9, 20, 0.45);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    animation: floatLift 2.5s infinite ease-in-out;
    letter-spacing: 0.3px;
    cursor: pointer;
    user-select: none;
}
.STING-WEB-WatchTV.block { display: flex !important; }
.STING-WEB-WatchTV:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 26px rgba(255, 30, 56, 0.7);
    animation-play-state: paused !important;
    opacity: 1 !important;
}
.STING-WEB-WatchTV svg {
    fill: currentColor;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}
@keyframes floatLift {
    0%, 100% {
        opacity: 1;
        transform: translateY(0);
    }
    50% {
        opacity: 0.15;
        transform: translateY(3px);
    }
}
.STING-WEB-Stats { display: grid; gap: 8px; align-items: center; text-align: center; width: 100%; margin: 0 auto 8px auto; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 12px; padding: 12px 18px; }
.STING-WEB-Statistics { width: 100%; border-radius: 12px; }
.STING-WEB-Value-Name { color: var(--Primary-C-Color); }
.STING-WEB-Team-Right-Stats, .STING-WEB-Team-Left-Stats { display: flex; width: 100%; text-align: center; }
.STING-WEB-Team-Right-Stats img,.STING-WEB-Team-Left-Stats img { width: 20px; height: 20px; object-fit: contain; }
.STING-WEB-Team-Right-Stats .Value, .STING-WEB-Team-Left-Stats .Value { width: 100%; font-size: 13px; color: var(--Primary-C-Color); }
.STING-WEB-Events, .STING-WEB-Team, .STING-WEB-Statistics, .STING-WEB-H2H,.STING-WEB-Comments,.STING-WEB-Live,.STING-WEB-Feraq,.STING-WEB-Hadafin { display: none; }
.STING-WEB-Match-Card,.STING-WEB-Details { display: block; }
@media (max-width: 880px) {
    .STING-WEB-Event-Toggle { justify-content: flex-start !important; }.Bench { grid-template-columns: 1fr; }header,.STING-WEB-Match-UI .STING-WEB-PIN { display: none !important; }
    .STING-WEB-Home-Field-Map, .STING-WEB-Away-Field-Map { height: 340px; width: 340px; }
    .STING-WEB-Home-Field-Map .player img, .STING-WEB-Away-Field-Map .player img { width: 30px; height: 30px; }
    .STING-WEB-Home-Field-Map .player, .STING-WEB-Away-Field-Map .player { width: 50px; height: 50px; }
    .STING-WEB-Home-Field-Map .player span, .STING-WEB-Away-Field-Map .player span { font-size: 9px; line-height: 12px; }
    .STING-WEB-Formation { font-size: 12px; bottom: 25px; left: 65px; }
    .STING-WEB-Match-Widget iframe { height: 80px !important; }
    .STING-WEB-Match-UI-Top { border-radius: 20px; padding: 10px 0 0 0; }
    .STING-WEB-Events { width: 100% !important; margin: 0 auto; padding: 5px; }
    .STING-WEB-Event-Match-Right img, .STING-WEB-Event-Match-Left img { display: none; }
    .STING-WEB-Events-Match { grid-template-columns: 1fr .5fr 1fr; gap: 4px; padding: 6px 0; }
    .STING-WEB-Player-Names { font-size: 10px; }
    .STING-WEB-Player-Names span:nth-child(2) { font-size: 9px; }
    .Sub-In-Label, .Sub-Out-Label { font-size: 9px; }
    .Event-Badge-Red, .Event-Badge-Yellow, .Event-Goal-Tag { font-size: 9px; }
    .Event-Time-Pill { font-size: 10px; padding: 2px 5px; }
}
.STING-WEB-Event-Match-Right { justify-self: left; text-align: left; }
.STING-WEB-Event-Match-Left { justify-self: right; text-align: right; }
.STING-WEB-Post-Comments { width: 100%; margin: 20px auto; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.06); padding: 20px; border-radius: 16px; }
.STING-WEB-Post-Comment-Form form { display: flex; gap: 6px; align-items: center; }
.STING-WEB-Post-Comment-Form form input[type="text"] { padding: 8px; border-radius: 10px; border: none; background: #10141d; text-align: center; color: #fff; width: 50%; outline: none; height: 25px; margin: 0 auto; }
.STING-WEB-Post-Comment-Form form textarea { padding: 8px; border-radius: 10px; border: none; background: #10141d; text-align: center; color: #BFC3D4; width: 85%; resize: none; height: 25px; overflow: hidden; outline: none; margin: 0 auto; }
.STING-WEB-Post-Comment-Form form button { background: var(--Primary-A-Color); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; border: none; transform: rotate(270deg); }
.STING-WEB-Send_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17'%3E%3Cpath id='Shape' d='M14.5,16.89,8,13.883,1.5,16.89c-.811.374-1.757-.274-1.434-.983l7-15.378a1.1,1.1,0,0,1,1.876,0l7,15.378C16.192,16.473,15.642,17,15,17A1.18,1.18,0,0,1,14.5,16.89Z' fill='%23131521'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 40px; height: 40px; display: block; cursor: pointer; }
.STING-WEB-Post-Comments-Show-User { padding-bottom: 12px; border-bottom: 1px solid #bfc3d412; }
.STING-WEB-Post-Comments-Show-User-Top { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; }
.STING-WEB-Post-Comments-Show-User-Top-Right { display: flex; align-items: center; gap: 12px; }
.STING-WEB-Post-Comments-Show-User-Icon { width: 35px; height: 35px; display: flex; align-items: center; }
.STING-WEB-Post-Comments-Show-User-Icon img { width: 100%; height: 100%; border-radius: 50px; }
.STING-WEB-Post-Comments-Show-User-Info { display: grid; }
.STING-WEB-Post-Comments-Show-User-Top-Right .Name-User { font-size: 15px; color: var(--Primary-E-Color); }
.STING-WEB-Post-Comments-Show-User-Top-Right .Date-Comment { color: var(--Primary-C-Color); font-size: 10px; }
.STING-WEB-Post-Comments-Show-User-Top-Left button.report-button { font-size: 12px; background: transparent; color: #ddddddb5; border: none; padding: 5px 12px; border-radius: 8px; cursor: pointer; }
.STING-WEB-Post-Comments-Show-User-Bottom { margin: 15px auto; margin-top: 30px; }
.STING-WEB-Post-Comments-Show-User-Bottom span { font-size: 14px; color: var(--Primary-B-Color); }
.Not-Comments { text-align: center; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.05); margin: 20px auto; padding: 30px; border-radius: 14px; color: #8e9ab2; font-size: 14px; }
.STING-WEB-Post-Comment-Form { padding-bottom: 20px; border-bottom: 1px solid #bfc3d412; }
.STING-WEB-Done-Send-Report { color: green; font-weight: 600; text-align: center; display: block; padding: 10px 0; font-size: 15px; }
.STING-WEB-TITLE { font-size: 14px !important; margin-top: 6px !important; }
.STING-WEB-Vote { display: grid; gap: 12px; width: 100%; margin: 0 auto; }
.STING-WEB-Vote span { font-size: 14px; color: #ddddddb5; }
.STING-WEB-Votes { display: grid; grid-template-columns: 1fr 1fr 1fr; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.06); padding: 14px; border-radius: 12px; align-items: center; justify-items: center; }
.STING-WEB-Votes button { display: flex; gap: 6px; border: 1px solid rgba(255, 255, 255, 0.08); align-items: center; cursor: pointer; width: 100%; background: #1a2232; border-radius: 999px; justify-content: center; padding: 6px 0; max-width: 120px; height: 38px; transition: all 0.2s; }
.STING-WEB-Votes button:hover { border-color: var(--Primary-A-Color); background: rgba(0, 223, 162, 0.1); }
.STING-WEB-Vs-Center-Goals { display: grid; grid-template-columns: 1fr .5fr 1fr; align-items: center; gap: 12px; }
.STING-WEB-Votes button img { width: 26px; height: 26px; object-fit: contain; }
.STING-WEB-Votes button span { color: #fff; font-size: 14px; }
.STING-WEB-Votes-Show ul { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; justify-items: center; width: 100%; margin: 20px auto; font-size: 14px; margin-bottom: 40px; }
.STING-WEB-Votes-Show ul li { width: 100%; display: flex; place-content: center; text-align: center; }
.STING-WEB-Last-Vs-Matches { display: grid; grid-template-columns: 1.5fr 1fr; width: 100%; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.05); height: 44px; border-radius: 12px; margin-bottom: 6px; padding: 0 16px; box-sizing: border-box; }
.STING-WEB-Last-Vs-Matches-Right { display: grid; width: 100%; grid-template-columns: 1fr .5fr 1fr; font-size: 12.5px; color: var(--Primary-B-Color); align-items: center; max-width: 320px; }
.STING-WEB-Last-Vs-Matches-Left { display: grid; width: 100%; grid-template-columns: .5fr 1fr; font-size: 11px; color: var(--Primary-C-Color); align-items: center; text-align: center; }
.STING-WEB-Last-Vs-Matches-Right span img { width: 0; height: 0; object-fit: contain; }
.STING-WEB-Last-Vs { display: grid; align-items: center; margin: 0 auto; justify-items: center; }
.STING-WEB-Last-Vs-Matches-Right .N-A { display: flex; gap: 10px; align-items: center; justify-items: center; width: 100%; }
.STING-WEB-Events-Match:nth-child(odd) { background: #151b26; border-radius: 10px; width: 100%; }
@media (max-width: 720px) { #LivedMatch { height: 300px; }.STING-WEB-Last-Vs-Matches { grid-template-columns: 1fr; }.none-phone { text-align: center; display: none; }.STING-WEB-Last-Vs-Matches-Left { display: none; }.STING-WEB-Last-Vs-Matches-Right { max-width: none; }}
.STING-WEB-Progress-background { width: 100%; height: 5px; background-color: #21263B; border-radius: 5px; }
.STING-WEB-Stats-Top { display: flex; justify-content: space-between; align-items: center; text-align: center; }
.STING-WEB-Stats-Progress { height: 100%; border-radius: 5px; }.Value { position: relative; font-size: 16px; font-weight: bold; }
.STING-WEB-Team-Right-Stats, .STING-WEB-Team-Left-Stats { display: inline-block; vertical-align: middle; width: 45%; }
.STING-WEB-Value-Name { text-align: center; font-size: 12px; font-weight: bold; width: 100%; }
.STING-WEB-Progress-Stats { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }

.STING-WEB-Scorers .no-scorers, .STING-WEB-Standings-C .no-standings, .STING-WEB-Previous-Matches .no-matches, .STING-WEB-Matches .no-matches { text-align: center; height: 160px; display: flex; align-items: center; justify-content: center; background: #151b26; border: 1px dashed rgba(255, 255, 255, 0.08); border-radius: 14px; font-size: 14px; color: var(--Primary-C-Color); }
.STING-WEB-Standings-C-Header { display: grid; grid-template-columns: .5fr 2fr .5fr .5fr .5fr .5fr .5fr; align-items: center; text-align: center; padding: 10px 0; font-size: 13px; font-weight: 700; color: var(--Primary-C-Color); border-radius: 8px; }
.STING-WEB-Double { width: 100%; max-width: var(--Max-Size); margin: 20px auto; display: grid; grid-template-columns: 2fr 1fr; gap: 14px; }
.STING-WEB-Standings-C-row { display: grid; grid-template-columns: .5fr 2fr .5fr .5fr .5fr .5fr .5fr; align-items: center; text-align: center; background: #151b26; border: 1px solid rgba(255, 255, 255, 0.04); padding: 10px 0; font-size: 13.5px; color: var(--Primary-E-Color); border-radius: 10px; margin: 6px 0; }
.Team-logo { font-size: 14px; }
.Team-Link { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; color: inherit !important; width: 100% !important; }
.Team-logo img { width: 28px; height: 28px; object-fit: contain; }
.STING-WEB-Standings-C-row .Position { font-size: 13px; color: var(--Primary-E-Color); }
.STING-WEB-Standings-C-row .Points { color: #ffffff; font-weight: 700; }
.STING-WEB-Scorers-row .Goals { background: #1e2638; border-radius: 10px; width: 36px; height: 36px; align-content: center; font-weight: 700; }
.STING-WEB-Group-Name { font-size: 14px; margin: 12px 15px; color: var(--Primary-C-Color); display: block; }.Phone-Show { display: none; }
.PC-Show { display: block; }.Player-Info { display: grid; text-align: start; font-size: 13px; }.Player-zone { font-size: 11px; color: var(--Primary-C-Color); }
.STING-WEB-Scorers-row .Position { font-size: 13px; color: var(--Primary-E-Color); }
.STING-WEB-Scorers-Header { display: grid; grid-template-columns: .5fr 2fr .5fr .5fr; align-items: center; text-align: center; padding: 10px 0; font-size: 13px; font-weight: 700; color: var(--Primary-C-Color); border-radius: 8px; width: 100%; margin: 0 auto; }
.STING-WEB-Scorers-row { display: grid; grid-template-columns: .5fr 2fr .5fr .5fr; align-items: center; text-align: center; padding: 10px 0; font-size: 13.5px; color: var(--Primary-E-Color); background: #151b26; border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 10px; margin: 6px 0; }
.Player img { width: 28px; height: 28px; object-fit: contain; border-radius: 50%; }.STING-WEB-Match:hover * { color: var(--Primary-A-Color); }
.STING-WEB-Scorers-row .Player { font-size: 13.5px; }
.Player-Link { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; color: inherit !important; width: 100% !important; }.STING-WEB-Scorers-Header .Position { text-align: start; margin-right: 18px; }
.Match-Teams { display: grid; grid-template-columns: 1fr .5fr 1fr; align-items: center; background: var(--C-Color); width: 96%; margin: 0 auto; padding: 6px; border-radius: 8px; margin-bottom: 5px; gap: 8px; }
.Right-Team,.Left-Team { display: flex; align-items: center; gap: 5px; width: 100%; }.Right-Team { direction: ltr; }
.Right-Team img,.Left-Team img { width: 30px; height: 30px; object-fit: contain; }
.Match-Date-Group { display: grid; background: var(--A-Color); border-radius: 12px; margin-bottom: 12px; }
.Match-Round { text-align: center; font-size: 11px; margin-top: 5px; color: var(--Primary-C-Color); }
.Match-Time,.Match-Goals { text-align: center; font-size: 15px; color: var(--Primary-E-Color); }
.STING-WEB-Group-Name { display: none !important; }
.Match-Center { display: grid; align-items: center; }.Club { width: 30px; height: 30px; display: flex; align-items: center; justify-self: center; }
.Match-Date-Title { background: var(--B-Color); width: 93%; padding: 4px 12px; border-radius: 7px; margin: 5px auto; color: var(--Primary-E-Color); font-size: 14px; text-align: center; display: block; }
.Right-Team span,.Left-Team span { font-size: 13px; }.Club img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 720px) { header { display: none; } .STING-WEB-Scorers-Header .Position { margin-right: 8px; }.STING-WEB-Standings-C-row,.Team-logo { font-size: 12px; } .STING-WEB-Scorers-row .Goals { font-weight: 600; font-size: 17px; }.STING-WEB-Double { grid-template-columns: 1fr; }.Match-Round { font-size: 10px; } .STING-WEB-League-Bottom button,.Match-Time { font-size: 13px; }.Right-Team img,.Left-Team img,.Team-logo img  { width: 25px; height: 25px; }.Phone-Show { display: block; }.Right-Team span,.Left-Team span { font-size: 12px; }.PC-Show,.STING-WEB-Double #STING-WEB-Standings { display: none; }.Club { width: 25px; height: 25px; }}

/* Info Links in Match Table */
.Info-Link, .Channel-Modal-Link {
    color: #39dbbf !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-block !important;
}
.Info-Link:hover, .Channel-Modal-Link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    transform: translateX(-2px);
}
[dir="ltr"] .Info-Link:hover, [dir="ltr"] .Channel-Modal-Link:hover {
    transform: translateX(2px);
}

/* Channel Frequency Modal */
.STING-WEB-Channel-Backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
    z-index: 99998;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.STING-WEB-Channel-Backdrop.is-open {
    display: block !important;
    opacity: 1 !important;
}

.STING-WEB-Channel-Modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    width: 540px;
    max-width: 92vw;
    max-height: 85vh;
    overflow-y: auto;
    background: var(--B-Color);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8);
    z-index: 99999;
    padding: 24px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.STING-WEB-Channel-Modal.is-open {
    display: block !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}
.STING-WEB-Channel-Modal::-webkit-scrollbar {
    width: 4px;
}
.STING-WEB-Channel-Modal::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

.channel-modal-close {
    position: absolute;
    top: 18px;
    left: 18px;
    cursor: pointer;
    color: #bfc3d4;
    padding: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
[dir="ltr"] .channel-modal-close {
    left: auto;
    right: 18px;
}
.channel-modal-close:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    transform: rotate(90deg);
}

.channel-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.channel-modal-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.channel-modal-title {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}
.channel-modal-country {
    font-size: 12px;
    color: var(--Primary-C-Color, #8e95a5);
    font-weight: 600;
}
.channel-modal-logo-wrap {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.channel-modal-logo-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.channel-sat-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.channel-sat-item {
    background: var(--C-Color, #0e1019);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
    transition: border-color 0.2s ease;
}
.channel-sat-item.active {
    border-color: rgba(57, 219, 191, 0.4);
}
.channel-sat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    user-select: none;
    background: rgba(255, 255, 255, 0.02);
    transition: background 0.2s ease;
}
.channel-sat-header:hover {
    background: rgba(255, 255, 255, 0.05);
}
.channel-sat-name {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}
.channel-sat-arrow {
    color: #8e95a5;
    transition: transform 0.25s ease;
}
.channel-sat-item.active .channel-sat-arrow {
    transform: rotate(180deg);
    color: #39dbbf;
}

.channel-sat-content {
    padding: 4px 16px 14px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.channel-sat-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}
.channel-param-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    font-size: 13px;
}
.channel-param-row:nth-child(even) {
    background: rgba(255, 255, 255, 0.04);
}
.param-label {
    color: #8e95a5;
    font-weight: 500;
}
.param-value {
    color: #ffffff;
    font-weight: 700;
    direction: ltr;
}
.channel-modal-empty {
    text-align: center;
    padding: 30px 10px;
    color: #8e95a5;
    font-size: 13px;
}

/* ── VIDEO HIGHLIGHTS & EVENTS TIMELINE ── */
.STING-WEB-Events {
    width: 96% !important;
    margin: 10px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.STING-WEB-Events-Section-Title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 14px 0 10px 0 !important;
    text-align: right !important;
    letter-spacing: 0.2px !important;
}
[dir="ltr"] .STING-WEB-Events-Section-Title {
    text-align: left !important;
}

/* Full-width Video Card */
.STING-WEB-Video-Section-Wrapper {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
}
.STING-WEB-Video-Highlights-Card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 90px !important;
    padding: 18px 16px !important;
    background: var(--C-Color) !important;
    border: 1px solid var(--B-Color) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(10px) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    gap: 10px !important;
}
.STING-WEB-Video-Highlights-Card:hover {
    transform: translateY(-2px) !important;
    background: var(--B-Color) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
.STING-WEB-Video-Card-Icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.25s ease !important;
}
.STING-WEB-Video-Highlights-Card:hover .STING-WEB-Video-Card-Icon {
    transform: scale(1.08) !important;
}
.STING-WEB-Video-Card-Text {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 0.2px !important;
    transition: color 0.2s ease !important;
}
.STING-WEB-Video-Highlights-Card:hover .STING-WEB-Video-Card-Text {
    color: #39dbbf !important;
}

/* Events Timeline Box */
.STING-WEB-Events-Timeline-Wrapper {
    width: 100% !important;
    margin-top: 5px !important;
}
.STING-WEB-Events-Timeline-Box {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: var(--C-Color) !important;
    border: 1px solid var(--B-Color) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(10px) !important;
    padding: 8px 10px 16px 10px !important;
    box-sizing: border-box !important;
}

/* Whistle Header at top of timeline */
.STING-WEB-Timeline-Status-Header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 12px 0 16px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 4px !important;
}
.STING-WEB-Timeline-Status-Label {
    color: #8fa0b3 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
}

/* Event Row (3-Column Layout: Left Team | Center Time | Right Team) */
.STING-WEB-Events-Match {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    gap: 10px !important;
    position: relative !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    min-height: 52px !important;
    height: auto !important;
    box-sizing: border-box !important;
}
.STING-WEB-Events-Match:last-child {
    border-bottom: none !important;
}

/* Center Time Capsule */
.STING-WEB-Event-Match-Center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 0 4px !important;
}
.Event-Time-Pill {
    min-width: 44px !important;
    height: 26px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    letter-spacing: 0.2px !important;
    background: var(--B-Color) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.Event-Time-Pill.pill-teal,
.Event-Time-Pill.pill-red,
.Event-Time-Pill.pill-normal {
    background: var(--B-Color) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Right Team Event (Home) - Icon closest to center, Player Name on outer side */
.STING-WEB-Event-Match-Right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    direction: rtl !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Left Team Event (Away) - Icon closest to center, Player Name on outer side */
.STING-WEB-Event-Match-Left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    direction: rtl !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Event Icon */
.STING-WEB-Event-Icon-Wrap {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.STING-WEB-Event-Icon-Wrap img.event-logo {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Player Typography */
.STING-WEB-Player-Names {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 1.25 !important;
    min-width: 0 !important;
    flex: 1 1 0% !important;
    overflow: hidden !important;
}
.Player-Main {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
}
.Player-Sub {
    color: #8fa0b3 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
}
.VAR-Badge {
    display: inline-block !important;
    padding: 1px 4px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    color: #a5b0c4 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 3px !important;
    line-height: 1 !important;
    margin-left: 4px !important;
}
.Sub-In-Label {
    color: #2ed573 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
.Sub-Out-Label {
    color: #ff4757 !important;
    font-weight: 600 !important;
    font-size: 10.5px !important;
}
.Event-Badge-Yellow {
    color: #ffa502 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}
.Event-Badge-Red {
    color: #ff4757 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}
.Event-Goal-Tag {
    color: #2ed573 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
}
.Goal-Scorer {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 13px !important;
}
.Assist-Text {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
}

[dir="ltr"] .STING-WEB-Player-Names {
    direction: ltr !important;
    text-align: left !important;
}
[dir="ltr"] .STING-WEB-Event-Match-Right {
    direction: rtl !important;
}
[dir="ltr"] .STING-WEB-Event-Match-Left {
    direction: ltr !important;
}

/* Mobile Responsiveness for Events on Phones */
@media (max-width: 768px) {
    .STING-WEB-Events-Timeline-Box {
        padding: 6px 8px 14px 8px !important;
    }
    .STING-WEB-Events-Match {
        padding: 8px 6px !important;
        gap: 6px !important;
        min-height: 48px !important;
    }
    .STING-WEB-Event-Match-Right,
    .STING-WEB-Event-Match-Left {
        gap: 6px !important;
    }
    .Player-Main {
        font-size: 12px !important;
        font-weight: 600 !important;
    }
    .Player-Sub {
        font-size: 10px !important;
        font-weight: 500 !important;
    }
    .STING-WEB-Event-Icon-Wrap {
        width: 22px !important;
        height: 22px !important;
    }
    .STING-WEB-Event-Icon-Wrap img.event-logo {
        width: 20px !important;
        height: 20px !important;
    }
    .Event-Time-Pill {
        min-width: 38px !important;
        height: 24px !important;
        font-size: 11.5px !important;
        padding: 0 6px !important;
    }
    .Goal-Scorer {
        font-size: 12px !important;
        font-weight: 700 !important;
    }
}
@media (max-width: 420px) {
    .STING-WEB-Events-Match {
        padding: 7px 4px !important;
        gap: 4px !important;
    }
    .STING-WEB-Event-Match-Right,
    .STING-WEB-Event-Match-Left {
        gap: 4px !important;
    }
    .Player-Main {
        font-size: 11px !important;
    }
    .Player-Sub {
        font-size: 9.5px !important;
    }
    .Event-Time-Pill {
        min-width: 34px !important;
        font-size: 10.5px !important;
        padding: 0 4px !important;
    }
    .STING-WEB-Event-Icon-Wrap {
        width: 19px !important;
        height: 19px !important;
    }
    .STING-WEB-Event-Icon-Wrap img.event-logo {
        width: 18px !important;
        height: 18px !important;
    }
}

/* Match News Section & Cards */
.Match-Section-News {
    width: 93%;
    margin: 0 auto;
    padding: 10px 0 25px 0;
}

.Match-News-Subtabs-Wrap {
    display: flex;
    justify-content: center;
    margin: 10px 0 22px 0;
}

.Match-News-Subtabs {
    display: inline-flex;
    align-items: center;
    background: rgba(14, 16, 25, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 4px;
    gap: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    flex-wrap: wrap;
    justify-content: center;
}

.Match-News-Subtab-Btn {
    background: transparent;
    border: none;
    color: var(--Primary-C-Color, #8e95a5);
    font-size: 13px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: inherit;
}

.Match-News-Subtab-Btn:hover:not(.active) {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
}

.Match-News-Subtab-Btn.active {
    background: #39dbbf !important;
    color: #0e1019 !important;
    box-shadow: 0 4px 15px rgba(57, 219, 191, 0.3);
}

.Match-News-Subtab-Badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
    line-height: 1;
}

.Match-News-Subtab-Btn.active .Match-News-Subtab-Badge {
    background: rgba(0, 0, 0, 0.2);
    color: #0e1019;
}

.Match-News-Grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.Match-News-Card {
    background: var(--C-Color, #0e1019);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.Match-News-Card:hover {
    transform: translateY(-3px);
    border-color: rgba(57, 219, 191, 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.Match-News-Thumb-Wrap {
    position: relative;
    width: 100%;
    height: 160px;
    background: rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.Match-News-Thumb-Wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.Match-News-Card:hover .Match-News-Thumb-Wrap img {
    transform: scale(1.05);
}

.Match-News-Badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(14, 16, 25, 0.88);
    backdrop-filter: blur(8px);
    color: #39dbbf;
    padding: 3px 9px;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 700;
    border: 1px solid rgba(57, 219, 191, 0.3);
}

[dir="ltr"] .Match-News-Badge {
    right: auto;
    left: 10px;
}

.Match-News-Body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    gap: 10px;
}

.Match-News-Title {
    font-size: 13.5px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Match-News-Meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    color: var(--Primary-C-Color, #8e95a5);
}

.Match-News-Meta svg {
    color: #39dbbf;
    stroke: #39dbbf;
}

.Match-News-Empty {
    text-align: center;
    padding: 50px 20px;
    background: var(--C-Color, #0e1019);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--Primary-C-Color, #8e95a5);
    margin: 15px auto;
}

.Match-News-Loader {
    text-align: center;
    padding: 50px 20px;
    color: #39dbbf;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .Match-News-Grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .Match-News-Thumb-Wrap {
        height: 180px;
    }
    .Match-News-Subtab-Btn {
        font-size: 12px;
        padding: 7px 12px;
    }
}

.Match-News-More-Wrap {
    display: flex;
    justify-content: center;
    margin: 28px 0 15px 0;
}

.Match-News-More-Btn {
    background: rgba(57, 219, 191, 0.1);
    border: 1.5px solid rgba(57, 219, 191, 0.35);
    color: #39dbbf;
    font-size: 14px;
    font-weight: 700;
    padding: 11px 36px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.25s ease;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.Match-News-More-Btn:hover {
    background: #39dbbf;
    color: #0e1019;
    box-shadow: 0 4px 20px rgba(57, 219, 191, 0.35);
    transform: translateY(-2px);
}

/* ==========================================================
   Multi-Channels, Team Form (Last 5), and FIFA Ranking Styles
   ========================================================== */

.STING-WEB-Section-Title {
    font-size: 14px;
    font-weight: 700;
    color: var(--Primary-C-Color, #00dfa2);
    margin: 18px 0 10px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 95%;
}

/* Multi-Channels Table (Matches Screenshot 1) */
.STING-WEB-MultiChannels-Wrap {
    width: 100%;
    margin: 0 auto 16px auto;
}

.STING-WEB-MultiChannels-Card {
    background: #151b26;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.STING-WEB-MultiChannels-Head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 20px;
    background: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    color: #8e9ab2;
    font-size: 13px;
    font-weight: 700;
}

.STING-WEB-MultiChannels-Head .head-col {
    display: inline-block;
}

.STING-WEB-MultiChannels-Head .th-channel {
    width: 50%;
    text-align: right;
}

[dir="ltr"] .STING-WEB-MultiChannels-Head .th-channel {
    text-align: left;
}

.STING-WEB-MultiChannels-Head .th-commentator {
    width: 50%;
    text-align: left;
}

[dir="ltr"] .STING-WEB-MultiChannels-Head .th-commentator {
    text-align: right;
}

.STING-WEB-MultiChannels-Body {
    display: flex;
    flex-direction: column;
}

.STING-WEB-MultiChannels-Row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: background 0.2s ease;
}

.STING-WEB-MultiChannels-Row:last-child {
    border-bottom: none;
}

.STING-WEB-MultiChannels-Row:hover {
    background: rgba(255, 255, 255, 0.03);
}

.STING-WEB-MultiChannels-Row .col-channel {
    width: 50%;
    text-align: right;
}

[dir="ltr"] .STING-WEB-MultiChannels-Row .col-channel {
    text-align: left;
}

.STING-WEB-MultiChannels-Row .col-channel a {
    color: #94a3b8;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.STING-WEB-MultiChannels-Row .col-channel a:hover {
    color: var(--Primary-A-Color, #00dfa2);
}

.STING-WEB-MultiChannels-Row .col-commentator {
    width: 50%;
    text-align: left;
}

[dir="ltr"] .STING-WEB-MultiChannels-Row .col-commentator {
    text-align: right;
}

.STING-WEB-MultiChannels-Row .col-commentator a,
.STING-WEB-MultiChannels-Row .col-commentator span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.STING-WEB-MultiChannels-Row .col-commentator a:hover {
    color: var(--Primary-A-Color, #00dfa2);
}

/* Team Form - Last 5 Matches (Matches Screenshot 3) */
.STING-WEB-Form-Section {
    width: 100%;
    margin: 16px auto;
}

.STING-WEB-Form-Hint {
    font-size: 12px;
    color: #8e9ab2;
    margin: -4px 0 12px 0;
    width: 95%;
}

.STING-WEB-Form-Grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    width: 100%;
}

.STING-WEB-Form-Card {
    background: #151b26;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.STING-WEB-Form-Card-Head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.STING-WEB-Form-Team-Identity {
    display: flex;
    align-items: center;
    gap: 10px;
}

.STING-WEB-Form-Team-Logo {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.STING-WEB-Form-Team-Name {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.STING-WEB-Form-Summary {
    display: flex;
    gap: 6px;
    align-items: center;
}

.STING-WEB-Form-Summary .summary-pill {
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
}

.STING-WEB-Form-Summary .summary-pill.win {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.STING-WEB-Form-Summary .summary-pill.draw {
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.STING-WEB-Form-Summary .summary-pill.lose {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.STING-WEB-Form-Strip-Wrap {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 10px;
}

.STING-WEB-Form-Line {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-50%);
    z-index: 1;
}

.STING-WEB-Form-Strip {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.STING-WEB-Form-Pill {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.STING-WEB-Form-Pill:hover {
    transform: scale(1.15);
}

.STING-WEB-Form-Pill.win {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 2px 10px rgba(16, 185, 129, 0.35);
}

.STING-WEB-Form-Pill.draw {
    background: #475569;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.STING-WEB-Form-Pill.lose {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 2px 10px rgba(239, 68, 68, 0.35);
}

/* FIFA Ranking Section */
.STING-WEB-Fifa-Section {
    width: 100%;
    margin: 16px auto;
}

.STING-WEB-Fifa-Card {
    background: #151b26;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.STING-WEB-Fifa-Card-Body {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 16px;
    flex-wrap: wrap;
}

.STING-WEB-Fifa-Side {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-width: 120px;
}

.STING-WEB-Fifa-Team {
    display: flex;
    align-items: center;
    gap: 8px;
}

.STING-WEB-Fifa-Team img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.STING-WEB-Fifa-Team span {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.STING-WEB-Fifa-Badge {
    padding: 5px 14px;
    background: #1e2638;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: var(--Primary-A-Color, #00dfa2);
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.STING-WEB-Fifa-Vs {
    font-size: 16px;
    font-weight: 800;
    color: #64748b;
}

.STING-WEB-Fifa-Note {
    margin: 16px auto 0 auto;
    font-size: 13px;
    font-weight: 600;
    color: #94a3b8;
    line-height: 1.5;
    max-width: 500px;
}