/* Handball Tracker v1.28 revision 13
   Review spacing, overlapping defensive-area tables, and goalkeeper detail maps. */

/* Keep the Game overview score clear of the sticky review tabs, especially on phone. */
#r3ReviewShell > #r3ReviewContent {
  padding-top:14px;
}
@media(max-width:700px){
  #r3ReviewShell > #r3ReviewContent {
    padding-top:24px;
  }
}

.r13-grouped-zone-table {
  border-color:#315d70!important;
  background:linear-gradient(145deg,#092033,#071725)!important;
}
.r13-grouped-zone-table .r6-table-help {
  color:#a9bdc9!important;
}

.r13-goalkeeper-analysis {
  display:grid;
  gap:10px;
}
.r13-gk-stack {
  display:grid;
  gap:12px;
}
.r13-gk-card {
  min-width:0;
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #2b5169;
  border-radius:12px;
  background:linear-gradient(145deg,#081d2e,#05131f);
}
.r13-gk-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.r13-gk-heading span {
  color:#67d879;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.r13-gk-heading h3 {
  margin:2px 0 0;
  font-size:18px;
}
.r13-gk-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(68px,1fr));
  gap:6px;
}
.r13-gk-summary b {
  min-height:56px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:7px;
  border:1px solid #2a4e65;
  border-radius:9px;
  background:#071827;
  color:#eef5f8;
  font-size:18px;
}
.r13-gk-summary small {
  margin-top:2px;
  color:#8fa6b8;
  font-size:7px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.r13-gk-visuals,
.r13-gk-tables {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:8px;
}
.r13-gk-visuals > div,
.r13-gk-tables > div {
  min-width:0;
}
.r13-gk-visuals h4,
.r13-gk-tables h4 {
  margin:0 0 6px;
  color:#dce8ee;
  font-size:11px;
}
.r13-gk-tables .r3-table-card {
  background:#061522;
}

@media(max-width:900px){
  .r13-gk-heading {
    display:grid;
  }
  .r13-gk-summary {
    width:100%;
  }
  .r13-gk-visuals,
  .r13-gk-tables {
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  #r3ReviewShell > #r3ReviewContent {
    padding-top:28px;
  }
  .r13-gk-card {
    padding:8px;
  }
  .r13-gk-summary {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .r13-gk-summary b {
    min-height:52px;
    font-size:17px;
  }
}