/*
Theme Name: YS Arena
Author: YS Arena
Description: قالب رياضي عربي سريع بواجهات متعددة، متكامل مع YS Matches Pro، مع إعلان تطبيق ذكي وخفيف لا يظهر لمحركات البحث المعروفة.
Version: 1.5.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ys-arena
*/

:root{
  --ys-accent:#16a085;
  --ys-accent-2:#0f806d;
  --ys-bg:#f3f6fa;
  --ys-surface:#fff;
  --ys-surface-2:#f8fafc;
  --ys-soft:#f5f8fb;
  --ys-text:#0f172a;
  --ys-muted:#667085;
  --ys-border:#e5eaf0;
  --ys-shadow:0 18px 50px rgba(15,23,42,.08);
  --ys-shadow-sm:0 8px 24px rgba(15,23,42,.06);
  --ys-radius:22px;
  --ys-radius-sm:14px;
  --ys-header-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ys-text);
  background:
    radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--ys-accent) 8%,transparent),transparent 32%),
    radial-gradient(circle at 100% 18%,rgba(15,23,42,.035),transparent 28%),
    var(--ys-bg);
  font-family:var(--ys-font,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif);
  line-height:1.75;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:color-mix(in srgb,var(--ys-accent) 22%,transparent)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:fixed!important;z-index:9999999;top:10px;right:10px;width:auto;height:auto;padding:10px 14px;margin:0;clip:auto;background:#fff;border-radius:10px;box-shadow:var(--ys-shadow)}
.ys-container{width:min(1180px,calc(100% - 30px));margin-inline:auto}
.ys-main{padding:24px 0 38px;min-height:64vh}
.ys-card{background:var(--ys-surface);border:1px solid var(--ys-border);border-radius:var(--ys-radius);box-shadow:var(--ys-shadow-sm)}

/* Header */
.ys-site-header{position:sticky;top:0;z-index:1000;padding:10px 0 0;background:linear-gradient(to bottom,var(--ys-bg) 0%,color-mix(in srgb,var(--ys-bg) 92%,transparent) 72%,transparent 100%)}
.ys-header-row{min-height:var(--ys-header-h);display:flex;align-items:center;gap:15px;padding:0 14px;background:rgba(255,255,255,.97);border:1px solid color-mix(in srgb,var(--ys-border) 88%,transparent);border-radius:22px;box-shadow:0 12px 36px rgba(15,23,42,.075)}
.ys-brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.55px}
.ys-brand-mark{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:linear-gradient(145deg,var(--ys-accent),var(--ys-accent-2));box-shadow:0 7px 18px color-mix(in srgb,var(--ys-accent) 27%,transparent);font-style:normal;overflow:hidden}
.ys-brand-mark::before{content:"⚽";position:relative;z-index:2;color:#fff;font:900 19px/1 Arial,sans-serif;transform:translateY(1px)}
.ys-brand-mark::after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.26);border-radius:10px}
.ys-brand-name{white-space:nowrap}
.ys-header-tagline{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ys-muted);font-size:10px}
.ys-main-nav{margin-inline-start:auto}
.ys-main-nav ul,.ys-footer-menu ul{display:flex;align-items:center;gap:3px;margin:0;padding:0;list-style:none}
.ys-main-nav li{position:relative}
.ys-main-nav .sub-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;display:none!important;min-width:190px;padding:7px;border:1px solid var(--ys-border);border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.14)}
.ys-main-nav .sub-menu li{width:100%}
.ys-main-nav .sub-menu a{width:100%;white-space:nowrap}
.ys-main-nav li:hover>.sub-menu,.ys-main-nav li:focus-within>.sub-menu{display:flex!important;flex-direction:column;align-items:stretch}
.ys-main-nav a{display:block;padding:10px 11px;border-radius:11px;font-size:12px;font-weight:700;color:#344054;transition:background .16s ease,color .16s ease,transform .16s ease}
.ys-main-nav .current-menu-item>a,.ys-main-nav a:hover{background:color-mix(in srgb,var(--ys-accent) 9%,#fff);color:var(--ys-accent-2)}
.ys-main-nav a:active{transform:scale(.97)}
.ys-match-links{display:flex;align-items:center;gap:3px;padding:3px;background:#f4f6f8;border:1px solid var(--ys-border);border-radius:12px}
.ys-match-links a{min-width:47px;padding:7px 9px;border-radius:9px;color:var(--ys-muted);font-size:10px;font-weight:800;text-align:center;transition:.16s ease}
.ys-match-links a.is-current{background:var(--ys-accent);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--ys-accent) 24%,transparent)}
.ys-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--ys-border);border-radius:12px;background:#fff;cursor:pointer}
.ys-menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:#1f2937;border-radius:2px}

/* Sections */
.ys-section{margin-bottom:24px}
.ys-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}
.ys-section-head>div:first-child{min-width:0}
.ys-section-title{position:relative;margin:0;padding-inline-start:15px;font-size:21px;line-height:1.45;font-weight:850;letter-spacing:-.35px}
.ys-section-title::before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:5px;height:1.05em;border-radius:99px;background:linear-gradient(var(--ys-accent),var(--ys-accent-2));box-shadow:0 0 0 4px color-mix(in srgb,var(--ys-accent) 8%,transparent)}
.ys-section-desc{margin:4px 0 0;color:var(--ys-muted);font-size:11px}
.ys-more{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--ys-accent) 8%,#fff);color:var(--ys-accent-2);font-size:11px;font-weight:800}
.ys-match-page-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:5px;background:#fff;border:1px solid var(--ys-border);border-radius:14px;box-shadow:var(--ys-shadow-sm)}
.ys-match-page-nav a{display:inline-flex;justify-content:center;min-width:105px;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:800;color:var(--ys-muted)}
.ys-match-page-nav a.current{background:var(--ys-accent);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--ys-accent) 24%,transparent)}
.ys-section-head--matches{align-items:center}
.ys-section-head--matches .ys-match-page-nav{margin:0;flex-wrap:nowrap;background:var(--ys-soft);box-shadow:none}
.ys-section-head--matches .ys-match-page-nav a{min-width:82px;padding:8px 11px}

