.hls-wrap{max-width:1000px;margin:0 auto;color:#fff;font-family:'Roboto Condensed','Roboto',Arial,sans-serif}
.hls-wrap *{box-sizing:border-box}
.hls-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 20px}
.hls-tab{cursor:pointer;background:#0d1620;color:#fff;border:1px solid #1f2d3a;border-radius:6px;padding:11px 22px;font-weight:700;font-size:15px;text-transform:uppercase;font-family:inherit;line-height:1}
.hls-tab:hover{border-color:#3a5368}
.hls-tab.is-active{background:linear-gradient(180deg,#e8bd4f,#a97b1d);color:#000;border-color:#e8bd4f;box-shadow:0 0 12px rgba(232,189,79,.35)}
.hls-panel{background:linear-gradient(180deg,#0a1a1f,#060b10)}
.hls-panel[hidden],.hls-empty[hidden]{display:none}
.hls-panel-head{padding:26px 10px;text-align:center}
.hls-panel-head h2{margin:0;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3px}
.hls-table{width:100%;border-collapse:collapse;background:#05080c}
.hls-table td{border:1px solid #1d2a33;padding:18px 12px;text-align:center;vertical-align:middle}
.hls-team{width:32%;font-size:17px;font-weight:500;color:#fff}
.hls-mid{width:18%}
.hls-mid span{display:block}
.hls-time{font-weight:700;font-size:14px;color:#fff}
.hls-vs{font-weight:800;font-size:16px;color:#ff7a00;margin:6px 0}
.hls-row.is-live .hls-vs{color:#ff3b3b}
.hls-date{font-size:12px;color:#9aa7b2}
.hls-act{width:18%}
.hls-soon{color:#9aa7b2;font-weight:700;font-size:13px;letter-spacing:.5px}
.hls-watch{cursor:pointer;background:#0f1c2a;color:#e6eef6;border:1px solid #2b4358;border-radius:8px;padding:12px 22px;font-weight:800;font-size:15px;letter-spacing:.5px;font-family:inherit;box-shadow:0 0 10px rgba(60,130,200,.25)}
.hls-watch:hover{background:#16293c;border-color:#4b7194}
.hls-watch.is-loading{opacity:.6;pointer-events:none}
.hls-empty{padding:30px 14px;text-align:center;color:#9aa7b2;border:1px solid #1d2a33;border-top:0;background:#05080c}
@media(max-width:640px){
 .hls-tabs{gap:8px}.hls-tab{padding:10px 14px;font-size:13px}
 .hls-table td{padding:12px 6px}.hls-team{font-size:14px}
 .hls-watch{padding:10px 12px;font-size:13px}
}

/* Fallback player (only when the page has no #playerSection of its own) */
.hls-wrap > .player_area{margin:0 0 24px}
.hls-wrap > .player_area .iframe-links{display:flex;flex-wrap:wrap;background:linear-gradient(180deg,#0e2132,#07131e);border:1px solid #17324a}
.hls-wrap > .player_area .theatre_btn{flex:1 1 0;min-width:56px;text-align:center;text-decoration:none;padding:17px 6px;color:#3cff00;font-weight:800;font-size:14px;border-right:1px solid #17324a}
.hls-wrap > .player_area .theatre_btn:last-child{border-right:0}
.hls-wrap > .player_area .theatre_btn.active{color:#fff;background:linear-gradient(180deg,#1a2c3c,#101c28)}
.hls-wrap > .player_area .player_container{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.hls-wrap > .player_area .player_container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hls-wrap > .player_area .mini_banner_area{display:flex;align-items:stretch;margin-top:12px;border:1px solid #1f6a99;background:linear-gradient(180deg,#0e2132,#07131e);min-height:56px}
.hls-wrap > .player_area .hd_image{display:flex;align-items:center;justify-content:center;width:54px;background:linear-gradient(180deg,#1f6a99,#12405c)}
.hls-wrap > .player_area .hd_image img{max-width:34px;height:auto}
.hls-wrap > .player_area .mini_banner{flex:1;display:flex;align-items:center;justify-content:center;padding:8px}
.hls-wrap > .player_area .minibanner_text{color:#3cff00;font-weight:800;font-size:14px;text-transform:uppercase;text-decoration:none;text-align:center}