/* 3alTrack v3.26.0 — editorial readability, match clarity, CMS ergonomics and render performance */

:root {
    --v3260-accent: #ff4655;
    --v3260-cyan: #59d9ff;
    --v3260-reading: #e8edf4;
    --v3260-muted: #95a4b6;
}

::selection {
    background: rgba(255, 70, 85, .28);
    color: #fff;
}

:where(a, button, input, textarea, select, [contenteditable="true"]):focus-visible {
    outline: 3px solid rgba(89, 217, 255, .38) !important;
    outline-offset: 3px !important;
}

/* Article page: tighter title, calmer reading rhythm, subtitle just above body size. */
body.article-pro-page .article-inline-header-v251 {
    margin: 14px 0 22px !important;
}

body.article-pro-page .article-inline-header-v251 h1,
body.article-pro-page #articleTitle {
    max-width: 980px !important;
    margin: 0 !important;
    color: #f8fafc !important;
    font-size: clamp(27px, 3vw, 42px) !important;
    font-weight: 900 !important;
    line-height: 1.43 !important;
    letter-spacing: -.018em !important;
    text-wrap: balance;
    text-shadow: 0 8px 28px rgba(0, 0, 0, .18) !important;
}

body.article-pro-page .article-body-pro {
    color: var(--v3260-reading) !important;
    font-size: 18px !important;
    line-height: 2.05 !important;
}

body.article-pro-page .article-body-pro p,
body.article-pro-page .article-body-pro li {
    color: var(--v3260-reading) !important;
    font-size: 18px !important;
    line-height: 2.05 !important;
    font-weight: 500 !important;
}

body.article-pro-page .article-body-pro p + p {
    margin-top: 18px !important;
}

