/* Shared visual chrome with EGYSHOW: only the match-content area is styled here. */
.matches-native{min-height:72vh;padding:30px 16px 55px}
.matches-site-wrap{max-width:1170px;margin:0 auto;color:#f3f5f9}
.matches-site-wrap h1{font-size:clamp(25px,3vw,36px);font-weight:900;margin:8px 0}
.matches-site-wrap .sub,.matches-site-wrap .note{font-size:13px;line-height:1.85;color:#aeb9cd}
.matches-site-wrap .tabs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.matches-site-wrap .tab{border:1px solid #3a4659;background:#202838;color:#d8e0ee;border-radius:12px;padding:10px 18px;font:700 13px Cairo,Tahoma,sans-serif;cursor:pointer}
.matches-site-wrap .tab.active{color:#fff;border-color:#e50945;background:#cf153d}
.matches-site-wrap #matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.matches-site-wrap .game{min-height:200px;background:linear-gradient(135deg,#1a2230,#10151e);border:1px solid #344052;border-radius:16px;padding:17px;display:flex;flex-direction:column;transition:border-color .17s}
.matches-site-wrap .game:hover{border-color:#e50945}
.matches-site-wrap .teams{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:7px;flex:1}
.matches-site-wrap .team{min-width:0;text-align:center}
.matches-site-wrap .team img{width:47px;height:47px;object-fit:contain;margin:0 auto 9px;display:block}
.matches-site-wrap .team .name{font-size:13px;font-weight:750;overflow-wrap:anywhere}
.matches-site-wrap .vs{font-weight:900;text-align:center;font-size:17px}
.matches-site-wrap .time{font-size:12px;text-align:center;color:#aeb9cd;margin-top:5px}
.matches-site-wrap .status{border-top:1px solid #354053;margin-top:18px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.matches-site-wrap .status span{color:#b5c1d4}
.matches-site-wrap .watch{padding:8px 12px;border-radius:9px;background:#ba1741;color:white;font-size:12px;font-weight:700}
.matches-site-wrap .loading{grid-column:1/-1;text-align:center;color:#cbd1df;padding:40px;border:1px solid #354053;border-radius:13px}
.matches-site-wrap .foot{text-align:center;color:#9daabe;margin-top:26px;font-size:12px}
.matches-site-wrap .detail{background:linear-gradient(145deg,#1b2333,#101722);padding:20px;border-radius:15px;border:1px solid #313b4c;text-align:center}
.matches-site-wrap .detail h1{margin:6px 0 8px}
.matches-site-wrap .detail p{font-size:13px;color:#bac6d8}
.matches-site-wrap .player{width:100%;position:relative;aspect-ratio:16/9;min-height:220px;background:#05080e;border:1px solid #374456;border-radius:16px;overflow:hidden;margin:20px 0 12px}
.matches-site-wrap .player iframe,.matches-site-wrap .player video{position:absolute;inset:0;width:100%;height:100%;border:0}
.matches-site-wrap .player video{object-fit:contain}
.matches-site-wrap .placeholder{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(ellipse at center,#1e2a40,#060910 75%)}
.matches-site-wrap .placeholder .icon{font-size:40px;color:#e50945}
.matches-site-wrap .placeholder p{line-height:1.75;font-size:14px;color:#bec7d4}
.matches-server-selector{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.matches-server-selector button{border:1px solid #45536a;border-radius:10px;color:#dce4ed;background:#1b2738;padding:11px 17px;font:700 13px Cairo,Tahoma,sans-serif;cursor:pointer}
.matches-server-selector button.active{background:#cd1540;border-color:#cd1540;color:white}
.matches-site-wrap a{color:inherit}
.matches-site-wrap .watch{color:white}
.matches-site-wrap .note{margin-top:12px}
.matches-back{display:inline-flex;align-items:center;gap:8px;color:#aeb7c8;font-size:14px;text-decoration:none;margin-bottom:12px}
@media(max-width:980px){.matches-site-wrap #matches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.matches-site-wrap #matches{grid-template-columns:1fr}.matches-native{padding:18px 12px 35px}.matches-site-wrap .game{min-height:180px}.matches-site-wrap .player{min-height:200px}}

.matches-proxy-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.matches-proxy-options button{border:1px solid #40506a;background:#182435;color:#cbd8e9;border-radius:9px;padding:9px 15px;font:700 12px Cairo,Tahoma,Arial,sans-serif;cursor:pointer}
.matches-proxy-options button.active{background:#bc1945;border-color:#de3464;color:white}
.matches-proxy-options button:focus-visible{outline:2px solid #f7607d;outline-offset:2px}