/* Match table */
.ys-plugin-shell .ysmatch-wrap,.ys-plugin-shell .ysmatch-competitions{margin:0}
.ysmatch-wrap,.ysmatch-competitions,.ysmatch-standalone,.ysmatch-match-page{--ys:var(--ys-accent)!important;--txt:var(--ys-text)!important;--muted:var(--ys-muted)!important;--bd:var(--ys-border)!important;--soft:var(--ys-soft)!important;font-family:inherit!important}
.ysmatch-wrap *{box-sizing:border-box}
.ysmatch-league-group{position:relative;margin-bottom:13px;background:#fff;border:1px solid var(--ys-border);border-radius:20px;overflow:hidden;box-shadow:var(--ys-shadow-sm);contain:layout paint}
.ysmatch-league-group::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--ys-accent),transparent);opacity:.72}
.ysmatch-league-head{display:flex;align-items:center;gap:9px;padding:11px 13px;background:linear-gradient(180deg,#fff,var(--ys-soft));border-bottom:1px solid var(--ys-border)}
.ysmatch-league-head img,.ysmatch-league-head .ys-img-placeholder{width:30px;height:30px;flex:0 0 30px}
.ysmatch-league-head strong{font-size:12px;font-weight:850}
.ysmatch-league-head span{margin-inline-start:auto;padding:4px 7px;border-radius:99px;background:#fff;border:1px solid var(--ys-border);color:var(--ys-muted);font-size:9px;font-weight:700}
.ysmatch-games-list{background:#fff}
.ysmatch-match-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);align-items:center;gap:10px;min-height:88px;padding:10px 14px;color:inherit!important;background:#fff;border-bottom:1px solid #edf0f4;text-decoration:none!important;transition:background .16s ease,transform .16s ease}
.ysmatch-match-card:last-child{border-bottom:0}
.ysmatch-match-card:hover{z-index:2;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--ys-accent) 4%,#fff),#fff)}
.ysmatch-match-card:active{transform:scale(.995)}
.ysmatch-match-card[data-match-status="live"]{background:linear-gradient(90deg,#fff,color-mix(in srgb,#ef4444 5%,#fff),#fff)}
.ysmatch-match-card[data-match-status="live"]::after{content:"";position:absolute;inset-inline-start:0;top:50%;width:3px;height:38px;transform:translateY(-50%);border-radius:0 99px 99px 0;background:#ef4444}
.ysmatch-team{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;text-align:center}
.ysmatch-team img,.ysmatch-team .ys-img-placeholder{width:46px;height:46px;flex:0 0 46px;padding:4px;background:#fff;border:1px solid #edf0f3;border-radius:50%;object-fit:contain;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.ys-img-placeholder{display:inline-block;background:#eef2f6;border-radius:50%}
.ysmatch-team span{min-width:0;font-size:12px;font-weight:850;line-height:1.4}
.ysmatch-match-center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ysmatch-match-center b{display:grid;place-items:center;min-width:70px;min-height:32px;padding:5px 9px;border:1px solid var(--ys-border);border-radius:10px;background:#0f172a;color:#fff;font-size:13px;line-height:1;font-weight:850;box-shadow:0 6px 14px rgba(15,23,42,.11)}
.ysmatch-match-center small{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 7px;border-radius:99px;background:#f2f4f7;color:var(--ys-muted);font-size:9px;font-weight:800;line-height:1.2}
.ysmatch-match-center small.ysmatch-live{background:#fff1f2;color:#e11d48}
.ysmatch-match-center small.ysmatch-live::before{content:"";width:6px;height:6px;margin-inline-end:4px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,.10);animation:ysPulse 1.4s infinite}
.ysmatch-match-center em{font-size:9px;color:var(--ys-muted);font-style:normal}
@keyframes ysPulse{50%{opacity:.35;transform:scale(.75)}}
.ysmatch-message{padding:24px;border:1px dashed #d7dde5;background:#fff;border-radius:17px;text-align:center;color:var(--ys-muted);font-size:12px}

/* Leagues */
.ys-fast-leagues{background:#fff;border:1px solid var(--ys-border);border-radius:20px;padding:16px;box-shadow:var(--ys-shadow-sm)}
.ys-league-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ys-league-card{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid var(--ys-border);border-radius:14px;background:linear-gradient(180deg,#fff,#fbfcfd);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.ys-league-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ys-accent) 45%,var(--ys-border));box-shadow:0 8px 20px rgba(15,23,42,.06)}
.ys-league-card img,.ys-league-fallback{width:36px;height:36px;flex:0 0 36px}
.ys-league-card img{object-fit:contain}
.ys-league-fallback{display:grid;place-items:center;background:color-mix(in srgb,var(--ys-accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--ys-accent) 15%,#fff);border-radius:11px;font-size:17px}
.ys-league-card>span:last-child{min-width:0}
.ys-league-card strong,.ys-league-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ys-league-card strong{font-size:11px}
.ys-league-card small{margin-top:2px;color:var(--ys-muted);font-size:8px}

/* Widgets */
.ys-widget-zone{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:15px 0 22px}
.ys-widget-zone:empty{display:none}
.ys-widget{background:#fff;border:1px solid var(--ys-border);border-radius:18px;padding:15px;box-shadow:var(--ys-shadow-sm)}
.ys-widget-title{margin:0 0 10px;font-size:14px;font-weight:850}
.ys-widget ul{margin:0;padding:0;list-style:none}
.ys-widget li+li{border-top:1px solid var(--ys-border)}
.ys-widget li a{display:block;padding:8px 0;font-size:11px}
.ys-widget img{border-radius:10px}
.ys-widget select,.ys-widget input[type="search"],.ys-widget input[type="text"]{width:100%;min-height:40px;border:1px solid var(--ys-border);border-radius:10px;background:#fff;padding:7px 10px}
.ys-widget button,.ys-widget input[type="submit"]{border:0;border-radius:10px;background:var(--ys-accent);color:#fff;padding:8px 13px;font-weight:800;cursor:pointer}

/* Posts */
.ys-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ys-post-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--ys-border);border-radius:20px;box-shadow:var(--ys-shadow-sm);content-visibility:auto;contain-intrinsic-size:280px;transition:transform .18s ease,box-shadow .18s ease}
.ys-post-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.085)}
.ys-post-thumb{display:block;aspect-ratio:16/9;background:#edf1f5;overflow:hidden}
.ys-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ys-post-card:hover .ys-post-thumb img{transform:scale(1.035)}
.ys-post-body{padding:14px}
.ys-post-meta{display:flex;align-items:center;gap:6px;color:var(--ys-muted);font-size:9px}
.ys-post-title{margin:7px 0 6px;font-size:14px;line-height:1.7;font-weight:850}
.ys-post-excerpt{margin:0;color:var(--ys-muted);font-size:11px;line-height:1.8}
.ys-pagination{margin-top:20px}
.ys-pagination .nav-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.ys-pagination a,.ys-pagination span{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ys-border);border-radius:10px;background:#fff;font-size:11px}
.ys-pagination .current{background:var(--ys-accent);border-color:var(--ys-accent);color:#fff}

/* Article */
.ys-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}
.ys-content-layout.ys-full{grid-template-columns:1fr}
.ys-article{min-width:0;background:#fff;border:1px solid var(--ys-border);border-radius:24px;padding:24px;box-shadow:var(--ys-shadow-sm)}
.ys-article-header{margin-bottom:16px}
.ys-article-title{margin:0;font-size:clamp(23px,3vw,35px);line-height:1.55;letter-spacing:-.5px;font-weight:850}
.ys-article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;color:var(--ys-muted);font-size:10px}
.ys-entry{font-size:14px}
.ys-entry h2{margin:27px 0 10px;font-size:20px;line-height:1.6}
.ys-entry h3{margin:21px 0 9px;font-size:17px}
.ys-entry p{margin:0 0 15px}
.ys-entry ul,.ys-entry ol{padding-inline-start:22px}
.ys-entry a:not(.ysmatch-watch-btn){color:var(--ys-accent-2);text-decoration:underline;text-underline-offset:3px}
.ys-entry blockquote{margin:18px 0;padding:14px 16px;border-inline-start:4px solid var(--ys-accent);background:var(--ys-soft);border-radius:12px}
.ys-entry table{max-width:100%}
.ys-entry .ysmatch-article-top{margin-bottom:22px}
.ys-entry .ysmatch-article-content{border-top:1px solid var(--ys-border);padding-top:20px}
.ys-sidebar{display:flex;flex-direction:column;gap:14px}
.ys-sidebar .ys-widget{margin:0}
.ys-breadcrumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 11px;color:var(--ys-muted);font-size:10px}
.ys-breadcrumbs a:hover{color:var(--ys-accent-2)}
.ys-article-featured{margin-bottom:18px;border-radius:16px}

/* Taxonomies */
.ys-tax-head{position:relative;display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:17px;background:#fff;border:1px solid var(--ys-border);border-radius:22px;box-shadow:var(--ys-shadow-sm);overflow:hidden}
.ys-tax-head::after{content:"";position:absolute;inset-inline-end:-45px;top:-55px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb,var(--ys-accent) 10%,transparent)}
.ys-tax-head img{position:relative;z-index:1;width:58px;height:58px;padding:5px;background:#fff;border:1px solid var(--ys-border);border-radius:16px;object-fit:contain}
.ys-tax-head h1{position:relative;z-index:1;margin:0;font-size:21px}
.ys-tax-head p{position:relative;z-index:1;margin:2px 0 0;color:var(--ys-muted);font-size:11px}
.ys-tax-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;margin-top:18px}

/* Footer */
.ys-site-footer{position:relative;margin-top:34px;background:#0b1220;color:#dbe4ef;overflow:hidden}
.ys-site-footer::before{content:"";position:absolute;top:-140px;inset-inline-start:10%;width:340px;height:340px;border-radius:50%;background:color-mix(in srgb,var(--ys-accent) 14%,transparent);filter:blur(1px)}
.ys-footer-top{position:relative;display:grid;grid-template-columns:minmax(220px,1.1fr) repeat(auto-fit,minmax(150px,1fr));gap:24px;padding:38px 0 29px}
.ys-footer-brand .ys-brand{color:#fff}
.ys-footer-brand .ys-brand-mark{box-shadow:none}
.ys-footer-brand p{margin:13px 0 0;max-width:330px;color:#93a2b6;font-size:11px}
.ys-footer-widget{font-size:11px}
.ys-footer-widget .ys-widget{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;color:inherit}
.ys-footer-widget .ys-widget-title{color:#fff}
.ys-footer-widget ul{margin:0;padding:0;list-style:none}
.ys-footer-widget li+li{margin-top:6px}
.ys-footer-widget a{color:#aeb9c8}
.ys-footer-widget a:hover{color:#fff}
.ys-footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.08);padding:14px 0}
.ys-footer-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ys-copyright{margin:0;color:#8e9cac;font-size:10px}
.ys-footer-menu a{display:block;padding:4px 7px;color:#aeb8c5;font-size:10px}

/* 404 */
.ys-empty{padding:48px 20px;text-align:center;background:#fff;border:1px solid var(--ys-border);border-radius:24px;box-shadow:var(--ys-shadow-sm)}
.ys-empty strong{display:block;font-size:66px;line-height:1;color:var(--ys-accent)}
.ys-empty h1{margin:10px 0 6px;font-size:22px}
.ys-empty p{margin:0 0 15px;color:var(--ys-muted)}
.ys-btn{display:inline-flex;padding:9px 14px;border-radius:10px;background:var(--ys-accent);color:#fff!important;font-weight:800;font-size:11px}

/* App promo - lightweight banner injected by JS only for visitors */
.ys-app-promo{position:relative;z-index:900;width:100%;direction:rtl;padding:10px 0;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.ys-app-promo.is-visible{opacity:1;transform:none}.ys-app-promo__inner{position:relative;width:min(1180px,calc(100% - 30px));margin-inline:auto;display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 12px;padding:14px 14px 14px 12px;border:1px solid color-mix(in srgb,var(--ys-accent) 24%,var(--ys-border));border-radius:22px;background:linear-gradient(125deg,color-mix(in srgb,var(--ys-accent) 11%,#fff),#fff 44%,color-mix(in srgb,var(--ys-accent) 5%,#fff));box-shadow:0 12px 28px rgba(15,23,42,.08);overflow:hidden}.ys-app-promo__inner::after{content:"";position:absolute;width:180px;height:180px;inset-inline-start:-60px;top:-95px;border-radius:50%;background:color-mix(in srgb,var(--ys-accent) 12%,transparent);pointer-events:none}.ys-app-promo__logo{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:18px;background:linear-gradient(145deg,var(--ys-accent),var(--ys-accent-2));box-shadow:0 10px 24px color-mix(in srgb,var(--ys-accent) 24%,transparent);font-size:28px;line-height:1}.ys-app-promo__copy{position:relative;z-index:1;min-width:0;display:flex;flex:1 1 0;flex-direction:column;gap:3px;padding-inline-end:40px}.ys-app-promo__title{font-size:15px;line-height:1.5;font-weight:900;color:var(--ys-text)}.ys-app-promo__text{max-width:none;color:var(--ys-muted);font-size:12px;line-height:1.8;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.ys-app-promo__actions{position:relative;z-index:1;display:flex;align-items:stretch;gap:10px;flex:0 0 100%;width:100%;margin-top:4px}.ys-app-promo__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;padding:12px 18px;border-radius:16px;font-size:15px;font-weight:900;letter-spacing:0;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 12px 30px rgba(15,23,42,.10)}.ys-app-promo__btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.ys-app-promo__btn--android{background:linear-gradient(145deg,var(--ys-accent),var(--ys-accent-2));color:#fff;box-shadow:0 14px 28px color-mix(in srgb,var(--ys-accent) 24%,transparent)}.ys-app-promo__btn--ios{background:linear-gradient(145deg,#111827,#1f2937);color:#fff}.ys-app-promo__store-icon{display:grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;border-radius:8px;background:rgba(255,255,255,.14);font-size:11px;line-height:1;font-weight:900}.ys-app-promo__close{position:absolute;z-index:2;top:12px;inset-inline-start:12px;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--ys-border);border-radius:10px;background:#fff;color:#667085;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(15,23,42,.08)}.ys-app-promo--sticky-bottom,.ys-app-promo--sticky-top{position:fixed;z-index:99990;left:0;right:0;padding:8px 0;pointer-events:none}.ys-app-promo--sticky-bottom{bottom:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.ys-app-promo--sticky-top{top:0}.ys-app-promo--sticky-bottom .ys-app-promo__inner,.ys-app-promo--sticky-top .ys-app-promo__inner{pointer-events:auto;box-shadow:0 14px 42px rgba(15,23,42,.16)}@media (min-width:861px){.ys-app-promo__actions .ys-app-promo__btn{flex:1 1 0}}@media (max-width:860px){.ys-app-promo__inner{width:min(100% - 18px,1180px);padding:12px 12px 12px 10px;gap:9px 10px}.ys-app-promo__logo{width:48px;height:48px;flex-basis:48px;border-radius:16px;font-size:25px}.ys-app-promo__copy{flex-basis:calc(100% - 58px);padding-inline-end:36px}.ys-app-promo__title{font-size:14px}.ys-app-promo__text{font-size:11px;line-height:1.75}.ys-app-promo__actions{gap:8px}.ys-app-promo__btn{min-height:50px;font-size:14px;padding:11px 14px;border-radius:15px}.ys-app-promo__close{top:10px;inset-inline-start:10px;width:29px;height:29px}}

/* Render/performance helpers */
.ys-defer-render{content-visibility:auto;contain-intrinsic-size:1px 500px}
.ys-team-logo,.ys-league-logo,.ys-league-card-logo{object-fit:contain}

/* Skin 1: Pulse - default */
body.ys-skin-pulse .ys-header-row{border-radius:22px}
body.ys-skin-pulse .ysmatch-match-center b{background:linear-gradient(145deg,#111827,#1f2937)}

/* Skin 2: Edge - angular and compact */
body.ys-skin-edge{--ys-bg:#f5f6f8;--ys-radius:12px;--ys-radius-sm:8px;--ys-shadow:0 10px 22px rgba(15,23,42,.055)}
body.ys-skin-edge .ys-site-header{padding-top:0;background:#fff;border-bottom:1px solid var(--ys-border)}
body.ys-skin-edge .ys-header-row{min-height:66px;padding-inline:0;border:0;border-radius:0;box-shadow:none;background:#fff}
body.ys-skin-edge .ys-brand-mark{border-radius:7px;transform:skew(-7deg)}
body.ys-skin-edge .ys-brand-mark::before{transform:skew(7deg)}
body.ys-skin-edge .ys-match-links,body.ys-skin-edge .ys-match-page-nav{border-radius:7px}
body.ys-skin-edge .ys-match-links a,body.ys-skin-edge .ys-match-page-nav a{border-radius:5px}
body.ys-skin-edge .ys-section-title{padding-inline-start:0;padding-bottom:6px}
body.ys-skin-edge .ys-section-title::before{top:auto;bottom:0;width:44px;height:3px;border-radius:0;box-shadow:none}
body.ys-skin-edge .ysmatch-league-group,body.ys-skin-edge .ys-fast-leagues,body.ys-skin-edge .ys-post-card,body.ys-skin-edge .ys-widget,body.ys-skin-edge .ys-article{border-radius:10px;box-shadow:none}
body.ys-skin-edge .ysmatch-league-group::before{display:none}
body.ys-skin-edge .ysmatch-league-head{background:#101828;color:#fff;border-bottom:0}
body.ys-skin-edge .ysmatch-league-head span{background:#1d2939;border-color:#344054;color:#d0d5dd}
body.ys-skin-edge .ysmatch-match-card{min-height:80px}
body.ys-skin-edge .ysmatch-team img{border-radius:9px}
body.ys-skin-edge .ysmatch-match-center b{border-radius:5px;background:var(--ys-accent)}
body.ys-skin-edge .ys-league-card{border-radius:8px}
body.ys-skin-edge .ys-post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
body.ys-skin-edge .ys-post-card{border-top:3px solid var(--ys-accent)}
body.ys-skin-edge .ys-post-thumb{aspect-ratio:4/3}

/* Skin 3: Halo - spacious and soft */
body.ys-skin-halo{--ys-bg:#f7f9fc;--ys-radius:30px;--ys-shadow-sm:0 18px 45px rgba(15,23,42,.07)}
body.ys-skin-halo .ys-header-row{min-height:78px;border-radius:30px;padding-inline:18px}
body.ys-skin-halo .ys-brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:50%}
body.ys-skin-halo .ysmatch-league-group,body.ys-skin-halo .ys-fast-leagues,body.ys-skin-halo .ys-post-card,body.ys-skin-halo .ys-widget,body.ys-skin-halo .ys-article{border-radius:28px}
body.ys-skin-halo .ysmatch-league-head{padding:14px 16px}
body.ys-skin-halo .ysmatch-match-card{min-height:98px;padding-block:14px}
body.ys-skin-halo .ysmatch-team img{width:52px;height:52px;flex-basis:52px}
body.ys-skin-halo .ysmatch-match-center b{border-radius:99px;padding-inline:15px;background:#fff;color:#111827}
body.ys-skin-halo .ys-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.ys-skin-halo .ys-post-thumb{aspect-ratio:21/10}
body.ys-skin-halo .ys-post-body{padding:17px 18px}
body.ys-skin-halo .ys-post-title{font-size:16px}

/* Skin 4: Nightline - dark top identity */
body.ys-skin-nightline{--ys-bg:#f2f4f7}
body.ys-skin-nightline .ys-site-header{padding-top:0;background:#0b1220}
body.ys-skin-nightline .ys-header-row{min-height:72px;border:0;border-radius:0;background:#0b1220;box-shadow:none}
body.ys-skin-nightline .ys-brand-name{color:#fff}
body.ys-skin-nightline .ys-header-tagline{color:#98a2b3}
body.ys-skin-nightline .ys-main-nav a{color:#c9d3df}
body.ys-skin-nightline .ys-main-nav .current-menu-item>a,body.ys-skin-nightline .ys-main-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
body.ys-skin-nightline .ys-main-nav .sub-menu{background:#0f1a2c;border-color:#263247}
body.ys-skin-nightline .ys-match-links{background:#111c2f;border-color:#263247}
body.ys-skin-nightline .ys-match-links a{color:#9eacbf}
body.ys-skin-nightline .ys-match-links a.is-current{color:#fff}
body.ys-skin-nightline .ys-menu-toggle{background:#111c2f;border-color:#27364c}
body.ys-skin-nightline .ys-menu-toggle span{background:#fff}
body.ys-skin-nightline .ysmatch-league-head{background:#0f172a;color:#fff}
body.ys-skin-nightline .ysmatch-league-head span{background:#1f2937;border-color:#334155;color:#cbd5e1}
body.ys-skin-nightline .ysmatch-match-center b{background:var(--ys-accent);border-color:var(--ys-accent)}
body.ys-skin-nightline .ys-fast-leagues{border-top:4px solid #0f172a}

/* Skin 5: Minimal - almost flat */
body.ys-skin-minimal{--ys-bg:#fff;--ys-shadow:0 0 0 transparent;--ys-shadow-sm:0 0 0 transparent;--ys-border:#e8eaed}
body.ys-skin-minimal{background:#fff}
body.ys-skin-minimal .ys-site-header{padding-top:0;background:#fff;border-bottom:1px solid var(--ys-border)}
body.ys-skin-minimal .ys-header-row{min-height:64px;padding-inline:0;border:0;border-radius:0;box-shadow:none}
body.ys-skin-minimal .ys-brand-mark{width:32px;height:32px;flex-basis:32px;border-radius:9px;box-shadow:none}
body.ys-skin-minimal .ys-brand-mark::before{font-size:16px}
body.ys-skin-minimal .ys-section-title::before{box-shadow:none}
body.ys-skin-minimal .ysmatch-league-group,body.ys-skin-minimal .ys-fast-leagues,body.ys-skin-minimal .ys-post-card,body.ys-skin-minimal .ys-widget,body.ys-skin-minimal .ys-article{box-shadow:none}
body.ys-skin-minimal .ysmatch-league-group{border-radius:12px}
body.ys-skin-minimal .ysmatch-match-center b{background:#fff;color:#111827;box-shadow:none}
body.ys-skin-minimal .ys-post-card:hover{transform:none;box-shadow:none}

@media(max-width:1050px){
  .ys-match-links{display:none}
  .ys-content-layout{grid-template-columns:minmax(0,1fr) 280px}
  body.ys-skin-edge .ys-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  :root{--ys-header-h:62px}
  .ys-container{width:min(100% - 20px,1180px)}
  .ys-site-header{padding-top:7px}
  .ys-header-row{min-height:62px;gap:9px;padding:0 10px;border-radius:17px}
  .ys-brand{font-size:19px}
  .ys-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:11px}
  .ys-brand-mark::before{font-size:17px}
  .ys-header-tagline{display:none}
  .ys-menu-toggle{display:block;margin-inline-start:auto}
  .ys-main-nav{position:fixed;top:calc(var(--ys-header-h) + 9px);right:10px;left:10px;display:none;margin:0;padding:10px;background:#fff;border:1px solid var(--ys-border);border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.17)}
  .ys-main-nav.is-open{display:block}
  .ys-main-nav ul{display:block}
  .ys-main-nav .sub-menu{position:static;display:block!important;min-width:0;margin:2px 10px 5px 0;padding:0 9px;border:0;border-inline-start:2px solid color-mix(in srgb,var(--ys-accent) 25%,var(--ys-border));border-radius:0;background:transparent;box-shadow:none}
  .ys-main-nav .sub-menu li+li{border-top:0}
  .ys-main-nav .sub-menu a{padding:7px 8px;font-size:11px}
  .ys-main-nav li+li{border-top:1px solid var(--ys-border)}
  .ys-main-nav a{padding:10px 8px}
  .ys-content-layout{grid-template-columns:1fr}
  .ys-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ys-post-grid,body.ys-skin-edge .ys-post-grid,body.ys-skin-halo .ys-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ys-tax-grid{grid-template-columns:1fr}
  .ys-league-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ys-skin-nightline .ys-site-header{padding-top:0}
  body.ys-skin-nightline .ys-main-nav{background:#0b1220;border-color:#263247}
  body.ys-skin-nightline .ys-main-nav li+li{border-color:#263247}
}
@media(max-width:560px){
  .ys-main{padding-top:15px}
  .ys-section{margin-bottom:20px}
  .ys-section-title{font-size:18px}
  .ys-section-head{align-items:center}
  .ys-section-head--matches{align-items:stretch;flex-direction:column;gap:9px}
  .ys-section-head--matches .ys-match-page-nav{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .ys-section-head--matches .ys-match-page-nav a{min-width:0;width:100%;padding:8px 5px}
  .ys-more{padding:6px 8px;font-size:9px}
  .ys-match-page-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
  .ys-match-page-nav a{min-width:0;padding:8px 5px}
  .ysmatch-match-card{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);gap:5px;min-height:82px;padding:8px 6px}
  .ysmatch-team{flex-direction:column;gap:3px}
  .ysmatch-team img,.ysmatch-team .ys-img-placeholder,body.ys-skin-halo .ysmatch-team img{width:39px;height:39px;flex-basis:39px;padding:3px}
  .ysmatch-team span{font-size:10px;line-height:1.35}
  .ysmatch-match-center b{min-width:60px;min-height:29px;font-size:12px}
  .ysmatch-match-center small{font-size:8px;padding-inline:5px}
  .ysmatch-league-head{padding:9px 10px}
  .ys-league-grid{grid-template-columns:1fr 1fr;gap:7px}
  .ys-league-card{padding:8px}
  .ys-widget-zone,.ys-sidebar,.ys-post-grid,body.ys-skin-edge .ys-post-grid,body.ys-skin-halo .ys-post-grid{grid-template-columns:1fr}
  .ys-post-card{border-radius:16px}
  .ys-post-excerpt{display:none}
  .ys-article{padding:16px;border-radius:18px}
  .ys-article-title{font-size:22px}
  .ys-entry{font-size:13px}
  .ys-footer-top{grid-template-columns:1fr}
  .ys-footer-bottom-row{flex-direction:column;text-align:center}
  .ys-footer-menu ul{justify-content:center;flex-wrap:wrap}
  .ys-tax-head img{width:46px;height:46px}
  body.ys-skin-edge .ys-site-header,body.ys-skin-minimal .ys-site-header{padding-top:0}
  body.ys-skin-edge .ys-header-row,body.ys-skin-minimal .ys-header-row{padding-inline:10px}
}

@media(max-width:700px){.ys-app-promo{padding:6px 0}.ys-app-promo__inner{width:calc(100% - 18px);min-height:0;display:grid;grid-template-columns:39px minmax(0,1fr) 27px;align-items:center;gap:6px 8px;padding:8px;border-radius:14px}.ys-app-promo__logo{grid-column:1;grid-row:1;width:39px;height:39px;flex-basis:39px;border-radius:12px;font-size:20px}.ys-app-promo__copy{grid-column:2;grid-row:1;min-width:0}.ys-app-promo__title{font-size:11px}.ys-app-promo__text{font-size:8.5px;line-height:1.55;max-width:none;white-space:normal;overflow:visible;text-overflow:clip}.ys-app-promo__actions{grid-column:2/4;grid-row:2;margin:0;justify-content:flex-start}.ys-app-promo__btn{min-height:34px;padding:6px 10px;font-size:9px}.ys-app-promo__close{grid-column:3;grid-row:1;width:27px;height:27px;flex-basis:27px}.ys-app-promo--sticky-bottom{padding-bottom:calc(6px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}
}


/* v1.3.5 / v6.1.5 - flat status-first match table (AlbaYalla-style layout) */
.ysmatch-flat-list{display:flex;flex-direction:column;gap:12px;background:transparent!important}
.ysmatch-flat-list .ysmatch-match-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,33.333%) minmax(0,1fr);align-items:center;gap:8px;min-height:96px;margin:0;padding:10px 12px;border:0!important;border-radius:8px;background:#eceef2;color:#222!important;box-shadow:none;overflow:hidden;text-align:center}
.ysmatch-flat-list .ysmatch-match-card:last-child{border-bottom:0!important}
.ysmatch-flat-list .ysmatch-match-card:hover{background:#e5e8ed;transform:none}
.ysmatch-flat-list .ysmatch-match-card[data-match-status="live"],.ysmatch-flat-list .ysmatch-match-card[data-match-status="halftime"],.ysmatch-flat-list .ysmatch-match-card[data-match-status="extra_time"],.ysmatch-flat-list .ysmatch-match-card[data-match-status="penalties"]{background:#eceef2}
.ysmatch-flat-list .ysmatch-match-card::after{display:none!important}
.ysmatch-flat-list .ysmatch-team{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.ysmatch-flat-list .ysmatch-team img,.ysmatch-flat-list .ysmatch-team .ys-img-placeholder{width:50px;height:50px;flex:0 0 50px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain}
.ysmatch-flat-list .ysmatch-team span{min-width:0;font-size:13px;font-weight:700;line-height:1.4}
.ysmatch-flat-list .ysmatch-match-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}
.ysmatch-flat-list .ysmatch-match-center b{display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#111827;font-size:18px;line-height:1.2;font-weight:800;box-shadow:none}
.ysmatch-flat-list .ysmatch-match-center small{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:25px;padding:3px 10px;border-radius:8px;background:#263545;color:#fff;font-size:11px;font-weight:700;line-height:1.2}
.ysmatch-flat-list .ysmatch-match-center small.ysmatch-live,.ysmatch-flat-list .ysmatch-match-center small.ysmatch-halftime,.ysmatch-flat-list .ysmatch-match-center small.ysmatch-extra_time,.ysmatch-flat-list .ysmatch-match-center small.ysmatch-penalties{background:#d00000;color:#fff;animation:ysFlatBlink 1s ease-in-out infinite}
.ysmatch-flat-list .ysmatch-match-center small.ysmatch-soon{background:#0f6f37;color:#fff}
.ysmatch-flat-list .ysmatch-match-center small.ysmatch-finished,.ysmatch-flat-list .ysmatch-match-center small.ysmatch-cancelled,.ysmatch-flat-list .ysmatch-match-center small.ysmatch-abandoned{background:#474747;color:#fff}
.ysmatch-flat-list .ysmatch-match-center small.ysmatch-live::before{display:none}
.ysmatch-flat-list .ysmatch-tournament{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085;font-size:10px;font-style:normal;font-weight:600;line-height:1.35}
@keyframes ysFlatBlink{50%{background:#263545}}
@media(max-width:700px){
  .ysmatch-flat-list{gap:10px}
  .ysmatch-flat-list .ysmatch-match-card{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:4px;min-height:108px;padding:9px 6px}
  .ysmatch-flat-list .ysmatch-team{flex-direction:column;gap:4px}
  .ysmatch-flat-list .ysmatch-team img,.ysmatch-flat-list .ysmatch-team .ys-img-placeholder{width:46px;height:46px;flex-basis:46px}
  .ysmatch-flat-list .ysmatch-team span{font-size:11px;line-height:1.3}
  .ysmatch-flat-list .ysmatch-match-center b{font-size:15px}
  .ysmatch-flat-list .ysmatch-match-center small{min-width:58px;min-height:23px;padding:3px 6px;font-size:10px}
  .ysmatch-flat-list .ysmatch-tournament{font-size:9px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}


/* YS Arena 1.4 stability/performance */
.ys-brand-mark,.ys-team-logo,.ys-league-card-logo{aspect-ratio:1/1}
.ysmatch-match-card{contain:layout style}
.ys-app-promo[hidden]{display:none!important}
.ys-performance-mode .ys-main-nav a,.ys-performance-mode .ys-section-title,.ys-performance-mode .ysmatch-team span{font-synthesis:none}


/* v1.4.2 / v6.3.1 - separate match cards + clean snippet spacing */
.ysmatch-flat-list{display:flex;flex-direction:column;gap:14px;background:transparent!important}
.ysmatch-flat-list .ysmatch-match-card{position:relative;margin:0!important;padding:13px 15px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(15,23,42,.06)!important;overflow:hidden;color:#111827!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.ysmatch-flat-list .ysmatch-match-card:last-child{border-bottom:1px solid #e2e8f0!important}
.ysmatch-flat-list .ysmatch-match-card[href]:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 10px 26px rgba(15,23,42,.09)!important;transform:translateY(-1px)}
.ysmatch-flat-list .ysmatch-match-card[data-match-status="live"],.ysmatch-flat-list .ysmatch-match-card[data-match-status="halftime"],.ysmatch-flat-list .ysmatch-match-card[data-match-status="extra_time"],.ysmatch-flat-list .ysmatch-match-card[data-match-status="penalties"]{background:#fff!important;border-color:#fecaca!important;box-shadow:0 8px 22px rgba(220,38,38,.08)!important}
@media(max-width:700px){.ysmatch-flat-list{gap:11px}.ysmatch-flat-list .ysmatch-match-card{padding:10px 7px!important;border-radius:13px!important;box-shadow:0 5px 15px rgba(15,23,42,.055)!important}}

/* v1.4.2 / v6.3.2 - clean score + 3-column broadcast metadata */
.ysmatch-flat-list .ysmatch-match-card{display:block!important;padding:0!important;background:#fff!important}
.ysmatch-flat-list .ysmatch-card-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,33.333%) minmax(0,1fr);align-items:center;gap:8px;min-height:96px;padding:13px 15px}
body .ysmatch-flat-list .ysmatch-match-center b[data-live-score]{display:block!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:#111827!important;box-shadow:none!important;font-size:18px!important;line-height:1.2!important;font-weight:900!important}
.ysmatch-flat-list .ysmatch-card-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));direction:rtl;align-items:center;min-height:42px;border-top:1px solid #eef1f4;background:#fafbfc}
.ysmatch-flat-list .ysmatch-card-meta>span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:9px 10px;color:#344054;font-size:11px;font-weight:750;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden}
.ysmatch-flat-list .ysmatch-card-meta>span+span{border-inline-start:1px solid #eef1f4}
.ysmatch-flat-list .ysmatch-card-meta>span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ysmatch-flat-list .ysmatch-card-meta i{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;font-style:normal;font-size:14px;line-height:1}
.ysmatch-flat-list .ysmatch-meta-channel{grid-column:1}
.ysmatch-flat-list .ysmatch-meta-tournament{grid-column:2;color:#475467}
.ysmatch-flat-list .ysmatch-meta-commentator{grid-column:3}
@media(max-width:700px){
 .ysmatch-flat-list .ysmatch-card-main{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:4px;min-height:106px;padding:10px 7px}
 body .ysmatch-flat-list .ysmatch-match-center b[data-live-score]{font-size:15px!important}
 .ysmatch-flat-list .ysmatch-card-meta{min-height:38px}
 .ysmatch-flat-list .ysmatch-card-meta>span{gap:4px;padding:7px 4px;font-size:9.5px}
 .ysmatch-flat-list .ysmatch-card-meta i{font-size:12px}
}



/* YS Arena 1.5 — Champions Night visual identity */
body.ys-skin-champions{--ys-accent:#e4bd70;--ys-accent-2:#b68b43;--ys-bg:#10172a;--ys-surface:#1a2239;--ys-surface-2:#202943;--ys-soft:#202943;--ys-text:#f5f1e8;--ys-muted:#b8bfd0;--ys-border:#343d56;--ys-shadow:0 18px 50px rgba(0,0,0,.25);--ys-shadow-sm:0 8px 24px rgba(0,0,0,.2);background:radial-gradient(circle at 10% -10%,rgba(228,189,112,.12),transparent 34%),radial-gradient(circle at 100% 20%,rgba(72,83,130,.18),transparent 35%),var(--ys-bg);color:var(--ys-text)}
body.ys-skin-champions .ys-site-header{background:linear-gradient(to bottom,rgba(16,23,42,.98),rgba(16,23,42,.94) 82%,transparent);backdrop-filter:blur(10px)}
body.ys-skin-champions .ys-header-row,body.ys-skin-champions .ys-match-page-nav,body.ys-skin-champions .ys-match-links{background:#1a2239;border-color:#343d56}
body.ys-skin-champions .ys-brand-mark,body.ys-skin-champions .ys-main-nav .current-menu-item>a,body.ys-skin-champions .ys-main-nav a:hover,body.ys-skin-champions .ys-match-page-nav a.current,body.ys-skin-champions .ys-match-links a.is-current{background:linear-gradient(135deg,#e7c77e,#bb914a);color:#20190d}
body.ys-skin-champions .ys-main-nav a,body.ys-skin-champions .ys-header-tagline{color:#d7dbea}
body.ys-skin-champions .ys-menu-toggle{background:#1a2239;border-color:#343d56}body.ys-skin-champions .ys-menu-toggle span{background:#f1d08a}
body.ys-skin-champions .ys-section-title::before{background:linear-gradient(#f0d28e,#b58a44);box-shadow:0 0 0 4px rgba(228,189,112,.11)}
body.ys-skin-champions .ys-section-desc,body.ys-skin-champions .ys-article-meta,body.ys-skin-champions .ys-post-meta{color:#b8bfd0}
body.ys-skin-champions .ysmatch-wrap .ysmatch-message,body.ys-skin-champions .ysmatch-wrap .ysmatch-match-card,body.ys-skin-champions .ysmatch-wrap .ysmatch-league-group,body.ys-skin-champions .ysmatch-wrap .ysmatch-league-head,body.ys-skin-champions .ysmatch-wrap .ysmatch-day-panel,body.ys-skin-champions .ysmatch-wrap .ysmatch-flat-list{background:#1a2239!important;color:#f5f1e8!important;border-color:#343d56!important}
body.ys-skin-champions .ysmatch-wrap .ysmatch-match-card{box-shadow:0 8px 22px rgba(0,0,0,.19)!important;border-radius:15px!important}
body.ys-skin-champions .ysmatch-wrap .ysmatch-card-meta,body.ys-skin-champions .ysmatch-wrap .ysmatch-meta-tournament{color:#c4cada!important;border-color:#343d56!important}
body.ys-skin-champions .ysmatch-wrap .ysmatch-match-center b,body.ys-skin-champions .ysmatch-wrap [data-live-score]{color:#f1d28b!important}
body.ys-skin-champions .ysmatch-wrap .ysmatch-live,body.ys-skin-champions .ysmatch-wrap [data-live-status].ysmatch-live{color:#fff!important}
body.ys-skin-champions .ys-league-card,body.ys-skin-champions .ys-post-card,body.ys-skin-champions .ys-article,body.ys-skin-champions .ys-widget,body.ys-skin-champions .ys-tax-head,body.ys-skin-champions .ys-empty{background:#1a2239;border-color:#343d56;color:#f5f1e8}
body.ys-skin-champions .ys-league-card:hover,body.ys-skin-champions .ys-post-card:hover{border-color:#b68b43;box-shadow:0 16px 34px rgba(0,0,0,.25)}
body.ys-skin-champions .ys-league-card small,body.ys-skin-champions .ys-post-excerpt,body.ys-skin-champions .ys-entry{color:#c0c6d5}
body.ys-skin-champions .ys-app-promo{background:#25243a;border-color:#655337;color:#f5edda}body.ys-skin-champions .ys-app-promo__title{color:#f2d28c}
body.ys-skin-champions .ys-site-footer{background:#0b1020;color:#d9dceb}body.ys-skin-champions .ys-footer-bottom{border-color:#343d56}body.ys-skin-champions .ys-copyright{color:#aeb6c8}
body.ys-skin-champions .ys-btn{background:linear-gradient(135deg,#e7c77e,#bb914a);color:#20190d;border:0}
body.ys-skin-champions .ys-main-nav .sub-menu{background:#1a2239;border-color:#343d56}body.ys-skin-champions .ys-main-nav .sub-menu a{color:#e1e4ed}

/* Match, competition and club archives */
.ys-match-page-container{max-width:1000px}.ys-match-article{min-width:0}.ys-match-heading{margin:12px 0 14px}.ys-match-heading .ys-article-title{margin:3px 0 10px}.ys-tax-kicker{display:inline-block;color:var(--ys-accent-2);font-size:10px;font-weight:900;letter-spacing:.3px}.ys-match-tax-links{display:flex;flex-wrap:wrap;gap:7px}.ys-match-tax-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--ys-border);border-radius:999px;background:var(--ys-surface-2);font-size:10px;font-weight:800;color:var(--ys-text)}.ys-match-tax-chip--competition{border-color:color-mix(in srgb,var(--ys-accent) 45%,var(--ys-border))}.ys-match-entry>.ysmatch-article-top{margin-bottom:18px}.ys-archive-page{padding-bottom:22px}.ys-tax-head{display:flex;align-items:center;gap:15px;padding:22px 24px;margin:14px 0 18px;border-radius:20px}.ys-tax-head img{flex:0 0 64px;object-fit:contain}.ys-tax-head h1{margin:2px 0 3px;font-size:24px}.ys-tax-head p{margin:0;color:var(--ys-muted);font-size:12px}.ys-tax-description{margin:0 0 18px;padding:14px 17px;border:1px solid var(--ys-border);border-radius:14px;background:var(--ys-surface);color:var(--ys-muted);font-size:13px}.ys-tax-description>:first-child{margin-top:0}.ys-tax-description>:last-child{margin-bottom:0}.ys-competition-data{margin-top:8px}.ys-archive-matches,.ys-team-matches{margin-top:22px}.ys-pagination{margin-top:18px}.ys-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin:2px;padding:0 10px;border:1px solid var(--ys-border);border-radius:10px;background:var(--ys-surface);color:var(--ys-text);font-size:12px;font-weight:800}.ys-pagination .page-numbers.current{background:var(--ys-accent);border-color:var(--ys-accent);color:#20190d}
body.ys-skin-champions .ys-breadcrumbs{color:#aeb7c9}body.ys-skin-champions .ys-breadcrumbs a{color:#e4bd70}body.ys-skin-champions .ys-match-tax-chip{background:#202943;border-color:#3a435b;color:#e7e9ef}body.ys-skin-champions .ys-match-tax-chip--competition{border-color:#80673d;color:#f0d28e}body.ys-skin-champions .ysmatch-match-hero,body.ys-skin-champions .ysmatch-detail-section,body.ys-skin-champions .ysmatch-standalone,body.ys-skin-champions .ysmatch-competitions,body.ys-skin-champions .ysmatch-data-card{background:#1a2239!important;border-color:#343d56!important;color:#f5f1e8!important}body.ys-skin-champions .ysmatch-match-hero{background:radial-gradient(circle at 50% 0,rgba(228,189,112,.12),transparent 55%),#1a2239!important}body.ys-skin-champions .ysmatch-hero-center b{color:#f1d28b}body.ys-skin-champions .ysmatch-hero-center span,body.ys-skin-champions .ysmatch-hero-center small,body.ys-skin-champions .ysmatch-source{color:#b8bfd0}body.ys-skin-champions .ysmatch-detail-section h2,body.ys-skin-champions .ysmatch-data-card h3,body.ys-skin-champions .ysmatch-standalone h2{background:#202943!important;border-color:#343d56!important;color:#f0d28e!important}body.ys-skin-champions .ysmatch-info-grid{background:#343d56}body.ys-skin-champions .ysmatch-info-grid>div{background:#1a2239;color:#e9eaf0}body.ys-skin-champions .ysmatch-info-grid small{color:#b8bfd0}body.ys-skin-champions .ysmatch-table{background:#1a2239!important;color:#e9eaf0!important}body.ys-skin-champions .ysmatch-table th,body.ys-skin-champions .ysmatch-table td{background:#1a2239;border-color:#343d56;color:#e9eaf0}body.ys-skin-champions .ysmatch-table tbody tr:nth-child(even) td{background:#202943}body.ys-skin-champions .ysmatch-league-tab{background:#202943;border-color:#343d56;color:#e9eaf0}body.ys-skin-champions .ysmatch-league-tab.is-active{border-color:#e4bd70;box-shadow:0 0 0 1px #e4bd70 inset}body.ys-skin-champions .ysmatch-watch-btn{background:linear-gradient(135deg,#e7c77e,#bb914a);color:#20190d!important}
@media(max-width:700px){.ys-tax-head{padding:16px;gap:11px}.ys-tax-head h1{font-size:19px}.ys-match-heading .ys-article-title{font-size:21px}.ys-match-tax-chip{font-size:9px;padding:6px 8px}.ys-match-page-container{width:min(100% - 20px,1000px)}}