body.article-pro-page .article-body-pro h2.article-subtitle-v2934 {
    margin: 32px 0 13px !important;
    padding: 1px 13px 2px 0 !important;
    border-right-width: 3px !important;
    font-size: clamp(20px, 1.65vw, 23px) !important;
    font-weight: 900 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.article-pro-page .article-info-card {
    gap: 10px !important;
    margin: 20px 0 28px !important;
}

body.article-pro-page .article-info-card > div {
    min-height: 68px !important;
    padding: 12px 15px !important;
    border-radius: 16px !important;
}

body.article-pro-page .article-info-card span {
    color: var(--v3260-muted) !important;
    font-size: 10px !important;
    letter-spacing: .02em !important;
}

body.article-pro-page .article-info-card strong {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

html[data-theme="light"] body.article-pro-page .article-inline-header-v251 h1,
html[data-visual-theme="light"] body.article-pro-page .article-inline-header-v251 h1,
html[data-theme="light"] body.article-pro-page #articleTitle,
html[data-visual-theme="light"] body.article-pro-page #articleTitle {
    color: #111827 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body.article-pro-page .article-body-pro,
html[data-visual-theme="light"] body.article-pro-page .article-body-pro,
html[data-theme="light"] body.article-pro-page .article-body-pro p,
html[data-visual-theme="light"] body.article-pro-page .article-body-pro p,
html[data-theme="light"] body.article-pro-page .article-body-pro li,
html[data-visual-theme="light"] body.article-pro-page .article-body-pro li {
    color: #263447 !important;
}

/* Match center: goal scorers must be readable at a glance. */
.mc-scorers-v3110 {
    max-width: 360px !important;
    gap: 7px !important;
    margin-top: 14px !important;
}

.mc-scorers-v3110 span {
    min-height: 31px !important;
    max-width: 100% !important;
    gap: 7px !important;
    padding: 6px 10px !important;
    border-color: rgba(89, 217, 255, .22) !important;
    background: linear-gradient(135deg, rgba(89, 217, 255, .12), rgba(89, 217, 255, .045)) !important;
    color: #e9f7ff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.mc-scorers-v3110 span::before {
    content: "⚽";
    flex: 0 0 auto;
    font-size: 11px;
}

.mc-scorers-v3110 b {
    max-width: 220px !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.mc-scorers-v3110 i {
    min-width: 28px;
    color: var(--v3260-cyan) !important;
    font-size: 10.5px !important;
}

.mc-event-time-v3110 {
    font-size: 12px !important;
}

.mc-event-card-v3110 {
    min-height: 54px !important;
    padding: 11px 13px !important;
}

.mc-event-main-v3110 strong {
    color: #f8fafc !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.mc-event-main-v3110 span {
    font-size: 9px !important;
    line-height: 1.4 !important;
}

.mc-event-v3110.is-goal .mc-event-card-v3110 {
    border-color: rgba(89, 217, 255, .25) !important;
    background: linear-gradient(135deg, rgba(23, 53, 72, .9), rgba(11, 26, 43, .82)) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .12) !important;
}

.mc-event-v3110.is-goal .mc-event-main-v3110 strong {
    font-size: 13.5px !important;
}

.mc-accordion-copy-v3110 strong {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.mc-accordion-copy-v3110 em {
    font-size: 9px !important;
    line-height: 1.55 !important;
}

/* Match News, formerly story, gets a cleaner newsroom hierarchy. */
.mc-story-v3130 {
    gap: 20px !important;
}

.mc-story-phase-v3130 > header strong {
    font-size: 15px !important;
}

.mc-story-copy-v3130 small {
    font-size: 8.5px !important;
}

.mc-story-copy-v3130 strong {
    font-size: 13px !important;
    line-height: 1.75 !important;
}

.mc-story-copy-v3130 em {
    font-size: 8px !important;
}

/* CMS/editor: more comfortable writing, faster long news lists. */
body.admin-dashboard-page .cms-rich-editor-v2934 {
    min-height: 390px !important;
    font-size: 17px !important;
    line-height: 2 !important;
    caret-color: var(--v3260-accent) !important;
}

body.admin-dashboard-page .cms-rich-editor-v2934:focus {
    border-color: rgba(89, 217, 255, .35) !important;
    box-shadow: 0 0 0 4px rgba(89, 217, 255, .07) !important;
}

body.admin-dashboard-page .cms-news-row {
    content-visibility: auto;
    contain-intrinsic-size: 148px;
}

body.admin-dashboard-page :where(input, textarea, select):focus {
    border-color: rgba(89, 217, 255, .34) !important;
    box-shadow: 0 0 0 4px rgba(89, 217, 255, .06) !important;
}

body.admin-dashboard-page .cms-submit,
body.admin-dashboard-page .cms-light-btn,
body.admin-dashboard-page .studio-create-button-v3900 {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

body.admin-dashboard-page .cms-submit:hover,
body.admin-dashboard-page .cms-light-btn:hover,
body.admin-dashboard-page .studio-create-button-v3900:hover {
    transform: translateY(-1px);
}

/* Skip painting expensive below-fold areas until needed. */
@supports (content-visibility: auto) {
    body.home-arena-v2990 .category-pro-section,
    body.home-arena-v2990 .most-read-pro-block,
    .newsroom-premium-panel,
    .leagues-clean-grid {
        content-visibility: auto;
        contain-intrinsic-size: 720px;
    }
}

@media (max-width: 760px) {
    body.article-pro-page .article-inline-header-v251 {
        margin: 10px 0 17px !important;
    }

    body.article-pro-page .article-inline-header-v251 h1,
    body.article-pro-page #articleTitle {
        font-size: clamp(24px, 7.4vw, 31px) !important;
        line-height: 1.48 !important;
    }

    body.article-pro-page .article-body-pro,
    body.article-pro-page .article-body-pro p,
    body.article-pro-page .article-body-pro li {
        font-size: 16.5px !important;
        line-height: 2.02 !important;
    }

    body.article-pro-page .article-body-pro h2.article-subtitle-v2934 {
        margin: 27px 0 11px !important;
        padding-right: 11px !important;
        font-size: 18.5px !important;
        line-height: 1.7 !important;
    }

    .mc-team-name-v3110 {
        max-width: 128px !important;
        font-size: 12px !important;
    }

    .mc-scorers-v3110 {
        gap: 4px !important;
        margin-top: 9px !important;
    }

    .mc-scorers-v3110 span {
        min-height: 27px !important;
        max-width: 128px !important;
        padding: 5px 7px !important;
        font-size: 9px !important;
    }

    .mc-scorers-v3110 span::before {
        font-size: 9px;
    }

    .mc-scorers-v3110 b {
        max-width: 78px !important;
        font-size: 9px !important;
    }

    .mc-scorers-v3110 i {
        min-width: 21px;
        font-size: 8.5px !important;
    }

    .mc-event-time-v3110 {
        font-size: 10px !important;
    }

    .mc-event-main-v3110 strong,
    .mc-event-v3110.is-goal .mc-event-main-v3110 strong {
        font-size: 10px !important;
    }

    .mc-event-main-v3110 span {
        font-size: 7.5px !important;
    }

    .mc-story-phase-v3130 > header strong {
        font-size: 12px !important;
    }

    .mc-story-copy-v3130 small {
        font-size: 7px !important;
    }

    .mc-story-copy-v3130 strong {
        font-size: 10px !important;
    }

    .mc-story-copy-v3130 em {
        font-size: 6.5px !important;
    }

    body.admin-dashboard-page .cms-rich-editor-v2934 {
        min-height: 330px !important;
        font-size: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}


/* v3.26.1 perceived-performance pass */
.hero-copy{animation-duration:.58s!important;animation-delay:.08s!important}
.hero-copy small{animation-delay:.18s!important}
.hero-copy h1{animation-delay:.25s!important}
.hero-copy p{animation-delay:.34s!important}
.hero-actions{animation-delay:.43s!important}
@media(max-width:760px){
  .hero-copy{backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
  .topbar{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy,.hero-copy small,.hero-copy h1,.hero-copy p,.hero-actions{animation:none!important;opacity:1!important;transform:none!important}
}

/* =========================================================
   3alTrack v3.27.0 — live-first match UI + visual performance
   ========================================================= */

:root {
    --v3270-live: #ff3b4e;
    --v3270-cyan: #66ddff;
    --v3270-panel: rgba(8, 17, 29, .88);
    --v3270-border: rgba(255, 255, 255, .09);
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Faster perceived loading without expensive full-page blur. */
.mc-loading-v3110,
.home-worldcup-loading,
.article-loading-box {
    position: relative;
    overflow: hidden;
}

.mc-loading-v3110::after,
.home-worldcup-loading::after,
.article-loading-box::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(110%);
    background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.07) 48%, transparent 76%);
    animation: v3270-skeleton-sweep 1.25s ease-in-out infinite;
    pointer-events: none;
}

@keyframes v3270-skeleton-sweep {
    to { transform: translateX(-110%); }
}

/* Match Center V2: clearer hierarchy and more confidence around live data. */
.match-center-page-v3110 .mc-shell-v3110 {
    isolation: isolate;
}

.match-center-page-v3110 .mc-hero-v3110,
.match-center-page-v3110 .mc-accordion-v3110 {
    border-color: var(--v3270-border) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .15) !important;
}

.match-center-page-v3110 .mc-status-v3110.is-live,
.match-center-page-v3110 .mc-status-v3110.is-paused {
    box-shadow: 0 0 0 5px rgba(255, 59, 78, .08), 0 8px 24px rgba(255, 59, 78, .18) !important;
}

.match-center-page-v3110 .mc-status-v3110.is-live::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-inline-end: 6px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: 1px;
    background: currentColor;
    box-shadow: 0 0 0 0 rgba(255, 75, 91, .48);
    animation: v3270-live-pulse 1.5s ease-out infinite;
}

@keyframes v3270-live-pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 75, 91, .48); }
    70% { box-shadow: 0 0 0 8px rgba(255, 75, 91, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 75, 91, 0); }
}

