/* Team Roster - final visual override layer */
html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:first-child,
html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:first-child[style] {
    text-align: center !important;
    vertical-align: middle !important;
    background-image: none !important;
}

html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:first-child .roster-number-badge,
html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:first-child .roster-number-badge[style] {
    width: 40px !important;
    min-width: 40px !important;
    height: 30px !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, rgba(18, 70, 116, .96), rgba(5, 25, 48, .98)) !important;
    border: 1px solid rgba(72, 185, 255, .64) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 20px rgba(0, 0, 0, .18) !important;
    font-size: 13px !important;
    font-weight: 920 !important;
    line-height: 1 !important;
}

html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:nth-child(7),
html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:nth-child(7)[style] {
    text-align: center !important;
    vertical-align: middle !important;
    background-image: none !important;
}

html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:nth-child(7) .roster-position-badge,
html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:nth-child(7) .roster-position-badge[style] {
    width: 34px !important;
    min-width: 34px !important;
    height: 28px !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
}

html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:nth-child(5),
html body .template-wrap.page-team table.roster-table tbody tr:not(.footable-detail-row) > td:nth-child(5)[style] {
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

html body .template-wrap.page-team table.roster-table .roster-flag,
html body .template-wrap.page-team table.roster-table .roster-flag[style] {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    background-color: #ffffff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: 1px solid rgba(255, 255, 255, .84) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 0 1px rgba(58, 174, 255, .20), 0 8px 18px rgba(0, 0, 0, .18) !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

html body .template-wrap.page-team table.roster-table .roster-flag-code {
    display: none !important;
}

/* Schedule - actual final override layer */
html body #subcompselections,
html body #subcompselections[style],
html body #subcompselections *,
html body #subcompselections *[style] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .livenow,
html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .livedetails,
html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .matchStatus:not(.complete),
html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .liveperiodlabel,
html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .liveperiod,
html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .liveclock,
html body .match-wrap:has(.notlive .complete.matchStatus) .sched-link .detail-r-link.livenow,
html body .match-wrap:has(.notlive .complete.matchStatus) .sched-link .matchLink.livenow,
html body .match-wrap:has(.notlive .complete.matchStatus) .match-center-link > a.livenow,
html body .match-wrap.STATUS_COMPLETE .team-divide .livenow,
html body .match-wrap.STATUS_COMPLETE .team-divide .livedetails,
html body .match-wrap.STATUS_COMPLETE .team-divide .matchStatus:not(.complete),
html body .match-wrap.STATUS_COMPLETE .team-divide .liveperiodlabel,
html body .match-wrap.STATUS_COMPLETE .team-divide .liveperiod,
html body .match-wrap.STATUS_COMPLETE .team-divide .liveclock,
html body .match-wrap.STATUS_COMPLETE .sched-link .detail-r-link.livenow,
html body .match-wrap.STATUS_COMPLETE .sched-link .matchLink.livenow,
html body .match-wrap.STATUS_COMPLETE .match-center-link > a.livenow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .notlive,
html body .match-wrap:has(.notlive .complete.matchStatus) .team-divide .complete.matchStatus,
html body .match-wrap:has(.notlive .complete.matchStatus) .sched-link .detail-r-link.notlive,
html body .match-wrap:has(.notlive .complete.matchStatus) .sched-link .complete.matchLink,
html body .match-wrap.STATUS_COMPLETE .team-divide .notlive,
html body .match-wrap.STATUS_COMPLETE .team-divide .complete.matchStatus,
html body .match-wrap.STATUS_COMPLETE .sched-link .detail-r-link.notlive,
html body .match-wrap.STATUS_COMPLETE .sched-link .complete.matchLink {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Schedule - score separator */
html body .match-wrap .sched-teams {
    position: relative !important;
}

html body .match-wrap .sched-teams::before {
    content: none !important;
    display: none !important;
}

html body .match-wrap .home-team .team-score::after,
html body .match-wrap .home-team > .homescore::after,
html body .match-wrap.STATUS_COMPLETE .home-team .team-score::after,
html body .match-wrap.STATUS_COMPLETE .home-team > .homescore::after {
    content: ":" !important;
    position: absolute !important;
    top: 50% !important;
    right: -30px !important;
    z-index: 9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 54px !important;
    transform: translateY(-50%) !important;
    color: rgba(214, 229, 244, .88) !important;
    -webkit-text-fill-color: rgba(214, 229, 244, .88) !important;
    font-size: clamp(32px, 3.6vw, 46px) !important;
    font-weight: 950 !important;
    line-height: .72 !important;
    text-shadow: 0 8px 18px rgba(0, 0, 0, .28) !important;
    pointer-events: none !important;
}

/* Web embed compatibility - neutralize WordPress theme overrides on schedule cards */
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap,
html body .fixture-wrap .match-wrap .match-details-wrap,
html body .fixture-wrap > .match-wrap > .match-details-wrap {
    position: static !important;
    inset: auto !important;
    z-index: 2 !important;
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    overflow: visible !important;
    clip-path: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(221, 235, 248, .48) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap::before,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap::after,
html body .fixture-wrap .match-wrap .match-details-wrap::before,
html body .fixture-wrap .match-wrap .match-details-wrap::after {
    content: none !important;
    display: none !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-details,
html body .fixture-wrap .match-wrap .match-details-wrap .match-details {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-time,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue,
html body .fixture-wrap .match-wrap .match-details-wrap .match-time,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-time span,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue a,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue span,
html body .fixture-wrap .match-wrap .match-details-wrap .match-time span,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue a,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue span {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: visible !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

/* Team Staff - final override layer */
html body .template-wrap.page-team .table-wrap:has(table.roster-table thead th.ROLE_TYPE),
html body .template-wrap.page-team .table-wrap:has(table.roster-table thead th.ROLE_PERSON) {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    overflow: visible !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(58, 184, 255, .14), transparent 34%),
        linear-gradient(180deg, rgba(9, 37, 66, .96), rgba(2, 18, 35, .98)) !important;
    border: 1px solid rgba(57, 151, 218, .36) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    padding: 18px !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE),
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    background: rgba(2, 16, 31, .74) !important;
    border: 1px solid rgba(70, 164, 231, .20) !important;
    border-radius: 8px !important;
}

html body .template-wrap.page-team table.roster-table thead th.ROLE_TYPE,
html body .template-wrap.page-team table.roster-table thead th.ROLE_PERSON,
html body .template-wrap.page-team table.roster-table thead th.ROLE_TYPE[style],
html body .template-wrap.page-team table.roster-table thead th.ROLE_PERSON[style] {
    height: 54px !important;
    padding: 0 24px !important;
    color: #35bdff !important;
    -webkit-text-fill-color: #35bdff !important;
    background: linear-gradient(180deg, rgba(1, 14, 27, .98), rgba(2, 22, 42, .98)) !important;
    border-bottom: 1px solid rgba(69, 162, 227, .22) !important;
    font-size: 12px !important;
    font-weight: 940 !important;
    letter-spacing: .04em !important;
    line-height: 1.1 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
}

html body .template-wrap.page-team table.roster-table thead th.ROLE_TYPE {
    width: 280px !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody tr,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody tr {
    height: 62px !important;
    background: rgba(8, 36, 64, .58) !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody tr:nth-child(even),
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody tr:nth-child(even) {
    background: rgba(12, 48, 82, .52) !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td[style],
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td[style] {
    height: 62px !important;
    padding: 12px 24px !important;
    color: rgba(244, 250, 255, .96) !important;
    -webkit-text-fill-color: rgba(244, 250, 255, .96) !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(67, 152, 213, .16) !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: normal !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td:first-child,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td:first-child,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td:first-child[style],
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td:first-child[style] {
    width: 280px !important;
    text-align: left !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td:first-child .roster-number-badge,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td:first-child .roster-number-badge,
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td:first-child .roster-number-badge[style],
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td:first-child .roster-number-badge[style] {
    width: auto !important;
    min-width: 128px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    color: #7fd7ff !important;
    -webkit-text-fill-color: #7fd7ff !important;
    background: linear-gradient(180deg, rgba(28, 96, 151, .74), rgba(6, 29, 55, .96)) !important;
    border: 1px solid rgba(75, 190, 255, .54) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 920 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td:nth-child(2),
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td:nth-child(2),
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_TYPE) tbody td:nth-child(2)[style],
html body .template-wrap.page-team table.roster-table:has(thead th.ROLE_PERSON) tbody td:nth-child(2)[style] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

/* Final override - navigation and schedule labels */
html body .hs-nav li a.leaders[href*="/teams"],
html body .hs-nav li a.leaders[href*="%2Fteams%3F"],
html body .hs-nav li a.leaders[href*="%2Fteams"],
html body .hs-page-nav a.leaders[href*="/teams"],
html body .hs-page-nav a.leaders[href*="%2Fteams%3F"],
html body .hs-page-nav a.leaders[href*="%2Fteams"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    min-height: 48px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--hks-text) !important;
    -webkit-text-fill-color: var(--hks-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

html body .hs-nav li a.leaders[href*="/teams"]:hover,
html body .hs-nav li a.leaders[href*="%2Fteams%3F"]:hover,
html body .hs-nav li a.leaders[href*="%2Fteams"]:hover,
html body .hs-page-nav a.leaders[href*="/teams"]:hover,
html body .hs-page-nav a.leaders[href*="%2Fteams%3F"]:hover,
html body .hs-page-nav a.leaders[href*="%2Fteams"]:hover {
    color: var(--hks-ink) !important;
    -webkit-text-fill-color: var(--hks-ink) !important;
    background: rgba(255, 255, 255, .08) !important;
}

html body .hs-nav li a.leaders[href*="/teams"].activeitem,
html body .hs-nav li a.leaders[href*="%2Fteams%3F"].activeitem,
html body .hs-nav li a.leaders[href*="%2Fteams"].activeitem,
html body .hs-nav li a.leaders[href*="/teams"].currentoption,
html body .hs-nav li a.leaders[href*="%2Fteams%3F"].currentoption,
html body .hs-nav li a.leaders[href*="%2Fteams"].currentoption,
html body .hs-page-nav a.leaders[href*="/teams"].activeitem,
html body .hs-page-nav a.leaders[href*="%2Fteams%3F"].activeitem,
html body .hs-page-nav a.leaders[href*="%2Fteams"].activeitem,
html body .hs-page-nav a.leaders[href*="/teams"].currentoption,
html body .hs-page-nav a.leaders[href*="%2Fteams%3F"].currentoption,
html body .hs-page-nav a.leaders[href*="%2Fteams"].currentoption {
    color: var(--hks-ink) !important;
    -webkit-text-fill-color: var(--hks-ink) !important;
    background: linear-gradient(135deg, var(--hks-blue), #2982cf) !important;
    box-shadow: 0 10px 24px rgba(0, 112, 204, .28) !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-time h6,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue h6,
html body .fixture-wrap .match-wrap .match-details-wrap .match-time h6,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue h6 {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-time h6::before,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::before,
html body .fixture-wrap .match-wrap .match-details-wrap .match-time h6::before,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::before {
    position: static !important;
    content: "" !important;
    display: block !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    background: #35bfff !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-time h6::after,
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::after,
html body .fixture-wrap .match-wrap .match-details-wrap .match-time h6::after,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::after {
    content: none !important;
    display: none !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-time h6::before,
html body .fixture-wrap .match-wrap .match-details-wrap .match-time h6::before {
    -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.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat !important;
    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.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::before,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .fixture-wrap .sched-link .complete.matchLink,
html body .fixture-wrap .sched-link span.complete.matchLink,
html body .fixture-wrap .match-center-link .complete.matchLink,
html body .match-wrap.STATUS_COMPLETE .sched-link .complete.matchLink,
html body .match-wrap:has(.notlive .complete.matchStatus) .sched-link .complete.matchLink {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
    text-shadow: 0 8px 18px rgba(0, 0, 0, .32) !important;
}

/* Final hard alias for Teams link rendered with the old leaders class */
html body .hs-nav a.leaders[href*="/teams"],
html body .hs-nav a.leaders[href*="%2Fteams%3F"],
html body .hs-nav a.leaders[href*="%2Fteams"],
html body a.leaders[href*="/teams"],
html body a.leaders[href*="%2Fteams%3F"],
html body a.leaders[href*="%2Fteams"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    min-height: 48px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--hks-text) !important;
    -webkit-text-fill-color: var(--hks-text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 48px !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body .hs-nav a.leaders[href*="/teams"]:hover,
html body .hs-nav a.leaders[href*="%2Fteams%3F"]:hover,
html body .hs-nav a.leaders[href*="%2Fteams"]:hover,
html body a.leaders[href*="/teams"]:hover,
html body a.leaders[href*="%2Fteams%3F"]:hover,
html body a.leaders[href*="%2Fteams"]:hover {
    color: var(--hks-ink) !important;
    -webkit-text-fill-color: var(--hks-ink) !important;
    background: rgba(255, 255, 255, .08) !important;
}

html body .hs-nav a.leaders[href*="/teams"].activeitem,
html body .hs-nav a.leaders[href*="%2Fteams%3F"].activeitem,
html body .hs-nav a.leaders[href*="%2Fteams"].activeitem,
html body .hs-nav a.leaders[href*="/teams"].currentoption,
html body .hs-nav a.leaders[href*="%2Fteams%3F"].currentoption,
html body .hs-nav a.leaders[href*="%2Fteams"].currentoption,
html body a.leaders[href*="/teams"].activeitem,
html body a.leaders[href*="%2Fteams%3F"].activeitem,
html body a.leaders[href*="%2Fteams"].activeitem,
html body a.leaders[href*="/teams"].currentoption,
html body a.leaders[href*="%2Fteams%3F"].currentoption,
html body a.leaders[href*="%2Fteams"].currentoption {
    color: var(--hks-ink) !important;
    -webkit-text-fill-color: var(--hks-ink) !important;
    background: linear-gradient(135deg, var(--hks-blue), #2982cf) !important;
    box-shadow: 0 10px 24px rgba(0, 112, 204, .28) !important;
}

/* Final schedule selector restore - show rounds without the old bulky title */
html body #subcompselections,
html body #subcompselections[style],
html body .schedule-wrap #subcompselections,
html body .fixture-wrap #subcompselections {
    position: relative !important;
    z-index: 15 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 24px !important;
    padding: 14px 18px !important;
    overflow: visible !important;
    visibility: visible !important;
    border: 1px solid rgba(75, 170, 232, .30) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(54, 190, 255, .14), transparent 34%),
        linear-gradient(180deg, rgba(9, 34, 62, .92), rgba(3, 18, 35, .96)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

html body #subcompselections > .selection-scroll,
html body #subcompselections > .selection-scroll[style],
html body #subcompselections > .selection-scroll .generic-list-menu,
html body #subcompselections > .selection-scroll .generic-list-menu[style] {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #subcompselections > .selection-scroll .generic-list-menu {
    flex-wrap: wrap !important;
    gap: 10px !important;
}

html body #subcompselections > .selection-scroll .generic-list-menu a,
html body #subcompselections > .selection-scroll .generic-list-menu .menuoption {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    overflow: visible !important;
    visibility: visible !important;
    border: 1px solid rgba(122, 185, 231, .18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: rgba(235, 245, 255, .88) !important;
    -webkit-text-fill-color: rgba(235, 245, 255, .88) !important;
    font-size: 13px !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

html body #subcompselections > .selection-scroll .generic-list-menu a.currentoption,
html body #subcompselections > .selection-scroll .generic-list-menu a.active,
html body #subcompselections > .selection-scroll .generic-list-menu .menuoption.currentoption,
html body #subcompselections > .selection-scroll .generic-list-menu .menuoption.active {
    border-color: rgba(67, 196, 255, .62) !important;
    background: linear-gradient(180deg, rgba(38, 146, 214, .74), rgba(8, 42, 74, .94)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 10px 22px rgba(35, 169, 238, .18) !important;
}

html body #subcompselections .selectionblock-rounds,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #subcompselections .selectionblock-rounds > h4,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector > h4,
html body .selectionblock-rounds.matchDisplaySelector > h4 {
    display: none !important;
    visibility: hidden !important;
}

html body #subcompselections .selectionblock-rounds::before,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector::before {
    content: "Runda" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(125, 184, 225, .24) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: rgba(215, 231, 246, .86) !important;
    -webkit-text-fill-color: rgba(215, 231, 246, .86) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    visibility: visible !important;
}

html body #subcompselections #round-wrap,
html body #subcompselections #round-wrap[style],
html body .selectionblock-rounds.matchDisplaySelector #round-wrap,
html body .selectionblock-rounds.matchDisplaySelector #round-wrap[style] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 90px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 6px !important;
    overflow: visible !important;
    visibility: visible !important;
    border: 1px solid rgba(82, 178, 240, .34) !important;
    border-radius: 999px !important;
    background: rgba(2, 15, 29, .86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html body #subcompselections #round-prev,
html body #subcompselections #round-next,
html body #subcompselections #current-round,
html body .selectionblock-rounds.matchDisplaySelector #round-prev,
html body .selectionblock-rounds.matchDisplaySelector #round-next,
html body .selectionblock-rounds.matchDisplaySelector #current-round {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
}

html body #subcompselections #round-prev a,
html body #subcompselections #round-next a,
html body .selectionblock-rounds.matchDisplaySelector #round-prev a,
html body .selectionblock-rounds.matchDisplaySelector #round-next a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: visible !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    opacity: .82 !important;
}

html body #subcompselections #round-prev a.disable-arrow,
html body #subcompselections #round-next a.disable-arrow,
html body .selectionblock-rounds.matchDisplaySelector #round-prev a.disable-arrow,
html body .selectionblock-rounds.matchDisplaySelector #round-next a.disable-arrow {
    opacity: .32 !important;
    pointer-events: none !important;
}

html body #subcompselections #round-prev .sprite,
html body #subcompselections #round-next .sprite,
html body .selectionblock-rounds.matchDisplaySelector #round-prev .sprite,
html body .selectionblock-rounds.matchDisplaySelector #round-next .sprite {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    border: solid #8fdcff !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #subcompselections #round-prev .sprite,
html body .selectionblock-rounds.matchDisplaySelector #round-prev .sprite {
    border-width: 0 0 2px 2px !important;
    transform: rotate(45deg) !important;
}

html body #subcompselections #round-next .sprite,
html body .selectionblock-rounds.matchDisplaySelector #round-next .sprite {
    border-width: 2px 2px 0 0 !important;
    transform: rotate(45deg) !important;
}

html body #subcompselections .current-round-value,
html body #subcompselections .current-round-value[style],
html body .selectionblock-rounds.matchDisplaySelector .current-round-value,
html body .selectionblock-rounds.matchDisplaySelector .current-round-value[style] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
    visibility: visible !important;
    border: 1px solid rgba(65, 193, 255, .45) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(43, 146, 214, .52), rgba(3, 22, 39, .94)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

html body #subcompselections .roundlist,
html body #subcompselections .roundlist[style],
html body .selectionblock-rounds.matchDisplaySelector .roundlist,
html body .selectionblock-rounds.matchDisplaySelector .roundlist[style] {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    z-index: 30 !important;
    display: none !important;
    grid-template-columns: repeat(auto-fit, minmax(34px, 1fr)) !important;
    gap: 6px !important;
    width: min(260px, 84vw) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 240px !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: auto !important;
    visibility: visible !important;
    border: 1px solid rgba(78, 176, 237, .32) !important;
    border-radius: 12px !important;
    background: rgba(2, 14, 28, .98) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .36) !important;
}

html body #subcompselections .roundlist[style*="display: block"],
html body #subcompselections .roundlist[style*="display:block"],
html body .selectionblock-rounds.matchDisplaySelector .roundlist[style*="display: block"],
html body .selectionblock-rounds.matchDisplaySelector .roundlist[style*="display:block"] {
    display: grid !important;
}

html body #subcompselections .roundlist a,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 34px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    visibility: visible !important;
    border: 1px solid rgba(80, 179, 242, .24) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: rgba(235, 245, 255, .90) !important;
    -webkit-text-fill-color: rgba(235, 245, 255, .90) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

html body #subcompselections .roundlist a.currentoption,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a.currentoption {
    border-color: rgba(57, 196, 255, .70) !important;
    background: linear-gradient(180deg, rgba(36, 153, 222, .74), rgba(6, 42, 76, .96)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Final venue icon: upright location pin */
html body.page:not(.home) .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::before,
html body .fixture-wrap .match-wrap .match-details-wrap .match-venue h6::before,
html body .match-wrap .match-venue h6::before {
    transform: none !important;
    -webkit-transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #35bfff !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.25A7.25 7.25 0 0 0 4.75 9.5c0 5.35 7.25 12.25 7.25 12.25s7.25-6.9 7.25-12.25A7.25 7.25 0 0 0 12 2.25Zm0 9.9a2.65 2.65 0 1 1 0-5.3 2.65 2.65 0 0 1 0 5.3Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.25A7.25 7.25 0 0 0 4.75 9.5c0 5.35 7.25 12.25 7.25 12.25s7.25-6.9 7.25-12.25A7.25 7.25 0 0 0 12 2.25Zm0 9.9a2.65 2.65 0 1 1 0-5.3 2.65 2.65 0 0 1 0 5.3Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Round selector - segmented arrows with all-rounds picker */
html body #subcompselections .selectionblock-rounds.matchDisplaySelector,
html body .selectionblock-rounds.matchDisplaySelector {
    isolation: isolate !important;
    gap: 12px !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector::before,
html body .selectionblock-rounds.matchDisplaySelector::before {
    content: "Runde" !important;
    height: 42px !important;
    padding: 0 15px !important;
    border-color: rgba(80, 175, 238, .28) !important;
    background: linear-gradient(180deg, rgba(12, 43, 73, .82), rgba(2, 18, 34, .95)) !important;
    color: rgba(223, 239, 252, .86) !important;
    -webkit-text-fill-color: rgba(223, 239, 252, .86) !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-wrap,
html body .selectionblock-rounds.matchDisplaySelector #round-wrap {
    gap: 0 !important;
    min-width: 188px !important;
    height: 42px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(76, 184, 247, .36) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(8, 35, 62, .94), rgba(2, 15, 29, .98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 26px rgba(0, 0, 0, .18) !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-prev,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-next,
html body .selectionblock-rounds.matchDisplaySelector #round-prev,
html body .selectionblock-rounds.matchDisplaySelector #round-next {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-prev a,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-next a,
html body .selectionblock-rounds.matchDisplaySelector #round-prev a,
html body .selectionblock-rounds.matchDisplaySelector #round-next a {
    width: 42px !important;
    height: 42px !important;
    border-radius: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    transition: background .18s ease, opacity .18s ease !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-prev a:not(.disable-arrow):hover,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-next a:not(.disable-arrow):hover,
html body .selectionblock-rounds.matchDisplaySelector #round-prev a:not(.disable-arrow):hover,
html body .selectionblock-rounds.matchDisplaySelector #round-next a:not(.disable-arrow):hover {
    background: rgba(52, 177, 245, .16) !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-prev a.disable-arrow,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-next a.disable-arrow,
html body .selectionblock-rounds.matchDisplaySelector #round-prev a.disable-arrow,
html body .selectionblock-rounds.matchDisplaySelector #round-next a.disable-arrow {
    opacity: .34 !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #current-round,
html body .selectionblock-rounds.matchDisplaySelector #current-round {
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 104px !important;
    height: 42px !important;
    cursor: pointer !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #current-round::before,
html body .selectionblock-rounds.matchDisplaySelector #current-round::before {
    content: "Runda" !important;
    margin-right: 7px !important;
    color: rgba(163, 190, 211, .80) !important;
    -webkit-text-fill-color: rgba(163, 190, 211, .80) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector #current-round::after,
html body .selectionblock-rounds.matchDisplaySelector #current-round::after {
    content: "" !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 8px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid rgba(116, 218, 255, .86) !important;
    transition: transform .18s ease !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector.roundlist-open #current-round::after,
html body .selectionblock-rounds.matchDisplaySelector.roundlist-open #current-round::after {
    transform: rotate(180deg) !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .current-round-value,
html body .selectionblock-rounds.matchDisplaySelector .current-round-value {
    min-width: 30px !important;
    height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(62, 197, 255, .50) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(34, 143, 209, .55), rgba(3, 22, 39, .96)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .round-all-toggle,
html body .selectionblock-rounds.matchDisplaySelector .round-all-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    min-width: 104px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid rgba(80, 180, 242, .30) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(10, 42, 72, .88), rgba(2, 17, 32, .96)) !important;
    color: rgba(239, 248, 255, .92) !important;
    -webkit-text-fill-color: rgba(239, 248, 255, .92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .round-all-toggle:hover,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector.roundlist-open .round-all-toggle,
html body .selectionblock-rounds.matchDisplaySelector .round-all-toggle:hover,
html body .selectionblock-rounds.matchDisplaySelector.roundlist-open .round-all-toggle {
    border-color: rgba(62, 197, 255, .62) !important;
    background: linear-gradient(180deg, rgba(34, 144, 212, .72), rgba(5, 36, 65, .96)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist[style],
html body .selectionblock-rounds.matchDisplaySelector .roundlist,
html body .selectionblock-rounds.matchDisplaySelector .roundlist[style] {
    top: calc(100% + 10px) !important;
    right: 0 !important;
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)) !important;
    gap: 8px !important;
    width: min(330px, 86vw) !important;
    max-height: 270px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(53, 191, 255, .14), transparent 34%),
        rgba(2, 14, 27, .98) !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector.roundlist-open .roundlist,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector.roundlist-open .roundlist[style],
html body .selectionblock-rounds.matchDisplaySelector.roundlist-open .roundlist,
html body .selectionblock-rounds.matchDisplaySelector.roundlist-open .roundlist[style] {
    display: grid !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist a,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist a[style],
html body .selectionblock-rounds.matchDisplaySelector .roundlist a,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a[style] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 42px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: visible !important;
    text-indent: 0 !important;
    border: 1px solid rgba(82, 180, 241, .24) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: rgba(238, 247, 255, .94) !important;
    -webkit-text-fill-color: rgba(238, 247, 255, .94) !important;
    font-size: 13px !important;
    font-weight: 920 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist a::before,
html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist a::after,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a::before,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a::after {
    content: none !important;
    display: none !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist a:hover,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a:hover {
    border-color: rgba(62, 197, 255, .60) !important;
    background: rgba(37, 143, 210, .28) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body #subcompselections .selectionblock-rounds.matchDisplaySelector .roundlist a.currentoption,
html body .selectionblock-rounds.matchDisplaySelector .roundlist a.currentoption {
    border-color: rgba(62, 197, 255, .78) !important;
    background: linear-gradient(180deg, rgba(43, 158, 225, .78), rgba(8, 47, 82, .98)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(40, 173, 238, .22) !important;
}

@media screen and (max-width: 720px) {
    html body #subcompselections .selectionblock-rounds.matchDisplaySelector,
    html body .selectionblock-rounds.matchDisplaySelector {
        justify-content: flex-start !important;
    }

    html body #subcompselections .selectionblock-rounds.matchDisplaySelector #round-wrap,
    html body .selectionblock-rounds.matchDisplaySelector #round-wrap {
        min-width: 170px !important;
    }
}