*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:linear-gradient(180deg,#fff1f1 0%,#f8f3f3 45%,#fff6f6 100%);
    color:#2a1111;
    font-family:Inter,Arial,"Helvetica Neue",sans-serif;
}
a{text-decoration:none;color:inherit}
button{font-family:inherit}

.ls-app{
    max-width:760px;
    margin:0 auto;
    background:#fff7f7;
    min-height:100vh;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 40px rgba(120,0,0,.12);
}

.ls-top{
    height:64px;
    background:linear-gradient(135deg,#650000 0%,#b80000 52%,#ff2d1a 100%);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    color:#fff;
    position:sticky;
    top:0;
    z-index:20;
}
.ls-top button{border:0;cursor:pointer}
.ls-logo{
    font-weight:1000;
    letter-spacing:.2px;
    font-size:23px;
    background:linear-gradient(180deg,#ff3b22,#b80000);
    padding:6px 12px;
    border-radius:4px;
    line-height:1;
    color:#fff;
    box-shadow:0 8px 20px rgba(150,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);
}
.ls-logo span{
    background:#fff;
    color:#d60000;
    border-radius:12px;
    padding:1px 6px;
    margin-left:3px;
    font-size:18px;
}
.ls-icon{
    width:44px;
    height:44px;
    border-radius:15px;
    background:rgba(255,255,255,.17);
    border:1px solid rgba(255,255,255,.22);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.ls-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}

.ls-ads{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:4px;
    padding:4px;
    background:#fff;
}
.ls-ad{
    height:96px;
    border-radius:9px;
    color:#fff;
    font-weight:1000;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:8px;
    line-height:1.08;
    overflow:hidden;
    position:relative;
    text-shadow:0 2px 6px rgba(0,0,0,.32);
    box-shadow:inset 0 -22px 42px rgba(0,0,0,.16);
}
.ls-ad:before{
    content:"";
    position:absolute;
    width:86px;
    height:86px;
    right:-18px;
    bottom:-22px;
    border-radius:50%;
    background:rgba(255,255,255,.25);
}
.ls-ad:nth-child(1){background:linear-gradient(135deg,#ffcf42 0%,#ff3044 54%,#a90000 100%)}
.ls-ad:nth-child(2){background:linear-gradient(135deg,#ff8a1c 0%,#e90000 55%,#650000 100%)}
.ls-ad:nth-child(3){background:linear-gradient(135deg,#820000 0%,#ff2a18 56%,#ffd84a 100%)}
.ls-ad-image{
    padding:0;
    background:#fff!important;
    text-shadow:none;
}
.ls-ad-image:before{display:none}
.ls-ad-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.ls-ad-image span{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ff3a22,#b90000);
    color:#fff;
    padding:8px;
    text-align:center;
    text-shadow:0 2px 6px rgba(0,0,0,.3);
}

.ls-section{padding:20px 16px}
.ls-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}
.ls-title h1,.ls-title h2{
    margin:0;
    font-size:24px;
    color:#3a0505;
    letter-spacing:-.2px;
}
.ls-title span{font-weight:900;color:#8a6262}

.ls-hot{
    display:flex;
    gap:14px;
    overflow-x:auto;
    padding:2px 0 12px;
}
.ls-hot::-webkit-scrollbar{display:none}
.ls-card{
    min-width:318px;
    background:linear-gradient(145deg,#fff 0%,#fff9f9 100%);
    border:1px solid #f2dada;
    border-radius:24px;
    padding:17px;
    box-shadow:0 14px 34px rgba(150,0,0,.10);
    position:relative;
    overflow:hidden;
}
.ls-card:after{
    content:"";
    position:absolute;
    width:112px;
    height:112px;
    right:-42px;
    top:-42px;
    border-radius:50%;
    background:radial-gradient(circle,#ffe3a6 0%,rgba(255,227,166,0) 68%);
}
.ls-league{
    font-size:14px;
    color:#8a6262;
    font-weight:900;
    margin-bottom:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ls-team{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:20px;
    font-weight:1000;
    line-height:1.75;
    gap:12px;
}
.ls-team span:first-child,.ls-row span:first-child{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ls-team strong,.ls-score{
    min-width:30px;
    text-align:right;
    color:#2a0505;
}
.ls-time{
    background:#fff0f0;
    color:#d60000;
    text-align:center;
    padding:9px;
    border-radius:17px;
    font-weight:1000;
    margin-top:12px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.ls-tabs{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:14px;
    padding:0 16px 16px;
}
.ls-tab{
    border:1px solid #f1d6d6;
    border-radius:28px;
    background:linear-gradient(180deg,#fff,#fff9f9);
    padding:15px 8px;
    font-size:18px;
    font-weight:1000;
    color:#9a7474;
    box-shadow:0 9px 24px rgba(150,0,0,.08);
}
.ls-tab.active{
    background:linear-gradient(135deg,#ff3a22,#b90000);
    color:#fff;
    border-color:#e40000;
    box-shadow:0 12px 26px rgba(220,0,0,.28);
}

.ls-date{
    margin:0 16px 17px;
    background:#fff;
    border-radius:22px;
    padding:13px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 8px 22px rgba(150,0,0,.07);
}
.ls-date b{
    width:42px;
    height:42px;
    background:#fff0f0;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d60000;
    font-size:24px;
}
.ls-date span{
    flex:1;
    margin:0 12px;
    background:#fff5f5;
    border:1px solid #f0caca;
    border-radius:18px;
    padding:10px;
    text-align:center;
    font-size:20px;
    font-weight:1000;
    color:#5b0000;
}

.ls-list{padding:0 16px 98px}
.ls-match{
    display:block;
    background:#fff;
    border:1px solid #f2dada;
    border-radius:24px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(150,0,0,.09);
}
.ls-match-head{
    padding:15px 18px;
    border-bottom:1px solid #f5e5e5;
    font-weight:1000;
    font-size:20px;
    color:#450000;
    display:flex;
    align-items:center;
    gap:10px;
}
.ls-match-head:before{
    content:"";
    width:34px;
    height:34px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff1d1d,#ffbe3d);
    box-shadow:0 8px 16px rgba(255,40,40,.25);
}
.ls-match-body{padding:16px 18px}
.ls-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:20px;
    font-weight:1000;
    margin:9px 0;
    gap:12px;
}
.ls-score{font-size:25px;color:#2a0505}

.ls-bottom{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    max-width:760px;
    width:100%;
    height:82px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    border-top:1px solid #f0dada;
    z-index:30;
}
.ls-nav{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#c09b9b;
    font-weight:1000;
}
.ls-nav .nav-ico{width:30px;height:30px;margin-bottom:4px}
.ls-nav svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ls-nav strong{font-size:14px}
.ls-nav.active{
    color:#d60000;
    background:#fff0f0;
    border-radius:20px;
    margin:10px;
}

.ls-page{padding:20px 16px 98px}
.ls-lang-card,.ls-sport-card{
    display:flex;
    align-items:center;
    gap:18px;
    background:linear-gradient(145deg,#fff,#fff9f9);
    border:1px solid #f2dada;
    border-radius:20px;
    padding:18px;
    margin-bottom:14px;
    font-size:22px;
    font-weight:1000;
    box-shadow:0 10px 26px rgba(150,0,0,.08);
}
.ls-flag,.ls-ball{
    width:58px;
    height:58px;
    border-radius:19px;
    background:linear-gradient(135deg,#fff0f0,#fff);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(150,0,0,.10);
}
.ls-ball svg{width:34px;height:34px;stroke:#d60000;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}

.ls-detail-hero{
    background:linear-gradient(180deg,#6a0000,#c51616 58%,#ff3a22);
    color:#fff;
    margin:0;
    border-radius:0 0 30px 30px;
    padding:18px 16px 34px;
    position:relative;
    overflow:hidden;
}
.ls-detail-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:72px 72px;
}
.ls-detail-hero>*{position:relative}
.ls-detail-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.24);
    padding:12px 16px;
    border-radius:19px;
}
.ls-detail-score{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:14px;
    text-align:center;
    margin-top:42px;
}
.ls-club{font-size:20px;font-weight:1000;text-shadow:0 2px 4px rgba(0,0,0,.25)}
.ls-club-icon{
    width:84px;
    height:84px;
    margin:0 auto 12px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d60000;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.ls-club-icon svg{width:46px;height:46px;stroke:currentColor;stroke-width:2.1;fill:none}
.ls-vs{
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.22);
    border-radius:24px;
    padding:18px 34px;
    font-size:52px;
    font-weight:1000;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.ls-subscore{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:12px;
    margin-top:32px;
}
.ls-subscore div{
    background:rgba(0,0,0,.22);
    border-radius:15px;
    padding:11px;
    text-align:center;
    font-weight:1000;
}
.ls-panel{
    background:#fff;
    margin:16px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(150,0,0,.08);
}
.ls-panel h2{font-size:20px;margin:0;padding:16px;border-bottom:1px solid #f5e5e5;color:#450000}
.ls-panel p{margin:0;padding:16px;color:#614747;line-height:1.7}

.ls-drawer-mask,.ls-lang-mask{
    position:fixed;
    inset:0;
    background:rgba(20,0,0,.48);
    z-index:80;
    opacity:0;
    pointer-events:none;
    transition:.2s ease;
}
.ls-drawer{
    position:fixed;
    left:0;
    top:0;
    transform:translateX(-100%);
    width:82%;
    max-width:320px;
    height:100vh;
    background:#fff;
    z-index:90;
    padding:16px;
    box-shadow:18px 0 45px rgba(0,0,0,.22);
    transition:.24s ease;
}
.ls-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
}
.ls-drawer-head strong{
    color:#700000;
    font-size:22px;
}
.ls-drawer-head button{
    width:40px;
    height:40px;
    border:0;
    border-radius:14px;
    background:#fff0f0;
    color:#d60000;
    font-size:28px;
    font-weight:900;
}
.ls-drawer a{
    display:block;
    padding:15px 14px;
    border-radius:16px;
    background:#fff7f7;
    margin-bottom:10px;
    color:#3a0505;
    font-weight:1000;
}
.menu-open .ls-drawer-mask{
    opacity:1;
    pointer-events:auto;
}
.menu-open .ls-drawer{
    transform:translateX(0);
}

.ls-lang-modal{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%) translateY(110%);
    max-width:760px;
    width:100%;
    background:#fff;
    z-index:91;
    border-radius:26px 26px 0 0;
    padding:18px 16px 96px;
    box-shadow:0 -20px 50px rgba(0,0,0,.24);
    transition:.24s ease;
    max-height:82vh;
    overflow-y:auto;
}
.lang-open .ls-lang-mask{
    opacity:1;
    pointer-events:auto;
}
.lang-open .ls-lang-modal{
    transform:translateX(-50%) translateY(0);
}
.ls-lang-list{
    display:grid;
    gap:12px;
}
.ls-lang-list button{
    width:100%;
    border:1px solid #f0dada;
    border-radius:18px;
    background:linear-gradient(145deg,#fff,#fff8f8);
    padding:15px;
    text-align:left;
    font-size:20px;
    font-weight:1000;
    color:#2a0505;
}
.ls-lang-list span{
    display:inline-flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff0f0;
    margin-right:12px;
}

html[dir="rtl"] .ls-row,
html[dir="rtl"] .ls-team,
html[dir="rtl"] .ls-title,
html[dir="rtl"] .ls-detail-top{
    direction:rtl;
}
html[dir="rtl"] .ls-lang-list button{text-align:right}
html[dir="rtl"] .ls-lang-list span{margin-right:0;margin-left:12px}
html[dir="rtl"] .ls-drawer{
    left:auto;
    right:0;
    transform:translateX(100%);
    box-shadow:-18px 0 45px rgba(0,0,0,.22);
}
html[dir="rtl"].menu-open .ls-drawer,
html[dir="rtl"] body.menu-open .ls-drawer{
    transform:translateX(0);
}

@media(max-width:520px){
    .ls-app{max-width:100%}
    .ls-ad{height:76px;font-size:13px}
    .ls-card{min-width:300px}
    .ls-tabs{gap:10px}
    .ls-tab{font-size:16px}
    .ls-vs{font-size:38px;padding:16px 20px}
    .ls-club{font-size:16px}
    .ls-detail-score{gap:8px}
}
.ls-drawer{
    background:linear-gradient(180deg,#fff,#fff7f7);
}
.ls-drawer-brand{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:12px;
    background:linear-gradient(135deg,#760000,#e21b12);
    color:#fff;
    border-radius:22px;
    padding:14px;
    margin-bottom:16px;
    box-shadow:0 14px 34px rgba(180,0,0,.24);
}
.ls-brand-mark{
    width:48px;
    height:48px;
    border-radius:16px;
    background:#fff;
    color:#d60000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:1000;
    font-size:19px;
}
.ls-drawer-brand strong{
    display:block;
    font-size:18px;
    line-height:1.1;
}
.ls-drawer-brand small{
    display:block;
    opacity:.82;
    margin-top:4px;
    font-weight:800;
}
.ls-drawer-brand button{
    width:38px;
    height:38px;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:28px;
    font-weight:900;
}
.ls-menu-list{
    display:grid;
    gap:11px;
}
.ls-menu-list a{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:12px;
    padding:13px;
    border-radius:18px;
    background:#fff;
    border:1px solid #f2dada;
    box-shadow:0 8px 22px rgba(150,0,0,.07);
}
.ls-menu-icon{
    width:48px;
    height:48px;
    border-radius:17px;
    background:linear-gradient(135deg,#fff0f0,#fff);
    color:#d60000;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 16px rgba(180,0,0,.09);
}
.ls-menu-icon svg{
    width:28px;
    height:28px;
    stroke:currentColor;
    stroke-width:2.2;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.ls-menu-list strong{
    display:block;
    color:#3a0505;
    font-size:16px;
    font-weight:1000;
}
.ls-menu-list small{
    display:block;
    color:#9b7474;
    font-size:12px;
    margin-top:3px;
    font-weight:800;
}

.ls-lang-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.ls-lang-grid button{
    position:relative;
    border:1px solid #f0dada;
    border-radius:20px;
    background:linear-gradient(145deg,#fff,#fff8f8);
    padding:14px 10px;
    min-height:112px;
    color:#2a0505;
    box-shadow:0 8px 22px rgba(150,0,0,.07);
    font-weight:1000;
    text-align:center;
}
.ls-lang-grid button.active{
    border-color:#e11b12;
    background:linear-gradient(145deg,#fff4f4,#fff);
    box-shadow:0 12px 28px rgba(220,0,0,.15);
}
.ls-lang-flag{
    width:54px;
    height:54px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 9px;
    background:#fff0f0;
    font-size:30px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 16px rgba(150,0,0,.08);
}
.ls-lang-name{
    display:block;
    font-size:15px;
    line-height:1.2;
}
.ls-lang-check{
    position:absolute;
    right:10px;
    top:10px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#d60000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}
html[dir="rtl"] .ls-menu-list a{
    grid-template-columns:1fr auto;
}
html[dir="rtl"] .ls-menu-icon{
    order:2;
}
html[dir="rtl"] .ls-lang-check{
    right:auto;
    left:10px;
}
.ls-lang-flag{
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
    font-size:32px;
}
.ls-lang-grid-page{
    padding-bottom:20px;
}
.ls-lang-titlebar{
    background:linear-gradient(90deg,#6a0000,#e11b12)!important;
}
.ls-lang-page,
.ls-lang-rows,
.ls-lang-sheet{
    background:#fff1f1!important;
}
.ls-lang-rows button{
    min-height:64px;
    border:1px solid #f0caca!important;
    border-radius:16px;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(150,0,0,.08)!important;
}
.ls-lang-rows button.active{
    border-color:#d60000!important;
    box-shadow:0 10px 26px rgba(214,0,0,.18)!important;
}
.ls-lang-rows strong{
    color:#27334d;
}
.ls-lang-rows em{
    background:#d60000!important;
}

.ls-flag-icon{
    width:46px;
    height:46px;
    border-radius:50%;
    flex:0 0 auto;
    display:inline-block;
    overflow:hidden;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 6px 14px rgba(120,0,0,.12);
    background:#eee;
}
.ls-lang-sheet{
    background:#eef3fb;
    padding:0 0 18px;
    border-radius:0;
    max-height:100vh;
}
.ls-lang-titlebar{
    height:58px;
    background:linear-gradient(90deg,#10376f,#1555ad);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
}
.ls-lang-titlebar strong{
    font-size:20px;
    font-weight:1000;
}
.ls-lang-titlebar button{
    width:38px;
    height:38px;
    border:0;
    border-radius:12px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:28px;
    font-weight:900;
}
.ls-lang-rows{
    display:grid;
    gap:14px;
    padding:16px 12px 96px;
    background:#eef3fb;
}
.ls-lang-rows button{
    position:relative;
    min-height:64px;
    border:1px solid #e2e9f3;
    border-radius:16px;
    background:#fff;
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px 16px;
    color:#27334d;
    box-shadow:0 8px 22px rgba(25,55,100,.06);
    text-align:left;
}
.ls-lang-rows button.active{
    border-color:#1555ad;
    box-shadow:0 10px 26px rgba(21,85,173,.16);
}
.ls-lang-row-flag{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#f4f7fc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
    font-size:30px;
    flex:0 0 auto;
    overflow:hidden;
}
.ls-lang-rows strong{
    font-size:18px;
    font-weight:1000;
}
.ls-lang-rows em{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border-radius:50%;
    background:#1555ad;
    color:#fff;
    font-style:normal;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:900;
}
.ls-lang-page{
    min-height:calc(100vh - 64px);
    background:#eef3fb;
    padding-bottom:82px;
}
html[dir="rtl"] .ls-lang-rows button{
    text-align:right;
    direction:rtl;
}
html[dir="rtl"] .ls-lang-rows em{
    right:auto;
    left:16px;
}
.ls-sports-page{
    min-height:calc(100vh - 64px);
    background:#eef3fb;
    padding:14px 12px 96px;
}
.ls-sport-list{
    display:grid;
    gap:14px;
}
.ls-sport-row{
    min-height:64px;
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border:1px solid #e1e8f2;
    border-radius:16px;
    padding:11px 14px;
    box-shadow:0 8px 22px rgba(25,55,100,.06);
}
.ls-sport-row strong{
    font-size:18px;
    font-weight:1000;
    color:#26324b;
}
.sport-pic{
    width:44px;
    height:44px;
    border-radius:50%;
    flex:0 0 auto;
    background:#f1f6ff;
    position:relative;
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 14px rgba(40,70,110,.08);
}
.sport-pic:before{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
}
.sport-soccer:before{content:"⚽"}
.sport-basketball:before{content:"🏀"}
.sport-cricket:before{content:"🏏"}
.sport-nowgoal:before{content:"🏃"}
.sport-goaloo:before{content:"🌐"}
.sport-7m:before{content:"⚡"}
.sport-aiscore:before{content:"🔥"}

.sport-soccer{background:radial-gradient(circle at 65% 35%,#fff,#eaf3ff)}
.sport-basketball{background:radial-gradient(circle at 65% 35%,#fff,#fff0e3)}
.sport-cricket{background:radial-gradient(circle at 65% 35%,#fff,#eaf0ff)}
.sport-nowgoal{background:radial-gradient(circle at 65% 35%,#fff,#f2e8ff)}
.sport-goaloo{background:radial-gradient(circle at 65% 35%,#fff,#eaf1ff)}
.sport-7m{background:radial-gradient(circle at 65% 35%,#fff,#e7fff4)}
.sport-aiscore{background:radial-gradient(circle at 65% 35%,#fff,#fff2e6)}
/* CSS flags */
.flag-en{background:linear-gradient(90deg,#012169 0 33%,#fff 33% 38%,#c8102e 38% 62%,#fff 62% 67%,#012169 67%)}
.flag-zh{background:#de2910;position:relative}
.flag-zh:before{content:"★";color:#ffde00;position:absolute;left:9px;top:4px;font-size:18px}
.flag-ja{background:radial-gradient(circle at center,#bc002d 0 28%,#fff 29%)}
.flag-vi{background:#da251d;position:relative}
.flag-vi:before{content:"★";color:#ffde00;position:absolute;left:11px;top:7px;font-size:22px}
.flag-th{background:linear-gradient(180deg,#da291c 0 16%,#fff 16% 28%,#2d2a4a 28% 72%,#fff 72% 84%,#da291c 84%)}
.flag-ko{background:#fff;position:relative}
.flag-ko:before{content:"";position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#cd2e3a 0 50%,#0047a0 50%)}
.flag-ar{background:linear-gradient(180deg,#ce1126 0 33%,#fff 33% 66%,#000 66%)}
.flag-pt{background:linear-gradient(90deg,#009b3a 0 100%);position:relative}
.flag-pt:before{content:"";position:absolute;left:9px;top:9px;width:28px;height:28px;border-radius:50%;background:#ffdf00}
.flag-de{background:linear-gradient(180deg,#000 0 33%,#dd0000 33% 66%,#ffce00 66%)}
.flag-es{background:linear-gradient(180deg,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.flag-fr{background:linear-gradient(90deg,#0055a4 0 33%,#fff 33% 66%,#ef4135 66%)}
.flag-id{background:linear-gradient(180deg,#ce1126 0 50%,#fff 50%)}
.flag-ru{background:linear-gradient(180deg,#fff 0 33%,#0039a6 33% 66%,#d52b1e 66%)}
.flag-tr{background:#e30a17;position:relative}
.flag-tr:before{content:"";position:absolute;left:11px;top:12px;width:22px;height:22px;border-radius:50%;box-shadow:-5px 0 0 2px #fff}
.flag-tr:after{content:"★";color:#fff;position:absolute;left:25px;top:12px;font-size:12px}