.mc-scorers-v3110 span {
    min-height: 34px !important;
    padding: 7px 11px !important;
    border-radius: 12px !important;
}

.mc-scorers-v3110 b {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

.mc-scorers-v3110 i {
    font-size: 11px !important;
    font-weight: 900 !important;
}

.mc-event-v3110.is-goal .mc-event-card-v3110 {
    border-width: 1px !important;
    box-shadow: 0 12px 30px rgba(41, 191, 255, .09) !important;
}

.mc-event-v3110.is-goal .mc-event-main-v3110 strong {
    font-size: 15px !important;
    letter-spacing: -.01em;
}

.mc-event-v3110.is-goal .mc-event-main-v3110 span {
    color: var(--v3270-cyan) !important;
    font-weight: 800 !important;
}

.mc-lineup-team-v3110 {
    contain: layout paint style;
}

.mc-update-v3110 {
    font-size: 11px !important;
    color: #93a4b8 !important;
}

.mc-update-v3110::before {
    content: "●";
    margin-inline-end: 6px;
    color: #54d6ff;
    font-size: 8px;
}

/* Mobile must always say Match News, never the legacy Story label. */
#storyline .mc-accordion-copy-v3110 strong {
    white-space: nowrap;
}

/* Article V2: newspaper-like measure with calmer chrome. */
body.article-pro-page .article-pro-content-v187 {
    min-width: 0;
}

