:root{color-scheme:dark;--bg-page:#0b0e14;--bg-content:#121620;--bg-hover:#1b212f;--bg-stats:#161b26;--color-text:#ffffff;--color-muted:#c8cedf;--color-live:#ff3b5c;--color-border:#262c3d;--color-star:#ffd700;--color-pin:#3498db;--site-max-width:1200px}
body.light-theme{color-scheme:light;--bg-page:#eef1f5;--bg-content:#ffffff;--bg-hover:#f4f6f8;--bg-stats:#eaedf2;--color-text:#1a1d20;--color-muted:#4b525f;--color-border:#d1d5db}
*{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--color-text);font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:13px;padding-bottom:0;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;min-height:100vh;transition:background .3s,color .3s}
.site-wrapper{max-width:var(--site-max-width);margin:0 auto;background-color:var(--bg-page);flex:1;box-shadow:0 0 40px rgba(0,0,0,.8);display:flex;flex-direction:column;width:100%;transition:background .3s;position:relative;overflow-x:hidden}
body.light-theme .site-wrapper{box-shadow:0 0 40px rgba(0,0,0,.1)}
a{text-decoration:none;color:inherit}
.top-bar{background-color:var(--bg-content);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);position:relative;transition:.3s;z-index:100}
.header-left{display:flex;align-items:center;flex:1}
.hamburger-btn{display:none;background:none;border:none;color:var(--color-text);font-size:26px;cursor:pointer}
.brand-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:opacity .2s;z-index:10}
.brand-logo:hover{opacity:.8}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1}
.search-box{background:var(--bg-page);border:1px solid var(--color-border);color:var(--color-text);padding:8px 15px 8px 35px;border-radius:20px;outline:none;font-size:12px;width:200px;transition:.2s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23c8cedf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');background-repeat:no-repeat;background-position:12px center}
.search-box:focus{border-color:var(--color-live);width:240px}
.action-btns{display:flex;gap:8px}
.circle-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:background .2s;flex-shrink:0}
.circle-btn:hover{background:var(--bg-hover)}
.circle-btn.active{background:rgba(255,59,92,.1);border-color:var(--color-live);color:var(--color-live)}
.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9998}
.sports-nav{background-color:var(--bg-content);display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--color-border);transition:.3s;white-space:nowrap;overflow:hidden}
.sport-item{color:var(--color-muted);text-decoration:none;font-weight:bold;font-size:11px;padding:15px 0;border-bottom:3px solid transparent;display:flex;align-items:center;gap:6px;cursor:pointer;text-transform:uppercase}
.sport-item:hover,.sport-item.active{color:var(--color-text);border-bottom-color:var(--color-live)}
.sport-item img{width:16px;height:16px;object-fit:contain}
.hide-mobile{display:flex!important}
.nav-dropdown,.show-mobile-only{display:none!important}
.nav-dropdown-content{position:absolute;top:100%;right:0;background-color:var(--bg-content);min-width:220px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.8);z-index:1000;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;flex-direction:column;display:none}
.nav-dropdown.open .nav-dropdown-content{display:flex!important}
.nav-dropdown-content a{color:var(--color-text);padding:12px 16px;text-decoration:none;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-border);font-weight:bold;font-size:11px;text-transform:uppercase;transition:background .2s}
.nav-dropdown-content a:last-child{border-bottom:none}
.nav-dropdown-content a:hover{background-color:var(--bg-hover);color:var(--color-live);border-left:3px solid var(--color-live)}
.nav-dropdown-content a img{width:16px!important;height:16px!important;object-fit:contain}
@media (max-width: 1050px) {
    .sports-nav{padding:0 15px;overflow:visible!important}
    .hide-mobile{display:none!important}
    .nav-dropdown{display:flex!important;position:relative;align-items:center;margin-left:auto}
    .nav-dropbtn{background:none;border:none;color:var(--color-muted);padding:15px 5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
    .show-mobile-only{display:flex!important}
    .nav-dropdown-content{left:auto;right:0}
}
.form-box,.form-v,.form-e,.form-d,.form-u{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;line-height:18px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:10px!important;font-weight:bold!important;border-radius:3px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
.form-v{background:#2ecc71!important;color:#fff!important;border:none!important}
.form-e{background:#f39c12!important;color:#fff!important;border:none!important}
.form-d{background:#e74c3c!important;color:#fff!important;border:none!important}
.form-u{background:var(--bg-hover)!important;color:var(--color-muted)!important;border:1px solid var(--color-border)!important}
.form-container{display:flex!important;gap:4px!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important}
.layout{display:grid;grid-template-columns:240px 1fr 300px;gap:20px;padding:20px 15px;align-items:start}
.sidebar-left,.sidebar-right{background-color:var(--bg-content);border-radius:8px;padding:10px 0;transition:.3s}
.sidebar-left{position:sticky;top:20px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--bg-content)}
.close-sidebar-btn{display:none;background:none;border:none;color:var(--color-muted);font-size:24px;position:absolute;top:10px;right:15px;cursor:pointer}
.sidebar-title{padding:10px 15px 5px;font-size:12px;color:var(--color-muted);text-transform:uppercase;font-weight:bold;margin:0}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 15px;color:var(--color-text);cursor:pointer;transition:background .2s;justify-content:flex-start;text-decoration:none}
.sidebar-item-left{display:flex;align-items:center;gap:10px;width:100%;overflow:hidden}
.sidebar-item-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.sidebar-item:hover,.sidebar-item.active{background-color:var(--bg-hover);font-weight:bold;border-left:3px solid var(--color-live)}
.sidebar-item img{border-radius:2px;flex-shrink:0;object-fit:contain}
.main-content{background-color:var(--bg-content);border-radius:8px;min-height:80vh;overflow:hidden;transition:.3s}
.tabs{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid var(--color-border);gap:15px;overflow-x:auto;scrollbar-width:none;transition:.3s}
.tabs::-webkit-scrollbar{display:none}
.tab-group{display:flex;flex-shrink:0;gap:8px}
.tab-btn{background:var(--bg-stats);border:1px solid var(--color-border);color:var(--color-muted);padding:9px 16px;border-radius:6px;cursor:pointer;font-weight:bold;font-size:11px;text-transform:uppercase;white-space:nowrap;transition:all .2s}
.tab-btn:hover:not(.active){background:var(--bg-hover);color:var(--color-text)}
.tab-btn.active{background-color:var(--color-live);color:#fff!important;border-color:var(--color-live)}
.date-nav-desktop{display:flex;align-items:stretch;background:var(--bg-stats);border:1px solid var(--color-border);border-radius:6px;margin-left:auto;flex-shrink:0;width:155px;height:33px;transition:.3s;box-sizing:border-box;margin-right:1px}
.date-nav-desktop .date-arrow-btn{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:0 10px;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:2}
.date-nav-desktop .date-arrow-btn:hover{background:var(--bg-hover);color:var(--color-text)}
.date-nav-desktop .date-center-box{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:9px 15px;transition:background .2s;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);cursor:pointer}
.date-nav-desktop .date-center-box:hover{background:var(--bg-hover)}
.date-nav-desktop .date-display-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:bold;color:var(--color-text);text-transform:uppercase;pointer-events:none;z-index:1}
.date-input-hidden{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}
.date-input-hidden::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.date-nav-mobile{display:none}
.league-header{background-color:var(--bg-hover);padding:8px 15px;display:flex;align-items:center;justify-content:space-between;font-weight:bold;font-size:12px;border-bottom:1px solid var(--color-border);text-transform:uppercase;transition:.3s}
.league-header-left{display:flex;align-items:center;gap:10px}
.league-link-hover{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;transition:color .2s;cursor:pointer}
.league-link-hover:hover span{color:var(--color-live)}
.league-header img{width:18px!important;height:18px!important;min-width:18px;max-width:18px;object-fit:contain;flex-shrink:0}
.pin-btn{color:var(--color-muted);font-size:14px;cursor:pointer;text-align:center;transition:color .2s;padding:5px;margin-left:5px}
.pin-btn.pinned{color:var(--color-pin)}
.league-actions{display:flex;gap:8px}
.classificacao-link{background:transparent;font-family:inherit;font-size:10px;color:var(--color-muted);font-weight:normal;text-transform:none;text-decoration:none;padding:3px 8px;border:1px solid var(--color-border);border-radius:4px;transition:.2s;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.classificacao-link:hover{color:var(--color-text);background:var(--bg-stats);border-color:var(--color-muted)}
.match-row{display:flex;align-items:center;padding:8px 15px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .2s;text-decoration:none;color:var(--color-text);min-height:48px;width:100%;box-sizing:border-box}
.match-row:hover{background-color:var(--bg-hover)}
.m-left-area{display:flex;align-items:center;width:85px;flex-shrink:0;gap:0}
.m-star{display:flex;justify-content:center;align-items:center;width:35px;flex-shrink:0}
.star-btn{color:var(--color-muted);font-size:16px;cursor:pointer;transition:color .2s;padding:5px}
.star-btn.fav{color:var(--color-star)}
.m-time{width:50px;flex-shrink:0;text-align:center;font-size:11px;color:var(--color-muted)}
.m-time.is-live{color:var(--color-live);font-weight:bold;animation:blink 2s infinite}
.m-teams{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding-right:15px}
.m-team{display:flex;align-items:center;gap:8px;height:16px;min-width:0}
img.m-team-logo{width:16px!important;height:16px!important;min-width:16px;max-width:16px;flex-shrink:0;object-fit:contain;display:block}
.m-team span{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.red-card{display:inline-block;width:6px;height:10px;background-color:#ff2a2a;border-radius:1px;margin-left:2px;flex-shrink:0;vertical-align:middle}
.red-card-wrap{display:inline-flex;align-items:center;margin-left:4px;flex-shrink:0}
.m-scores{width:30px;display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;font-weight:bold;font-size:13px;color:var(--color-text);flex-shrink:0}
.m-scores.is-live{color:var(--color-live)}
.m-score{display:flex;justify-content:center;align-items:center;height:16px;line-height:16px}
.m-right-area{display:flex;align-items:center;justify-content:flex-end;width:60px;flex-shrink:0;padding-left:10px}
.seo-links-col{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}
.seo-icon-link{color:var(--color-muted);transition:color .2s;display:flex;align-items:center;justify-content:center;padding:2px}
.seo-icon-link:hover{color:var(--color-text)}
.seo-icon-link svg{width:16px;height:16px;stroke-width:2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
#view-match,#view-team,#view-player,#view-standings-page{display:none}
.match-top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border);background:var(--bg-content)}
.match-breadcrumb{font-size:11px;color:var(--color-muted);text-transform:uppercase;font-weight:bold;display:flex;align-items:center;gap:8px}
.match-breadcrumb img{width:14px;height:14px;border-radius:2px}
.match-breadcrumb span{color:var(--color-text)}
.btn-group-nav{display:flex;gap:10px}
.wa-btn{background:#25D366;border:none;color:#fff;padding:5px 12px;border-radius:4px;cursor:pointer;font-weight:bold;font-size:11px;display:flex;align-items:center;gap:5px;transition:.2s}
.wa-btn:hover{background:#128C7E}
.back-btn-new{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:5px 12px;border-radius:4px;cursor:pointer;font-weight:bold;font-size:11px}
.back-btn-new:hover{background:var(--bg-hover)}
.match-header-large{padding:30px 20px;display:flex;justify-content:center;align-items:center;gap:20px;background-color:var(--bg-content);border-bottom:1px solid var(--color-border)}
.team-large{flex:1;min-width:0;display:flex;justify-content:center}
.team-link-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;width:100%;transition:transform .2s;cursor:pointer}
.team-link-header:hover{transform:scale(1.05)}
.team-link-header:hover span{color:var(--color-live)}
.team-logo-box{background:transparent;width:80px;height:80px;display:flex;align-items:center;justify-content:center;padding:10px}
.team-logo-box img{width:100%!important;height:100%!important;max-width:80px;max-height:80px;object-fit:contain}
.team-link-header span{font-weight:bold;font-size:15px;color:var(--color-text);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;gap:4px;transition:color .2s}
.score-large{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:120px}
.score-large .m-date{font-size:12px;color:var(--color-muted);margin-bottom:8px;font-weight:500}
.score-large h2{margin:0;font-size:3.8em;font-weight:900;letter-spacing:2px;line-height:1;font-family:'Segoe UI',Tahoma,Arial,sans-serif;transition:color .3s;color:var(--color-text);text-align:center}
.score-large h2.is-live{color:var(--color-live)}
.score-large .m-status{font-weight:bold;font-size:14px;margin-top:12px;color:var(--color-muted);text-transform:uppercase;transition:color .3s;text-align:center}
.score-large .m-status.is-live{color:var(--color-live)}
.score-large .m-timer{font-weight:bold;font-size:18px;margin-top:5px;color:var(--color-live);letter-spacing:1px}
.inner-tabs{display:flex;flex-wrap:wrap;justify-content:center;background-color:var(--bg-content);padding:15px;gap:6px;border-bottom:1px solid var(--color-border);z-index:9}
.inner-tab-btn{flex:1 1 auto;min-width:80px;background:var(--bg-stats);color:var(--color-text);border:none;padding:10px 12px;border-radius:20px;cursor:pointer;font-weight:bold;font-size:10px;text-transform:uppercase;text-align:center;transition:.2s;white-space:nowrap}
.inner-tab-btn.active{background-color:var(--color-live);color:#fff!important;border-color:var(--color-live)}
.inner-tab-btn:hover:not(.active){background:var(--bg-hover);color:var(--color-text)}
.team-profile-header-container{display:flex;align-items:center;gap:20px;padding:20px;background-color:var(--bg-content);border-bottom:1px solid var(--color-border)}
.team-logo-square{width:85px;height:85px;background-color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px;flex-shrink:0;border:1px solid var(--color-border);overflow:hidden}
.team-logo-square img{width:100%!important;height:100%!important;max-width:65px;max-height:65px;object-fit:contain}
.team-info-right{display:flex;flex-direction:column;gap:6px}
.team-name-row{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:bold;color:var(--color-text)}
.team-details-row{font-size:13px;color:var(--color-muted);line-height:1.5}
.team-details-row strong{color:var(--color-muted);font-weight:normal}
.team-details-row span{color:var(--color-text);font-weight:500}
.team-tabs-container{display:flex;gap:25px;padding:0 20px;background-color:var(--bg-content);border-bottom:1px solid var(--color-border);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;justify-content:center;z-index:9}
.team-tabs-container::-webkit-scrollbar{display:none}
.team-tab-btn{background:none;border:none;color:var(--color-muted);font-size:12px;font-weight:bold;padding:15px 0;cursor:pointer;text-transform:uppercase;border-bottom:3px solid transparent;transition:.2s;flex-shrink:0}
.team-tab-btn:hover{color:var(--color-text)}
.team-tab-btn.active{color:var(--color-live);border-bottom-color:var(--color-live)}
.event-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:10px 15px}
.event-line{display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:13px;color:var(--color-text);width:100%;gap:10px}
.e-player-home{flex:1;text-align:right;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:flex-end;align-items:center}
.e-player-away{flex:1;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:flex-start;align-items:center}
.e-center-box{display:flex;align-items:center;justify-content:center;width:50px;flex-shrink:0;gap:8px}
.e-time{font-weight:bold;color:var(--color-muted);font-size:11px;text-align:right;width:22px;flex-shrink:0}
.e-icon{width:16px;display:flex;justify-content:center;align-items:center;flex-shrink:0}
.e-assist{color:var(--color-muted);font-size:11px;font-weight:normal;margin:0 4px}
.e-player{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}
.event-line.away .e-player{text-align:right}
.relato-box{background:var(--bg-hover);border:1px solid var(--color-border);border-radius:8px;padding:15px}
.relato-row{display:flex;gap:15px;margin-bottom:15px;font-size:13px;border-bottom:1px solid var(--color-border);padding-bottom:15px}
.relato-row:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}
.relato-time-box{font-weight:bold;color:var(--color-live);width:45px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.relato-text{color:var(--color-text);line-height:1.5;flex:1}
.table-responsive{width:100%;overflow-x:auto;scrollbar-width:thin;padding:10px 15px;box-sizing:border-box}
.table-standings{width:100%;border-collapse:collapse;font-size:11px;text-align:center;color:var(--color-text)}
.table-standings th,.table-standings td{padding:10px 4px;border-bottom:1px solid var(--color-border);vertical-align:middle}
.table-standings th{color:var(--color-muted);font-weight:normal;font-size:9px;text-transform:uppercase}
.table-standings tbody tr{transition:background .2s}
.table-standings tbody tr:hover{background:var(--bg-hover)}
.table-standings .team-col{text-align:left}
.table-standings .team-col-inner{display:flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%}
.table-standings .team-col img{width:16px!important;height:16px!important;flex-shrink:0;object-fit:contain}
.rank-box{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-weight:bold;font-size:10px;margin:0 auto;color:#fff}
.table-standings .pts-col{font-weight:bold;font-size:12px;color:var(--color-text)}
.standings-legend{display:flex;flex-direction:column;gap:8px;padding:15px;font-size:11px;background:var(--bg-content);border-top:1px solid var(--color-border)}
.legend-item{display:flex;align-items:center;gap:8px;color:var(--color-muted)}
.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.global-tooltip{position:absolute;background:var(--bg-hover);border:1px solid var(--color-border);padding:10px 12px;border-radius:6px;font-size:11px;color:var(--color-text);z-index:999999;box-shadow:0 4px 15px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap;display:none;flex-direction:column;gap:4px;transition:opacity .2s}
.global-tooltip.visible{display:flex;opacity:1}
.lineups-wrapper{padding:0 0 20px}
.lineup-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--bg-hover);border-bottom:1px solid var(--color-border)}
.lineup-form{font-weight:bold;font-size:14px;letter-spacing:1px}
.lineup-form.home{color:var(--color-live)}
.lineup-form.away{color:#3498db}
.lineup-title-center{text-align:center;color:var(--color-muted);font-size:12px;text-transform:uppercase;font-weight:bold;padding:25px 0 10px;letter-spacing:1px;border-bottom:1px solid var(--color-border);margin:0 20px;margin-bottom:10px}
.p-row-vs{display:flex;justify-content:space-between;padding:8px 20px;border-bottom:1px solid var(--color-border);transition:background .2s}
.p-row-vs:hover{background:var(--bg-hover)}
.team-p-home{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.team-p-away{display:flex;align-items:center;gap:10px;flex:1;min-width:0;justify-content:flex-end;text-align:right}
.p-num{font-weight:bold;font-size:12px;color:var(--color-muted);width:20px;flex-shrink:0}
.team-p-away .p-num{text-align:right}
.p-name{font-size:13px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;display:flex;align-items:center;gap:4px}
.player-photo-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--bg-stats);border:1px solid var(--color-border);flex-shrink:0}
.news-container{padding:25px 20px;color:var(--color-text);line-height:1.6}
.news-card{background:var(--bg-hover);border:1px solid var(--color-border);border-radius:8px;padding:20px}
.news-title{color:var(--color-text);margin-top:0;margin-bottom:5px;font-size:18px}
.news-meta{font-size:11px;color:var(--color-muted);margin-bottom:20px;display:flex;gap:10px;align-items:center}
.tv-badge{background:#e74c3c;color:#fff;padding:4px 10px;border-radius:4px;font-weight:bold;font-size:11px;display:inline-block;margin-right:5px;margin-bottom:5px}
.news-section-title{font-size:14px;color:var(--color-live);border-bottom:1px solid var(--color-border);padding-bottom:5px;margin-top:25px;margin-bottom:15px}
.news-paragraph{font-size:14px;margin-bottom:12px;color:var(--color-text);text-align:justify}
.stat-group-title{text-align:center;color:var(--color-muted);font-size:11px;text-transform:uppercase;font-weight:bold;margin:25px 0 15px;letter-spacing:1px}
.stat-row{margin-bottom:18px;padding:0 20px}
.stat-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:bold;font-size:12px}
.stat-labels .s-lbl{color:var(--color-text);font-size:11px}
.stat-bars{display:flex;height:8px;gap:4px}
.stat-bar-bg{flex:1;background:var(--color-border);border-radius:4px;overflow:hidden}
.stat-bar-left-inner{background:var(--color-live);height:100%;float:right}
.stat-bar-right-inner{background:#3498db;height:100%;float:left}
.h2h-row{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--color-border);font-size:12px;transition:background .2s}
.h2h-row:hover{background:var(--bg-hover)}
.h2h-date-league{width:80px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.h2h-date{color:var(--color-text);font-weight:bold;font-size:11px}
.h2h-league{color:var(--color-muted);font-size:9px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75px}
.h2h-team{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.h2h-home{justify-content:flex-end;text-align:right}
.h2h-away{justify-content:flex-start;text-align:left}
.h2h-team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2h-team img{width:16px!important;height:16px!important;object-fit:contain}
.h2h-team.winner{font-weight:bold;color:var(--color-text)}
.h2h-team:not(.winner){color:var(--color-muted)}
.h2h-score-box{background:var(--bg-hover);color:var(--color-text);font-weight:bold;font-size:13px;padding:6px 12px;border-radius:4px;margin:0 15px;text-align:center;min-width:35px;border:1px solid var(--color-border)}
.odds-box{display:flex;justify-content:space-between;background:var(--bg-hover);border:1px solid var(--color-border);border-radius:8px;padding:15px 20px;margin-bottom:15px}
.odd-item{text-align:center;flex:1}
.odd-label{font-size:11px;color:var(--color-muted);margin-bottom:5px;text-transform:uppercase}
.odd-value{font-size:18px;font-weight:bold;color:var(--color-text)}
.page-content{display:none;padding:40px;background:var(--bg-content);border-radius:8px;line-height:1.6;color:var(--color-text)}
.page-content h2{color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:10px;margin-top:0;font-size:24px}
.page-content h3{color:var(--color-text);margin-top:25px;margin-bottom:10px;font-size:18px}
.page-content p{color:var(--color-muted);font-size:14px;margin-bottom:15px}
.page-content ul{color:var(--color-muted);font-size:14px;padding-left:20px;margin-bottom:15px}
.page-content li{margin-bottom:8px}
.form-control{width:100%;padding:10px;background:var(--bg-page);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;box-sizing:border-box;margin-bottom:15px}
.btn-submit{background:var(--color-live);color:#fff;border:none;padding:10px 20px;font-weight:bold;cursor:pointer;border-radius:4px;width:100%}
.league-seo-box{display:none;padding:30px;background:var(--bg-content);border-top:1px solid var(--color-border);line-height:1.6;color:var(--color-text);margin-top:20px}
.seo-footer{background-color:var(--bg-hover);padding:50px 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:60px;font-size:12px;border-top:1px solid var(--color-border);margin-top:20px;transition:.3s}
.seo-column{min-width:160px}
.seo-column h4{color:var(--color-text);margin-top:0;margin-bottom:15px;text-transform:uppercase;font-size:12px}
.seo-column a{display:block;color:var(--color-muted);text-decoration:none;margin-bottom:12px;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-column a:hover{color:var(--color-text);text-decoration:underline}
footer{background-color:var(--bg-content);padding:30px 20px;border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);font-size:12px;transition:.3s}
.footer-nav{display:flex;justify-content:center;gap:40px;margin:10px auto 20px;text-align:center;flex-wrap:wrap}
.footer-nav a{color:var(--color-muted);text-decoration:none;cursor:pointer;font-weight:bold;transition:color .2s}
.footer-nav a:hover{color:var(--color-text)}
.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:10000;pointer-events:none}
.toast{background:#2ecc71;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);transform:translateX(120%);transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55);display:flex;flex-direction:column;gap:5px;min-width:260px;pointer-events:auto}
.toast.show{transform:translateX(0)}
.toast-title{font-weight:900;font-size:14px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px}
.toast-desc{font-size:13px;font-weight:bold}
.cookie-banner{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:var(--bg-content);border-top:1px solid var(--color-border);z-index:99999;padding:20px;box-shadow:0 -4px 15px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .4s cubic-bezier(0.16,1,0.3,1);justify-content:center}
.cookie-banner.show{transform:translateY(0)}
.cookie-container{max-width:var(--site-max-width);display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%}
.cookie-text{flex:1;font-size:12px;color:var(--color-muted);line-height:1.5}
.cookie-text strong{color:var(--color-text);font-size:14px}
.cookie-buttons{display:flex;gap:15px;flex-shrink:0}
.cookie-btn-primary{background:var(--color-live);color:#fff;border:none;padding:10px 20px;font-weight:bold;border-radius:6px;cursor:pointer;transition:.2s;font-size:13px;white-space:nowrap}
.cookie-btn-primary:hover{opacity:.9}
.cookie-btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border);padding:10px 20px;font-weight:bold;border-radius:6px;cursor:pointer;transition:.2s;font-size:13px;white-space:nowrap}
.cookie-btn-secondary:hover{background:var(--bg-hover)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}
@media (max-width: 1000px) {
    body{background:var(--bg-page);padding-bottom:0}
    .site-wrapper{width:100%;box-shadow:none}
    .layout{grid-template-columns:1fr;padding:10px 0;gap:0}
    .header-right .search-box{display:none}
    .header-left,.header-right{width:auto}
    .hamburger-btn{display:block}
    .sidebar-left{position:fixed;top:0;left:-280px;width:260px;height:100vh;background:var(--bg-content);z-index:9999;padding-top:50px;display:block!important;transition:left .3s ease;box-shadow:2px 0 15px rgba(0,0,0,.8)}
    .sidebar-left.open{left:0}
    .close-sidebar-btn,.mobile-overlay.open{display:block}
    .sidebar-right{display:none}
    .main-content{border-radius:0;min-height:100vh}
    .tabs{padding:12px 10px;gap:12px;flex-direction:column;align-items:stretch;overflow:hidden}
    .tab-group{width:100%;display:flex;justify-content:center;overflow-x:auto;padding-bottom:4px}
    .tab-btn{flex:0 0 auto}
    .date-nav-desktop{display:none!important}
    .date-nav-mobile{display:flex;align-items:stretch;background:var(--bg-stats);border:1px solid var(--color-border);border-radius:8px;margin:0 auto!important;width:100%;max-width:320px;height:40px;box-sizing:border-box;overflow:hidden}
    .date-nav-mobile .date-arrow-btn-mobile{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:0 20px;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:2}
    .date-nav-mobile .date-arrow-btn-mobile:hover{background:var(--bg-hover);color:var(--color-text)}
    .date-nav-mobile .date-center-box-mobile{position:relative;flex:1;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}
    .date-nav-mobile .date-display-text-mobile{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:bold;color:var(--color-text);text-transform:uppercase;pointer-events:none}
    .date-nav-mobile .date-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5}
    .team-tabs-container{justify-content:flex-start}
    .team-tabs-container::after{content:'';padding-right:15px}
    .seo-footer{gap:30px;justify-content:center}
    .cookie-container{flex-direction:column;text-align:center;gap:15px}
    .cookie-buttons,.cookie-btn-primary,.cookie-btn-secondary{width:100%}
    .cookie-buttons{flex-direction:column;gap:10px}
}
@media (max-width: 600px) {
    .top-bar{padding:12px 15px}
    .hamburger-btn{font-size:22px}
    .match-row{padding:6px 5px;min-height:44px}
    .m-left-area{width:75px;gap:2px;justify-content:flex-start}
    .m-star{width:22px;flex-shrink:0}
    .m-time{font-size:9px;width:50px;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-right:5px}
    .m-teams{gap:4px;padding-left:2px;padding-right:5px}
    .m-team{height:14px}
    img.m-team-logo{width:14px!important;height:14px!important;min-width:14px;max-width:14px}
    .m-team span{font-size:12px}
    .m-scores{font-size:12px;gap:4px;width:25px}
    .m-score{height:14px;line-height:14px}
    .m-right-area{gap:5px;width:auto;padding-left:5px}
    .seo-links-col{gap:5px}
    .seo-icon-link svg{width:14px;height:14px}
    .match-header-large{padding:20px 10px;flex-direction:row;justify-content:space-between;gap:5px;align-items:center}
    .team-large{flex:1;min-width:0;display:flex;justify-content:center}
    .score-large{flex:1;min-width:80px}
    .team-logo-box{width:50px;height:50px;padding:5px}
    .team-link-header span{font-size:11px;white-space:normal;line-height:1.2;text-align:center}
    .score-large h2{font-size:2.2em}
    .score-large .m-date{font-size:10px;margin-bottom:5px}
    .score-large .m-status{font-size:11px;margin-top:5px}
    .inner-tabs{padding:10px;gap:4px}
    .inner-tab-btn{padding:8px 10px;font-size:9px;min-width:75px}
    .team-profile-header-container{flex-direction:column;text-align:center}
    .team-info-right{align-items:center;text-align:center}
    .table-responsive{padding:10px 5px}
    .table-standings{width:100%;font-size:10px}
    .table-standings th,.table-standings td{padding:8px 2px;font-size:9px}
    .team-col-inner{gap:5px}
    .table-standings .team-col img{width:14px!important;height:14px!important}
    .table-standings .pts-col{font-size:11px}
    .p-row-vs{padding:8px 10px}
    .p-name{font-size:11px}
    .p-num{font-size:10px;width:16px}
    .player-photo-sm{width:24px;height:24px}
    .seo-footer{flex-direction:column;align-items:center;text-align:center;gap:30px;padding:30px 20px}
    .footer-nav{flex-direction:column;gap:15px}
    .page-content{padding:25px 15px}
    .page-content h2{font-size:20px}
    .event-wrapper{padding:10px 5px}
    .event-line{gap:4px;font-size:11px}
    .e-time-box{gap:4px}
    .e-time{font-size:10px;width:22px}
    .e-icon{width:14px}
    .e-player{white-space:normal;overflow-wrap:break-word;line-height:1.2}
}