/* Matches Pro - Single Match Page Styles */
.mp-container{display:flex;gap:20px;padding:30px;direction:rtl;font-family:Arial,Helvetica,sans-serif}
.mp-left{width:320px}
.mp-main{flex:1;max-width:840px;margin:0 auto}
.mp-card{background:#0f1920;padding:20px;border-radius:10px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.6)}
.mp-title{text-align:center;font-size:22px;margin-bottom:18px}
.mp-teams{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px}
.mp-team-block{text-align:center;width:30%}
.mp-team-logo{width:90px;height:90px;border-radius:8px;box-shadow:0 0 18px rgba(0,255,180,0.12);transition:transform .25s,filter .25s;filter:drop-shadow(0 0 12px rgba(0,255,180,0.12))}
.mp-team-logo:hover{transform:scale(1.06);filter:drop-shadow(0 0 22px rgba(0,255,180,0.25))}
.mp-team-name{margin-top:8px;font-weight:700;color:#fff}
.mp-center{width:20%;text-align:center}
.mp-play{font-size:36px;color:#00ffbb;text-shadow:0 0 12px #00ffbb;animation:pulse 1.6s infinite}
.mp-vs{margin-top:6px;color:#fff;font-weight:700;opacity:0.7}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}

.mp-player{margin-top:18px}
.mp-embed{background:#121212;border-radius:10px;overflow:hidden}
.mp-cover{height:350px;background-size:cover;background-position:center;border-radius:8px;position:relative}
.mp-cover-overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.mp-cover-text{color:#fff;font-size:20px;font-weight:700;}

.mp-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}
.mp-actions a{color:#fff;text-decoration:none;background:#172227;padding:6px 10px;border-radius:6px}

.mp-info-box{background:#0c1216;padding:12px;border-radius:8px;margin-top:12px;border:1px solid #172227}
.mp-info-box ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mp-info-box li{width:calc(50% - 10px);font-size:14px;color:#cfd8d8;padding:6px 0}

.mp-details{margin-top:14px;color:#ddd;line-height:1.6}

/* Sidebar list */
.mp-list{background:#0b1316;border-radius:8px;padding:10px}
.mp-list-row{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid rgba(255,255,255,0.03);color:#fff;text-decoration:none}
.mp-list-row img{width:28px;height:28px;border-radius:3px;box-shadow:0 0 8px rgba(0,255,180,0.08)}
.mp-list-row .mp-team{display:flex;align-items:center;gap:8px;color:#ddd}
.mp-list-row .mp-vs{color:#00ffbb;font-weight:700}

/* Responsive */
@media(max-width:900px){
  .mp-container{flex-direction:column;padding:15px}
  .mp-left{width:100%}
  .mp-main{max-width:100%}
  .mp-team-logo{width:70px;height:70px}
  .mp-center{width:30%}
}