:root{
    --bg:#071010;
    --panel:#0d0f10;
    --muted:#9aa0a0;
    --card:#0f1313;
    --accent:#00c27a; /* green accent */
    --glass: rgba(255,255,255,0.02);
    --shadow: 0 6px 18px rgba(0,0,0,0.6);
    --radius: 12px;
    --text:#e8efef;
  }

 
.player-report-cta a{
  
}
.player-report-cta {display:flex;margin-top:15px;gap:18px;justify-content:center;}
.player-report-cta a{width:100%;padding:12px 26px;border-radius:28px;border:1px solid rgba(255,255,255,1);background:rgba(255,255,255,0.03);min-width:190px;display:inline-flex;align-items:center;gap:10px;justify-content:center; font-size:1rem;  background:linear-gradient(90deg,#fff,#d7d7df);color:#111;border:none;box-shadow:0 8px 30px rgba(120,140,200,0.12)}
    

  /* Page container */
  .wrap{
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns: 360px 1fr;
    gap:32px;
    align-items:start;
    margin-top: 90px;
  }

  .logged-in .wrap{margin-top:  0px !important;
  }

  /* LEFT PROFILE CARD */
  .profile-card{
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
    border-radius:18px;
    padding:22px;
    box-shadow: var(--shadow);
    overflow:hidden;
  }

  .profile-image{
    width:100%;
    height:160px; 
    border-radius:14px;
    overflow:hidden;
    display:block;
    background:#0b0d0d center/cover no-repeat;
    margin-bottom:18px;
  }
  .profile-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .player-name{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:12px;
  }

  .player-meta{
    max-width:100%;
  }
  .player-meta h2{
    margin:0;
    font-family: "plusjakartasansextrabold", Inter, sans-serif;
    font-size:1.5rem;
    letter-spacing: -0.02em;
    color: #fff;
  }
  .player-meta p{margin:6px 0 0;color:var(--muted); font-size:13px}

  .rating{
    text-align:right;
    font-family: "plusjakartasansextrabold", Inter, sans-serif;
    font-size:40px;
    color:var(--accent);
    line-height:1;
  }
  .rating small{display:block;font-size:12px;color:var(--muted);font-weight:600;}

  .info-list{
    margin-top:18px;
    border-radius:10px;
    padding:10px 6px;
    color:var(--muted);
    font-size:13px;
    display:grid;
    gap:8px;
  }
  .info-row{display:flex;justify-content:space-between;align-items:center;}
  .info-row .label{opacity:0.75}
  .info-row .value{font-weight:700;color:#f5fafa;font-size:14px}

  /* RIGHT CONTENT */
  .content{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  /* Header row: badge + title + subtitle */
  .header-row{
    display:flex;
    align-items:flex-start;
    flex-direction: column;
    gap:20px;
    flex-wrap:wrap;
  }
  .badge{
    background: rgba(255, 255, 255,0.08); 
    border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
    padding:6px 12px;
    border-radius:8px;
    font-size:13px;
    height:34px;
    display:inline-flex;
    align-items:center;
  }

  .title-block{
    flex:1;
    margin-bottom: 15px;
    min-width:220px;
  }
  .title-block h1{
    margin:0;
    font-family: "plusjakartasansextrabold", Inter, sans-serif;
    font-size:2.3rem;
    letter-spacing:-0.02em;
    color:var(--text);
    text-shadow: 0 1px 0 rgba(0,0,0,0.6);
  }
  .subtitle{
    margin-top:8px;
    color:var(--muted);
    font-size:15px;
  }

  /* meta cards row */
  .meta-cards{
    display:flex;
    gap:14px;
    margin-top:8px;
    flex-wrap:wrap;
  }
  .meta-card{
    background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.015));
    padding:18px;
    border-radius:14px;
    min-width:150px;
    flex: 1 1 150px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.5);
    border:1px solid rgba(255,255,255,0.02);
  }
  .meta-card svg{
    color:var(--muted); 
  }
  .meta-card .small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
  .meta-card .big{ color:#fff; margin-top:8px;font-weight:800;font-family: "plusjakartasansextrabold", sans-serif;font-size:0.9rem}

  .meta-card.result{min-width:140px}
  .meta-card.result .big{color:var(--accent)}

  /* Match summary panel */
  .summary{
    margin-top:8px;
    background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.01));
    border-radius:16px;
    padding:22px;
    border:1px solid rgba(255,255,255,0.02);
    box-shadow: 0 8px 30px rgba(0,0,0,0.55);
  }

  .summary ul{
    padding:0px;
    margin:10px 0px;
    list-style:none;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
  }
  .summary ul li{
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    padding: 10px;
    border-radius: 10px;
    color: var(--muted);
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
    .summary ul li strong{
      color:#fff; 
      font-size: 0.9rem;
    }

  .summary .row{
    display:flex;
    gap:16px;
    align-items:flex-start;
  }
.summary iframe{
  border-radius: 20px;
  margin-top: 15px;
}
  .player-report-sec {
        max-width: 1120px;
    margin: 0 auto;
    padding: 30px 0px;
  }
  .player-report-sec>.row{
    display:flex;
    gap:16px;
    margin-bottom: 20px;
  }
  .search-icon{
    width:56px;height:56px;border-radius:10px;background:var(--glass);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.02)
  }

  .summary h3{margin:0;font-size:18px; color: #fff; font-family: "plusjakartasansextrabold", Inter, sans-serif;}
  .summary p{
    margin-top:12px;
    color:var(--muted);
   line-height: 1.4;
  font-size: 0.9rem;
  }
  .summary p strong{color:#ffffff}

  .d-flex{
    display: flex;
    gap: 1rem;
  }
.col-33{
  width: 33.33%;
}
.col-50{
  width: 50%;
}
.col-70{
  width: 70%;
}
.col-30{
  width: 30%;
}
.col-60{
  width: 60%;
}
.col-40{
  width: 40%;
}
.col-100{
  width: 100%;
}
.summary iframe{
  width: 100%;
}
  /* small-screen adjustments */
  @media (max-width:1000px){
    .wrap{grid-template-columns: 1fr; padding: 20px}
    .profile-image{height:320px}
    .title-block h1{font-size:36px}
    .rating{font-size:36px}
  }
  @media (max-width:520px){
    .d-flex{
    flex-direction: column;
  }
  .col-33,.col-50,.col-70,.col-30,.col-60,.col-40,.col-100{
  width: 100%;
}
   .player-report-sec .row{
 flex-direction: column;
   }
    body{padding:16px}
    .profile-image{height:260px}
    .header-row{align-items:flex-start}
    .title-block h1{font-size:28px}
    .meta-cards{flex-direction:column}
    .meta-card{min-width:100%; flex: auto;}
    .player-meta h2{font-size:18px}
    .wrap{
      margin-top: 40px;
    }
  }

  /* tiny touches to better match screenshot look */
  .muted{color:var(--muted)}
  .caps{ text-transform:uppercase;font-size:11px;color:var(--muted);letter-spacing:0.12em}