/* ---- V8.6 mobile / responsive ---- */
#trendSvg,#eloSvg{display:block;width:100%;height:auto}
#liveTeams{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#liveTeams .live-team{min-width:560px}
.team-board{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.team-board .score-row{min-width:640px}
.burger{display:none;border:0;background:transparent;cursor:pointer;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);padding:0;margin:0;color:var(--text)}
.burger i{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;margin:2.5px 0;transition:transform .25s ease,opacity .25s ease}
.topbar{position:sticky;top:0;z-index:150}
.topbar-inner{flex-wrap:wrap;row-gap:0}
@media(max-width:1000px){
  .burger{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);gap:0}
  .burger i{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;margin:2.5px 0;transition:.25s}
  .topbar.menu-open .burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .topbar.menu-open .burger i:nth-child(2){opacity:0}
  .topbar.menu-open .burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .nav-links{position:absolute;top:calc(100% + 6px);right:12px;left:12px;background:rgba(12,12,15,.97);border:1px solid var(--line2);border-radius:18px;padding:10px;display:none;flex-direction:column;gap:2px;z-index:180;box-shadow:0 24px 60px rgba(0,0,0,.55);backdrop-filter:blur(18px)}
  .topbar.menu-open .nav-links{display:flex}
  .nav-links a{padding:13px 14px;border-radius:12px;font-size:14px;font-weight:600}
  .nav-links a:hover{background:rgba(139,92,246,.12)}
  .nav-links a::after{display:none}
  .brand b{font-size:13px}
  .evo-layout{grid-template-columns:1fr}
  .topbar-inner{height:auto;min-height:60px;gap:12px}
}
@media(max-width:760px){
  .topbar-inner{height:58px;gap:10px}
  .source-pill{display:none}
  .live-pill{display:none}
  .test-live-btn{margin-left:0}
  .snapshot-title{flex-wrap:wrap;gap:6px}
  .cmp-cols{grid-template-columns:78px 1fr 78px;gap:8px}
  .cmp-cell b{font-size:14px}
  .snapshot-stats{grid-template-columns:repeat(2,1fr)}
  .snapshot-stats .micro:nth-child(n+9){display:none}
  .duo-summary{grid-template-columns:repeat(2,1fr)}
  .duo-map{grid-template-columns:1fr 60px 60px}
  .map-row{grid-template-columns:1.2fr repeat(3,.6fr)}
  .duo-match{grid-template-columns:52px 1fr 48px 48px 36px;gap:6px}
  #topSide .top-row{grid-template-columns:1fr 36px 48px 48px 22px;gap:6px}
  .form-stat{grid-template-columns:1fr auto auto;font-size:10px}
  .chart-wrap{overflow-x:auto;padding:12px 8px}
  .chart-wrap svg{min-width:560px}
  .live-head h2{font-size:22px}
  .live-card{padding:16px}
  .modal-card{width:calc(100% - 16px);border-radius:18px;padding:16px}
  .modal-card .demo-link{margin-top:8px}
}
@media(max-width:480px){
  .wrap{width:min(100% - 16px,var(--wrap))}
  .hero-grid{grid-template-columns:1fr;gap:12px}
  .hero .versus{height:90px}
  .vs-ring{width:52px;height:52px}
  .hero-summary{grid-template-columns:repeat(2,1fr)}
  .p-sparks{gap:6px;padding:10px 12px}
  .deep-compare{grid-template-columns:1fr}.deep-row,.deep-head{grid-template-columns:1fr 46px 40px 46px 36px;gap:4px;font-size:10px;padding:6px 4px}.deep-head span:nth-child(5){display:none}.deep-adv{font-size:8.5px}
  .cmp-cols{grid-template-columns:64px 1fr 64px;gap:6px}
  .cmp-row{padding:10px 8px}
  .match-table-head,.match-row{grid-template-columns:44px minmax(110px,1fr) 38px 48px 46px 22px;font-size:11px}
  .match-row{padding:10px 8px}
  .score-row{grid-template-columns:minmax(96px,1.3fr) repeat(4,.5fr);gap:5px;font-size:9px;padding:9px 8px}
  .live-score b{font-size:26px}
  .live-map-pic{width:36px;height:36px}
  .p-core{gap:6px;margin-top:22px}
  .stat b{font-size:14px}
  .season-bar{flex-wrap:wrap;gap:8px}
  .season-bar select{width:100%}
  .top-actions{gap:6px}
  .chart-legend{font-size:10px}
}