body.article-pro-page .article-body-pro {
    max-width: 820px;
    margin-inline: auto;
}

body.article-pro-page .article-body-pro :where(p, ul, ol, blockquote, h2, h3) {
    text-wrap: pretty;
}

body.article-pro-page .article-figure-holder-v251,
body.article-pro-page .article-info-card,
body.article-pro-page .article-match-link-v3130 {
    contain: layout paint;
}

body.article-pro-page .article-side-column,
body.article-pro-page .article-bottom-related {
    content-visibility: auto;
    contain-intrinsic-size: 640px;
}

/* Home V2: cheaper cards and smoother scoreboard repainting. */
body.home-arena-v2990 .home-wc-selected-list,
body.home-arena-v2990 .arena-category-layout-v2980,
body.home-arena-v2990 .arena-latest-grid-v2980 {
    contain: layout paint style;
}

body.home-arena-v2990 .match-card-v64,
body.home-arena-v2990 .arena-pro-card-v2980,
body.home-arena-v2990 .arena-latest-card-v2980 {
    transform: translateZ(0);
}

body.home-arena-v2990 .match-card-v64.is-live {
    border-color: rgba(255, 59, 78, .25) !important;
    box-shadow: 0 14px 34px rgba(255, 59, 78, .08) !important;
}

body.home-arena-v2990 .mini-scorer-v64 b {
    font-weight: 900 !important;
}

/* Admin Turbo: skip below-fold editor furniture until it is actually needed. */
@supports (content-visibility: auto) {
    body.admin-dashboard-page .cms-panel,
    body.admin-dashboard-page .admin-section,
    body.admin-dashboard-page .studio-panel-v3900,
    body.admin-dashboard-page .stand-admin-panel-v3045,
    body.admin-dashboard-page .manual-match-panel-v3190 {
        content-visibility: auto;
        contain-intrinsic-size: 620px;
    }
}

body.admin-dashboard-page .cms-news-row,
body.admin-dashboard-page .studio-news-row-v3900 {
    contain: layout paint style;
}

/* Lower GPU cost on phones while preserving the premium feel. */
@media (max-width: 760px) {
    .topbar {
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }

    .hero-copy {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .match-center-page-v3110 .mc-hero-v3110,
    .match-center-page-v3110 .mc-accordion-v3110 {
        box-shadow: 0 10px 28px rgba(0, 0, 0, .12) !important;
    }

    .mc-team-name-v3110 {
        max-width: 142px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .mc-scorers-v3110 {
        width: 100% !important;
        max-width: 150px !important;
        gap: 5px !important;
        margin-top: 10px !important;
    }

    .mc-scorers-v3110 span {
        width: 100% !important;
        max-width: 150px !important;
        min-height: 31px !important;
        padding: 6px 8px !important;
        justify-content: center !important;
    }

    .mc-scorers-v3110 span::before {
        font-size: 10px !important;
    }

    .mc-scorers-v3110 b {
        max-width: 92px !important;
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

    .mc-scorers-v3110 i {
        min-width: 24px !important;
        font-size: 10px !important;
    }

    .mc-event-main-v3110 strong,
    .mc-event-v3110.is-goal .mc-event-main-v3110 strong {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }

    .mc-event-main-v3110 span {
        font-size: 9px !important;
    }

    #storyline .mc-accordion-copy-v3110 strong {
        font-size: 13px !important;
    }

    .mc-story-copy-v3130 strong {
        font-size: 11.5px !important;
        line-height: 1.65 !important;
    }

    body.article-pro-page .article-body-pro {
        max-width: 100%;
    }

    body.home-arena-v2990 .match-card-v64,
    body.home-arena-v2990 .arena-pro-card-v2980,
    body.home-arena-v2990 .arena-latest-card-v2980 {
        box-shadow: 0 8px 22px rgba(0, 0, 0, .10) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mc-status-v3110.is-live::before,
    .mc-loading-v3110::after,
    .home-worldcup-loading::after,
    .article-loading-box::after {
        animation: none !important;
    }
}