.staley-game-center{width:100%;box-sizing:border-box;background:#fff;border:1px solid #ddd}
.staley-game-center-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid #ddd}
.staley-game-center-meta{font-size:18px;color:#222}.staley-game-center-score{font-size:26px;font-weight:700;white-space:nowrap}
.staley-game-center-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"opponent button" "venue venue";align-items:center;gap:24px 20px;padding:18px 22px 20px;min-height:130px}
.staley-game-center-opponent{grid-area:opponent;display:flex;align-items:center;gap:14px;min-width:0}.staley-game-center-vsat{font-size:16px;font-weight:700;text-transform:uppercase}
.staley-game-center-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.staley-game-center-logo img{max-width:60px;max-height:60px;width:auto;height:auto;object-fit:contain}
.staley-game-center-name{font-size:28px;font-weight:800;text-transform:uppercase}
.staley-game-center-button{grid-area:button;display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:44px;padding:0 16px;background:#b7b7b7;color:#111;text-decoration:none;font-weight:700}
.staley-game-center-venue{grid-area:venue;justify-self:end;font-size:16px;color:#666}
.staley-game-center-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 14px;background:#fafafa;border-top:1px solid #eee}
.staley-game-center-actions{display:flex;gap:10px}.staley-game-center-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border:1px solid #ddd;background:#fff;color:#111;text-decoration:none;font-size:12px;font-weight:700}
.staley-game-center-presented{display:flex;align-items:center;gap:12px;min-height:42px}.staley-game-center-presented>span:first-child{font-size:14px;color:#555;white-space:nowrap}
.staley-game-center-sponsor{display:flex;align-items:center;justify-content:center;max-width:150px;max-height:50px}.staley-game-center-sponsor img{max-width:150px;max-height:46px;width:auto;height:auto;object-fit:contain}
.staley-game-center-empty{padding:20px;border:1px solid #ddd;background:#fff}
@media(max-width:700px){.staley-game-center-top{padding:12px 14px}.staley-game-center-meta{font-size:14px}.staley-game-center-score{font-size:20px}.staley-game-center-main{grid-template-columns:1fr;grid-template-areas:"opponent" "venue" "button";gap:12px;padding:16px 14px}.staley-game-center-opponent{gap:10px}.staley-game-center-logo{width:52px;height:52px}.staley-game-center-logo img{max-width:48px;max-height:48px}.staley-game-center-name{font-size:20px}.staley-game-center-button{justify-self:start;min-height:40px}.staley-game-center-venue{justify-self:start;font-size:14px}.staley-game-center-bottom{align-items:flex-start;flex-direction:column}.staley-game-center-presented{width:100%;justify-content:flex-end}}
.staley-game-center-theme{
  grid-column:1 / -1;
  justify-self:end;
  margin-top:-14px;
  font-size:13px;
  font-weight:700;
  color:var(--staley-primary,#00853f);
  text-transform:uppercase;
}
@media(max-width:700px){
  .staley-game-center-theme{
    justify-self:start;
    margin-top:0;
  }
}


.staley-game-center-list{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
}

.staley-game-center-list .staley-game-center{
  margin:0;
}

.staley-game-center-list-card .staley-game-center-main{
  min-height:118px;
}

@media(max-width:700px){
  .staley-game-center-list{
    gap:14px;
  }
}


.staley-game-center-primary-actions{
  grid-area:button;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.staley-game-center-primary-actions .staley-game-center-button{
  grid-area:auto;
}

.staley-game-center-ticket-button{
  background:#9f9f9f;
}

.staley-game-center-ticket-button:hover,
.staley-game-center-ticket-button:focus{
  background:#909090;
}

@media(max-width:700px){
  .staley-game-center-primary-actions{
    justify-self:start;
    justify-content:flex-start;
  }
}

.staley-game-center-actions:empty{display:none}
.staley-game-center-score{min-width:110px;text-align:right}


/* 1.9.8 - reliable Presented By rendering */
.staley-game-center-presented{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end;
  gap:12px;
  min-width:220px;
  min-height:56px;
  overflow:visible !important;
}

.staley-game-center-presented-label{
  display:inline-block;
  font-size:14px;
  color:#555;
  white-space:nowrap;
}

.staley-game-center-sponsor{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:150px;
  height:52px;
  min-width:150px;
  min-height:52px;
  overflow:visible !important;
}

.staley-game-center-sponsor img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:150px !important;
  max-height:48px !important;
  object-fit:contain !important;
  visibility:visible !important;
  opacity:1 !important;
}

.staley-game-center-actions:empty{
  display:none !important;
}

.staley-game-center-bottom{
  min-height:58px;
}

@media(max-width:700px){
  .staley-game-center-presented{
    width:100%;
    min-width:0;
    justify-content:flex-start;
  }

  .staley-game-center-sponsor{
    width:130px;
    min-width:130px;
  }

  .staley-game-center-sponsor img{
    max-width:130px !important;
  }
}


/* 1.9.9 - compact Varsity Game Center layout */
.staley-game-center-top{
  padding:10px 18px;
}

.staley-game-center-meta{
  font-size:18px;
}

.staley-game-center-score{
  font-size:24px;
}

.staley-game-center-main{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "opponent button"
    "opponent venue"
    "theme theme";
  align-items:center;
  row-gap:8px;
  column-gap:18px;
  min-height:auto;
  padding:14px 18px 12px;
}

.staley-game-center-opponent{
  align-self:center;
  gap:12px;
}

.staley-game-center-logo{
  width:58px;
  height:58px;
}

.staley-game-center-logo img{
  max-width:54px;
  max-height:54px;
}

.staley-game-center-name{
  font-size:26px;
}

.staley-game-center-primary-actions{
  align-self:center;
}

.staley-game-center-button{
  min-width:122px;
  min-height:40px;
  padding:0 14px;
}

.staley-game-center-venue{
  align-self:start;
  justify-self:end;
  font-size:14px;
  line-height:1.2;
}

.staley-game-center-theme{
  grid-area:theme;
  justify-self:start;
  margin-top:0;
  font-size:12px;
}

.staley-game-center-bottom{
  min-height:50px;
  padding:7px 18px;
  justify-content:flex-end;
}

.staley-game-center-presented{
  min-width:0;
  min-height:44px;
  justify-content:flex-end;
}

.staley-game-center-presented-label{
  font-size:13px;
}

.staley-game-center-sponsor{
  width:125px;
  height:42px;
  min-width:125px;
  min-height:42px;
}

.staley-game-center-sponsor img{
  max-width:125px !important;
  max-height:38px !important;
}

/* Keep cards compact when stacked */
.staley-game-center-list{
  gap:14px;
}

@media(max-width:700px){
  .staley-game-center-top{
    padding:9px 12px;
  }

  .staley-game-center-meta{
    font-size:14px;
  }

  .staley-game-center-score{
    font-size:19px;
  }

  .staley-game-center-main{
    grid-template-columns:1fr;
    grid-template-areas:
      "opponent"
      "venue"
      "theme"
      "button";
    gap:8px;
    padding:12px;
  }

  .staley-game-center-logo{
    width:48px;
    height:48px;
  }

  .staley-game-center-logo img{
    max-width:44px;
    max-height:44px;
  }

  .staley-game-center-name{
    font-size:19px;
  }

  .staley-game-center-bottom{
    padding:7px 12px;
  }

  .staley-game-center-presented{
    justify-content:flex-start;
  }
}


/* 1.9.10 - tighter card + larger sponsor presentation */
.staley-game-center-top{
  padding-top:7px !important;
  padding-bottom:7px !important;
}

.staley-game-center-main{
  padding-top:10px !important;
  padding-bottom:9px !important;
  min-height:auto !important;
}

.staley-game-center-bottom{
  padding-top:4px !important;
  padding-bottom:4px !important;
  min-height:46px !important;
}

.staley-game-center-presented{
  gap:10px !important;
  min-height:42px !important;
}

.staley-game-center-sponsor{
  width:190px !important;
  min-width:190px !important;
  height:54px !important;
  min-height:54px !important;
}

.staley-game-center-sponsor img{
  width:auto !important;
  height:auto !important;
  max-width:190px !important;
  max-height:52px !important;
  object-fit:contain !important;
}

@media(max-width:900px){
  .staley-game-center-sponsor{
    width:165px !important;
    min-width:165px !important;
  }

  .staley-game-center-sponsor img{
    max-width:165px !important;
    max-height:48px !important;
  }
}

@media(max-width:700px){
  .staley-game-center-top{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .staley-game-center-main{
    padding-top:9px !important;
    padding-bottom:8px !important;
  }

  .staley-game-center-bottom{
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  .staley-game-center-sponsor{
    width:145px !important;
    min-width:145px !important;
    height:46px !important;
    min-height:46px !important;
  }

  .staley-game-center-sponsor img{
    max-width:145px !important;
    max-height:44px !important;
  }
}


/* 1.9.11 - approved Varsity card styling */
.staley-game-center-card,
.staley-game-center-card *{
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
}

.staley-game-center-top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 22px !important;
  min-height:52px;
}

.staley-game-center-meta{
  font-size:20px !important;
  font-weight:400;
  color:#111;
  text-transform:none;
}

.staley-game-center-meta strong,
.staley-game-center-meta b{
  font-weight:700;
}

.staley-game-center-main{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "opponent button"
    "opponent venue" !important;
  padding:18px 22px !important;
  min-height:128px !important;
  row-gap:10px !important;
}

.staley-game-center-opponent{
  grid-area:opponent;
  align-self:center;
  gap:14px !important;
}

.staley-game-center-vs{
  font-size:14px !important;
  color:#757575 !important;
  font-weight:600;
  text-transform:uppercase;
}

.staley-game-center-name{
  font-size:27px !important;
  font-weight:700;
  color:#111;
}

.staley-game-center-logo{
  width:68px !important;
  height:68px !important;
}

.staley-game-center-logo img{
  max-width:64px !important;
  max-height:64px !important;
}

.staley-game-center-primary-actions{
  grid-area:button;
  display:flex;
  gap:12px !important;
  justify-content:flex-end;
  align-items:center;
}

.staley-game-center-button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:138px !important;
  min-height:44px !important;
  padding:0 18px !important;
  border:1px solid #cfcfcf !important;
  background:#fff !important;
  color:#111 !important;
  font-size:16px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  border-radius:0 !important;
}

.staley-game-center-ticket-button{
  background:#b7b7b7 !important;
  border-color:#b7b7b7 !important;
  color:#111 !important;
}

.staley-game-center-ticket-button::before{
  content:"🎟";
  margin-right:9px;
  font-size:15px;
  filter:grayscale(1) brightness(0);
}

.staley-game-center-button:hover,
.staley-game-center-button:focus{
  background:#f5f5f5 !important;
  color:#111 !important;
}

.staley-game-center-ticket-button:hover,
.staley-game-center-ticket-button:focus{
  background:#aaa !important;
}

.staley-game-center-venue{
  grid-area:venue;
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  justify-self:end;
  color:#757575 !important;
  font-size:16px !important;
  font-weight:500;
  text-transform:uppercase;
}

.staley-venue-pin{
  position:relative;
  width:12px;
  height:16px;
  display:inline-block;
  font-size:0;
  flex:0 0 12px;
}
.staley-venue-pin::before{
  content:"";
  position:absolute;
  left:1px;
  top:0;
  width:10px;
  height:10px;
  background:#000;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
}
.staley-venue-pin::after{
  content:"";
  position:absolute;
  left:4px;
  top:3px;
  width:4px;
  height:4px;
  background:#fff;
  border-radius:50%;
}

.staley-game-center-theme{
  position:absolute !important;
  top:14px;
  right:22px;
  z-index:2;
  display:flex !important;
  align-items:center;
  gap:8px;
  margin:0 !important;
  color:#555 !important;
  font-size:16px !important;
  font-weight:600;
  text-transform:uppercase;
}

.staley-theme-icon{
  display:inline-flex;
  width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  color:#111;
  font-size:0;
}
.staley-theme-icon::before{
  content:"";
  width:16px;
  height:16px;
  display:block;
  border:2px solid #111;
  border-top-width:3px;
  box-sizing:border-box;
}

.staley-game-center-bottom{
  padding:6px 22px !important;
  min-height:58px !important;
  display:flex;
  align-items:center;
  justify-content:flex-end !important;
}

.staley-game-center-presented{
  gap:12px !important;
  justify-content:flex-end !important;
}

.staley-game-center-presented-label{
  color:#757575 !important;
  font-size:14px !important;
  font-weight:600;
  text-transform:uppercase;
}

.staley-game-center-sponsor{
  width:190px !important;
  min-width:190px !important;
  height:48px !important;
  min-height:48px !important;
}

.staley-game-center-sponsor img{
  max-width:190px !important;
  max-height:46px !important;
}

@media(max-width:700px){
  .staley-game-center-top{
    padding:9px 12px !important;
    padding-right:12px !important;
    min-height:48px;
  }

  .staley-game-center-meta{
    font-size:15px !important;
  }

  .staley-game-center-theme{
    position:static !important;
    margin-left:auto !important;
    font-size:12px !important;
  }

  .staley-game-center-main{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "opponent"
      "button"
      "venue" !important;
    padding:12px !important;
    min-height:0 !important;
  }

  .staley-game-center-primary-actions{
    justify-content:flex-start;
  }

  .staley-game-center-button{
    min-width:120px !important;
    min-height:40px !important;
    font-size:14px !important;
  }

  .staley-game-center-venue{
    justify-self:start;
    justify-content:flex-start;
    font-size:13px !important;
  }

  .staley-game-center-bottom{
    padding:6px 12px !important;
  }

  .staley-game-center-presented{
    justify-content:flex-start !important;
  }
}


/* =========================================================
   1.9.12 - Game Center structure fix
   ========================================================= */

.staley-game-center,
.staley-game-center *{
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
  box-sizing:border-box;
}

.staley-game-center-top{
  position:relative;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px;
  min-height:54px !important;
  padding:10px 22px !important;
}

.staley-game-center-meta{
  flex:1 1 auto;
  font-size:20px !important;
  line-height:1.25;
  font-weight:400 !important;
  color:#111 !important;
  text-transform:none !important;
}

.staley-game-center-meta > strong{
  font-weight:800 !important;
  color:#111 !important;
}

.staley-game-center-meta-rest{
  font-weight:400 !important;
}

.staley-game-center-top-right{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:28px;
  min-height:30px;
}

.staley-game-center-score{
  min-width:0 !important;
  font-size:25px !important;
  line-height:1;
  font-weight:600 !important;
  color:#111 !important;
  text-align:right;
  white-space:nowrap;
}

.staley-game-center-theme{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  gap:8px;
  margin:0 !important;
  color:#555 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  white-space:nowrap;
}

.staley-theme-icon{
  position:relative;
  display:block !important;
  width:19px !important;
  height:18px !important;
  flex:0 0 19px;
  font-size:0 !important;
}

/* Simple jersey/shirt icon */
.staley-theme-icon::before{
  content:"";
  position:absolute;
  left:4px;
  top:2px;
  width:11px;
  height:14px;
  border:2px solid #111;
  border-top:0;
  background:transparent;
}
.staley-theme-icon::after{
  content:"";
  position:absolute;
  left:1px;
  top:0;
  width:17px;
  height:8px;
  border-top:2px solid #111;
  border-left:2px solid #111;
  border-right:2px solid #111;
  transform:skewY(-22deg);
}

.staley-game-center-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "opponent button"
    "opponent venue" !important;
  align-items:center !important;
  column-gap:28px !important;
  row-gap:10px !important;
  min-height:132px !important;
  padding:18px 22px !important;
}

.staley-game-center-opponent{
  grid-area:opponent !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0;
}

.staley-game-center-vsat{
  font-size:14px !important;
  line-height:1 !important;
  font-weight:600 !important;
  color:#757575 !important;
  text-transform:uppercase !important;
}

.staley-game-center-logo{
  width:70px !important;
  height:70px !important;
  flex:0 0 70px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.staley-game-center-logo img{
  width:64px !important;
  height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
  object-fit:contain !important;
}

.staley-game-center-name{
  font-size:27px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  color:#111 !important;
  text-transform:uppercase !important;
}

.staley-game-center-primary-actions{
  grid-area:button !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:12px !important;
  align-self:end !important;
}

.staley-game-center-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:142px !important;
  min-height:44px !important;
  padding:0 18px !important;
  margin:0 !important;
  border:1px solid #cfcfcf !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111 !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:600 !important;
  text-decoration:none !important;
}

.staley-game-center-ticket-button{
  background:#b5b5b5 !important;
  border-color:#b5b5b5 !important;
  color:#111 !important;
}

.staley-game-center-ticket-button::before{
  content:"";
  display:inline-block;
  width:14px;
  height:18px;
  margin-right:9px;
  background:
    radial-gradient(circle at 0 50%, transparent 3px, #111 3.5px) left center/7px 100% no-repeat,
    radial-gradient(circle at 100% 50%, transparent 3px, #111 3.5px) right center/7px 100% no-repeat,
    linear-gradient(#111,#111) center/8px 100% no-repeat;
}

.staley-game-center-venue{
  grid-area:venue !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  justify-self:end !important;
  gap:9px !important;
  color:#757575 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  white-space:nowrap;
}

.staley-venue-pin{
  position:relative;
  display:inline-block !important;
  width:14px !important;
  height:18px !important;
  flex:0 0 14px;
}

.staley-venue-pin::before{
  content:"";
  position:absolute;
  left:2px;
  top:1px;
  width:10px;
  height:10px;
  background:#000;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
}

.staley-venue-pin::after{
  content:"";
  position:absolute;
  left:5px;
  top:4px;
  width:4px;
  height:4px;
  background:#fff;
  border-radius:50%;
}

.staley-game-center-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-height:60px !important;
  padding:6px 22px !important;
}

.staley-game-center-presented{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  min-width:0 !important;
  min-height:48px !important;
}

.staley-game-center-presented-label{
  color:#757575 !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  white-space:nowrap;
}

.staley-game-center-sponsor{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:190px !important;
  min-width:190px !important;
  height:48px !important;
  min-height:48px !important;
  overflow:visible !important;
}

/* Fill the full sponsor box so tiny source dimensions do not keep logos tiny */
.staley-game-center-sponsor img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:190px !important;
  max-height:48px !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
}

@media(max-width:700px){
  .staley-game-center-top{
    flex-wrap:wrap;
    min-height:0 !important;
    padding:9px 12px !important;
  }

  .staley-game-center-meta{
    font-size:15px !important;
  }

  .staley-game-center-top-right{
    gap:12px;
  }

  .staley-game-center-theme{
    font-size:12px !important;
  }

  .staley-game-center-main{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "opponent"
      "button"
      "venue" !important;
    gap:10px !important;
    min-height:0 !important;
    padding:12px !important;
  }

  .staley-game-center-primary-actions{
    justify-content:flex-start !important;
    align-self:auto !important;
    flex-wrap:wrap;
  }

  .staley-game-center-venue{
    justify-self:start !important;
    justify-content:flex-start !important;
    font-size:13px !important;
  }

  .staley-game-center-bottom{
    min-height:52px !important;
    padding:6px 12px !important;
  }

  .staley-game-center-presented{
    width:100% !important;
    justify-content:flex-start !important;
  }

  .staley-game-center-sponsor{
    width:145px !important;
    min-width:145px !important;
    height:42px !important;
    min-height:42px !important;
  }

  .staley-game-center-sponsor img{
    max-width:145px !important;
    max-height:42px !important;
  }
}


/* 1.9.13 - cleaner ticket icon */
.staley-game-center-ticket-button::before{
  content:"" !important;
  position:relative;
  display:inline-block !important;
  width:15px !important;
  height:18px !important;
  margin-right:7px !important;
  background:transparent !important;
  border:2px solid #111 !important;
  border-radius:1px !important;
  box-sizing:border-box !important;
}

.staley-game-center-ticket-button::after{
  content:"" !important;
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b5b5b5;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}


/* =========================================================
   1.9.13 - Game Center detail / final score view
   ========================================================= */

.staley-detail-wrap{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
}

.staley-detail-scoreboard{
  border:1px solid #ddd;
  background:#fff;
}

.staley-detail-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px 22px;
  border-bottom:1px solid #ddd;
}

.staley-detail-meta{
  font-size:18px;
  color:#111;
}

.staley-detail-meta strong{
  font-weight:800;
}

.staley-detail-theme{
  font-size:14px;
  font-weight:600;
  color:#555;
  text-transform:uppercase;
}

.staley-detail-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding:28px 26px 20px;
}

.staley-detail-team{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}

.staley-detail-team-left{
  justify-content:flex-end;
  text-align:right;
}

.staley-detail-team-right{
  justify-content:flex-start;
  text-align:left;
}

.staley-detail-team-name{
  max-width:260px;
  font-size:28px;
  line-height:1.05;
  font-weight:800;
  text-transform:uppercase;
  color:#111;
}

.staley-detail-logo{
  width:86px;
  height:86px;
  flex:0 0 86px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.staley-detail-logo img{
  width:80px;
  height:80px;
  object-fit:contain;
}

.staley-detail-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.staley-detail-scoreline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.staley-detail-score{
  font-size:52px;
  line-height:1;
  font-weight:500;
  color:#111;
}

.staley-detail-dash{
  font-size:30px;
  color:#aaa;
}

.staley-detail-result{
  margin-top:8px;
  font-size:14px;
  font-weight:800;
  color:var(--staley-primary,#00853f);
}

.staley-detail-kickoff{
  font-size:36px;
  font-weight:600;
}

.staley-detail-venue{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  padding:0 26px 18px;
  color:#757575;
  font-size:15px;
  text-transform:uppercase;
}

.staley-detail-content{
  margin-top:24px;
}

.staley-detail-content h3{
  margin:0 0 12px;
  font-size:22px;
  font-weight:800;
  text-transform:uppercase;
}

.staley-detail-boxscore-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 80px;
  border:1px solid #ddd;
  background:#fff;
}

.staley-detail-boxscore-summary span,
.staley-detail-boxscore-summary strong{
  padding:12px 14px;
  border-bottom:1px solid #eee;
}

.staley-detail-boxscore-summary strong{
  text-align:right;
}

.staley-detail-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.staley-detail-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border:1px solid #ccc;
  background:#fff;
  color:#111;
  text-decoration:none;
  font-weight:600;
}

@media(max-width:760px){
  .staley-detail-main{
    grid-template-columns:1fr;
    gap:16px;
    padding:20px 14px;
  }

  .staley-detail-team,
  .staley-detail-team-left,
  .staley-detail-team-right{
    justify-content:center;
    text-align:center;
  }

  .staley-detail-team-left{
    flex-direction:row;
  }

  .staley-detail-team-right{
    flex-direction:row-reverse;
  }

  .staley-detail-team-name{
    font-size:22px;
  }

  .staley-detail-logo{
    width:66px;
    height:66px;
    flex-basis:66px;
  }

  .staley-detail-logo img{
    width:62px;
    height:62px;
  }

  .staley-detail-score{
    font-size:42px;
  }

  .staley-detail-venue{
    justify-content:center;
    padding:0 14px 16px;
  }
}


/* =========================================================
   1.9.14 - Font Awesome icons + stronger Final Game Center
   ========================================================= */

.staley-game-center-ticket-button::before,
.staley-game-center-ticket-button::after{
  content:none !important;
  display:none !important;
}

.staley-game-center-ticket-button{
  position:relative;
  gap:8px !important;
}

.staley-game-center-ticket-button i{
  color:#111 !important;
  font-size:15px !important;
  line-height:1 !important;
}

.staley-game-center-venue i,
.staley-detail-venue i{
  color:#000 !important;
  font-size:14px !important;
  line-height:1 !important;
  width:auto !important;
  height:auto !important;
}

.staley-venue-pin{
  display:none !important;
}

.staley-detail-top{
  min-height:54px;
}

.staley-detail-meta{
  font-size:19px !important;
}

.staley-detail-main{
  grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr) !important;
  min-height:190px;
  padding-top:30px !important;
  padding-bottom:24px !important;
}

.staley-detail-team-name{
  font-size:30px !important;
  line-height:1.02 !important;
}

.staley-detail-logo{
  width:92px !important;
  height:92px !important;
  flex-basis:92px !important;
}

.staley-detail-logo img{
  width:86px !important;
  height:86px !important;
}

.staley-detail-final-label{
  margin-bottom:8px;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  color:#666;
  text-transform:uppercase;
}

.staley-detail-scoreline{
  gap:16px !important;
}

.staley-detail-score{
  font-size:58px !important;
  line-height:.95 !important;
  font-weight:500 !important;
}

.staley-detail-dash{
  font-size:32px !important;
  color:#bdbdbd !important;
}

.staley-detail-result{
  margin-top:10px !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#00853f !important;
}

.staley-detail-venue{
  padding-top:2px !important;
  padding-bottom:18px !important;
  font-size:15px !important;
}

@media(max-width:760px){
  .staley-detail-main{
    grid-template-columns:1fr !important;
    min-height:0;
    padding-top:20px !important;
    padding-bottom:18px !important;
  }

  .staley-detail-score{
    font-size:46px !important;
  }

  .staley-detail-team-name{
    font-size:23px !important;
  }

  .staley-detail-logo{
    width:70px !important;
    height:70px !important;
    flex-basis:70px !important;
  }

  .staley-detail-logo img{
    width:66px !important;
    height:66px !important;
  }
}


/* =========================================================
   1.9.15 - reliable inline SVG icons
   ========================================================= */

/* Disable all legacy pseudo / Font Awesome icon treatments */
.staley-game-center-ticket-button::before,
.staley-game-center-ticket-button::after,
.staley-theme-icon,
.staley-theme-icon::before,
.staley-theme-icon::after,
.staley-venue-pin,
.staley-venue-pin::before,
.staley-venue-pin::after{
  content:none !important;
  display:none !important;
}

.staley-icon{
  display:inline-block !important;
  width:1em !important;
  height:1em !important;
  flex:0 0 auto !important;
  overflow:visible !important;
  vertical-align:-0.125em;
  color:#111;
  fill:currentColor;
}

.staley-icon-ticket{
  width:16px !important;
  height:16px !important;
  color:#111 !important;
}

.staley-icon-pin{
  width:14px !important;
  height:16px !important;
  color:#000 !important;
}

.staley-icon-shirt{
  width:20px !important;
  height:20px !important;
  color:#111 !important;
  fill:none !important;
}

.staley-game-center-ticket-button{
  gap:8px !important;
}

.staley-game-center-venue,
.staley-detail-venue{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

.staley-game-center-theme,
.staley-detail-theme{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.staley-detail-theme{
  color:#555 !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
}


/* =========================================================
   1.9.16 - embedded custom SVG icon set
   ========================================================= */

.staley-icon,
.staley-theme-icon,
.staley-venue-pin{
  display:none !important;
}

.staley-ui-icon{
  display:block !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
}

.staley-ticket-image{
  width:15px !important;
  height:18px !important;
}

.staley-location-image{
  width:13px !important;
  height:18px !important;
}

.staley-theme-image{
  width:22px !important;
  height:22px !important;
}

.staley-game-center-ticket-button{
  gap:8px !important;
}

.staley-game-center-venue,
.staley-detail-venue{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

.staley-game-center-theme,
.staley-detail-theme{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

@media(max-width:700px){
  .staley-ticket-image{
    width:14px !important;
    height:17px !important;
  }

  .staley-location-image{
    width:12px !important;
    height:16px !important;
  }

  .staley-theme-image{
    width:19px !important;
    height:19px !important;
  }
}


/* 1.9.18 - reusable Matchup / Game Center View */
.staley-matchup-view{
  width:100%;
  border:1px solid #ddd;
  background:#fff;
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
}

.staley-matchup-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 20px;
  border-bottom:1px solid #ddd;
}

.staley-matchup-meta{font-size:18px;color:#111}
.staley-matchup-meta strong{font-weight:800}

.staley-matchup-theme{
  display:flex;
  align-items:center;
  gap:8px;
  color:#555;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
}

.staley-matchup-theme img{width:21px;height:21px;object-fit:contain}

.staley-matchup-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);
  align-items:center;
  gap:22px;
  padding:26px 24px 18px;
}

.staley-matchup-team{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.staley-matchup-team-left{justify-content:flex-end;text-align:right}
.staley-matchup-team-right{justify-content:flex-start;text-align:left}

.staley-matchup-team-name{
  max-width:260px;
  font-size:27px;
  line-height:1.05;
  font-weight:800;
  text-transform:uppercase;
  color:#111;
}

.staley-matchup-logo{
  width:82px;
  height:82px;
  flex:0 0 82px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.staley-matchup-logo img{
  width:76px;
  height:76px;
  object-fit:contain;
}

.staley-matchup-center{text-align:center}
.staley-matchup-kickoff{font-size:34px;font-weight:700;color:#111}

.staley-matchup-scoreline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.staley-matchup-scoreline span{
  font-size:54px;
  line-height:1;
  font-weight:500;
  color:#111;
}

.staley-matchup-scoreline em{
  font-style:normal;
  font-size:28px;
  color:#aaa;
}

.staley-matchup-result{
  margin-top:8px;
  font-size:14px;
  font-weight:800;
  color:var(--staley-primary,#00853f);
}

.staley-matchup-lower{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 24px 18px;
}

.staley-matchup-venue{
  display:flex;
  align-items:center;
  gap:9px;
  color:#757575;
  font-size:15px;
  text-transform:uppercase;
}

.staley-matchup-venue img{width:13px;height:18px;object-fit:contain}

.staley-matchup-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.staley-matchup-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  min-width:132px;
  padding:0 16px;
  border:1px solid #cfcfcf;
  background:#fff;
  color:#111;
  text-decoration:none;
  font-size:15px;
  font-weight:600;
}

.staley-matchup-ticket{background:#b5b5b5;border-color:#b5b5b5}
.staley-matchup-ticket img{width:15px;height:18px;object-fit:contain}

.staley-matchup-presented{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-height:56px;
  padding:6px 20px;
  border-top:1px solid #eee;
  background:#fafafa;
}

.staley-matchup-presented span{
  color:#757575;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
}

.staley-matchup-presented img{
  width:165px;
  height:44px;
  object-fit:contain;
}

@media(max-width:760px){
  .staley-matchup-top{flex-wrap:wrap;padding:10px 12px}
  .staley-matchup-meta{font-size:15px}

  .staley-matchup-main{
    grid-template-columns:1fr;
    gap:14px;
    padding:18px 12px;
  }

  .staley-matchup-team,
  .staley-matchup-team-left,
  .staley-matchup-team-right{
    justify-content:center;
    text-align:center;
  }

  .staley-matchup-team-right{flex-direction:row-reverse}
  .staley-matchup-team-name{font-size:21px}

  .staley-matchup-logo{
    width:64px;
    height:64px;
    flex-basis:64px;
  }

  .staley-matchup-logo img{
    width:60px;
    height:60px;
  }

  .staley-matchup-kickoff{font-size:28px}
  .staley-matchup-scoreline span{font-size:44px}

  .staley-matchup-lower{
    align-items:flex-start;
    flex-direction:column;
    padding:0 12px 14px;
  }

  .staley-matchup-actions{flex-wrap:wrap}

  .staley-matchup-presented{
    justify-content:flex-start;
    padding:6px 12px;
  }

  .staley-matchup-presented img{
    width:135px;
    height:40px;
  }
}

/* 1.9.19 quarter scoring */
.staley-quarter-table{width:100%;max-width:390px;margin:14px auto 0;border-top:1px solid #e4e4e4;padding-top:10px;font-family:"Pro Sans","Arial","Helvetica",sans-serif}
.staley-quarter-head,.staley-quarter-row{display:grid;grid-template-columns:minmax(92px,1.5fr) repeat(5,minmax(28px,.55fr)) minmax(34px,.65fr);align-items:center;column-gap:2px}
.staley-quarter-head{color:#8b8b8b;font-size:10px;line-height:1;font-weight:700;text-transform:uppercase;padding-bottom:6px}
.staley-quarter-head span:not(:first-child),.staley-quarter-row span,.staley-quarter-row strong:last-child{text-align:center}
.staley-quarter-row{min-height:28px;color:#555;font-size:12px;line-height:1.1}
.staley-quarter-row strong:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:10px;color:#666}
.staley-quarter-row strong:last-child{color:#111;font-size:13px}
@media(max-width:760px){.staley-quarter-table{max-width:340px;margin-top:12px}.staley-quarter-head,.staley-quarter-row{grid-template-columns:minmax(76px,1.4fr) repeat(5,minmax(24px,.5fr)) minmax(30px,.6fr)}}

/* 1.9.20 integrated final scoreboard */
.staley-final-integrated{display:flex;align-items:center;justify-content:center;gap:20px;margin:4px auto 0;white-space:nowrap}
.staley-final-score{font-size:56px;line-height:1;font-weight:400;color:#111;min-width:58px;text-align:center}
.staley-quarter-compact{min-width:180px;border:0;padding:0;margin:0;font-family:"Pro Sans","Arial","Helvetica",sans-serif}
.staley-quarter-compact-head,.staley-quarter-compact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:center;text-align:center}
.staley-quarter-compact.has-ot .staley-quarter-compact-head,.staley-quarter-compact.has-ot .staley-quarter-compact-row{grid-template-columns:repeat(5,1fr)}
.staley-quarter-compact-head{font-size:11px;font-weight:700;color:#111;margin-bottom:8px}
.staley-quarter-compact-row{font-size:13px;line-height:1.25;color:#222;margin:5px 0}
.staley-detail-integrated{margin-top:6px}
@media(max-width:760px){.staley-final-integrated{gap:10px}.staley-final-score{font-size:40px;min-width:42px}.staley-quarter-compact{min-width:140px}.staley-quarter-compact-head,.staley-quarter-compact-row{gap:6px}.staley-quarter-compact-head{font-size:9px}.staley-quarter-compact-row{font-size:11px}}


/* =========================================================
   1.9.21 - Dedicated Game Center page + final scoreboard
   ========================================================= */

.staley-game-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
}

.staley-game-hero{
  position:relative;
  width:100%;
  min-height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    linear-gradient(rgba(4,13,8,.84),rgba(4,13,8,.84)),
    radial-gradient(circle at 50% 120%,#1d5134 0,#10271c 38%,#07100b 72%);
  border-bottom:3px solid var(--staley-primary,#00853f);
}

.staley-game-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:
    linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.18) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.08) 50%,transparent 50.3%);
  background-size:100% 100%,100% 100%;
  pointer-events:none;
}

.staley-game-hero-inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1280px;
  padding:34px 28px;
  text-align:center;
  box-sizing:border-box;
}

.staley-game-hero-level{
  margin-bottom:4px;
  color:var(--staley-primary,#00853f);
  font-size:16px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}

.staley-game-hero-title{
  color:#fff;
  font-size:clamp(42px,5vw,68px);
  line-height:.95;
  font-weight:900;
  letter-spacing:.01em;
}

.staley-game-page-main{
  width:min(1280px,calc(100% - 40px));
  margin:28px auto 30px;
  padding:0;
  box-sizing:border-box;
}

.staley-game-page .staley-detail-wrap{
  max-width:none !important;
  margin:0 !important;
}

/* Seven-part final scoreboard:
   name | logo | score | quarters | score | logo | name */
.staley-detail-final-grid{
  display:grid;
  grid-template-columns:
    minmax(150px,1fr)
    86px
    82px
    minmax(190px,230px)
    82px
    86px
    minmax(150px,1fr);
  align-items:center;
  justify-items:center;
  column-gap:clamp(8px,1.25vw,20px);
  min-height:215px;
  padding:34px 28px 20px;
  box-sizing:border-box;
}

.staley-detail-final-name{
  width:100%;
  min-width:0;
  color:#111;
  font-size:clamp(22px,2.1vw,32px);
  line-height:1.02;
  font-weight:800;
  text-transform:uppercase;
}

.staley-detail-final-left-name{
  text-align:right;
}

.staley-detail-final-right-name{
  text-align:left;
}

.staley-detail-final-logo{
  width:86px;
  height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.staley-detail-final-logo img{
  width:82px !important;
  height:82px !important;
  max-width:82px !important;
  max-height:82px !important;
  object-fit:contain;
}

.staley-detail-final-score{
  width:100%;
  color:#111;
  font-size:clamp(48px,4.4vw,66px);
  line-height:1;
  font-weight:400;
  text-align:center;
}

.staley-detail-final-score.is-winner{
  color:#111 !important;
}

.staley-detail-final-score.is-loser{
  color:#cccccc !important;
}

.staley-detail-final-quarters{
  width:100%;
  min-width:0;
}

.staley-detail-final-quarters .staley-quarter-compact{
  width:100%;
  min-width:0 !important;
  margin:0 !important;
  padding:0 12px !important;
  border-left:1px solid #e0e0e0;
  border-right:1px solid #e0e0e0;
  box-sizing:border-box;
}

.staley-detail-final-quarters .staley-quarter-compact-head,
.staley-detail-final-quarters .staley-quarter-compact-row{
  gap:8px !important;
}

.staley-detail-final-quarters .staley-quarter-compact-head{
  margin-bottom:6px !important;
  font-size:12px !important;
}

.staley-detail-final-quarters .staley-quarter-compact-row{
  margin:7px 0 !important;
  font-size:14px !important;
}

/* Final without quarter data */
.staley-detail-final-simple{
  display:grid;
  grid-template-columns:minmax(0,1fr) 82px 90px 28px 90px 82px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:205px;
  padding:34px 28px 20px;
  box-sizing:border-box;
}

.staley-detail-final-team{
  display:contents;
}

.staley-detail-final-simple .staley-detail-final-team:first-child .staley-detail-final-name{
  text-align:right;
}

.staley-detail-final-simple .staley-detail-final-team-right .staley-detail-final-name{
  text-align:left;
}

.staley-detail-final-dash{
  color:#bdbdbd;
  font-size:30px;
  text-align:center;
}

/* Venue now has breathing room below the true scoreboard row. */
.staley-game-page .staley-detail-venue{
  padding:0 28px 22px !important;
  justify-content:flex-end !important;
}

/* Old result letter is no longer used as the visual winner indicator. */
.staley-game-page .staley-detail-result,
.staley-matchup-result{
  display:none !important;
}

/* Previous meetings */
.staley-game-page .staley-detail-content{
  margin-top:28px;
}

.staley-game-page .staley-detail-content h3{
  margin-bottom:12px;
}

/* Previous / next games */
.staley-game-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:20px;
  margin-top:28px;
  padding-top:0;
}

.staley-game-nav-prev{
  text-align:left;
}

.staley-game-nav-next{
  text-align:right;
}

.staley-game-nav a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#757575;
  text-decoration:none;
  font-size:14px;
}

.staley-game-nav-arrow{
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  background:var(--staley-primary,#00853f);
  color:#fff;
  font-size:17px;
  line-height:1;
}

.staley-game-nav a:hover{
  color:var(--staley-primary,#00853f);
}

/* Container-responsive intermediate state */
@media(max-width:1050px){
  .staley-detail-final-grid{
    grid-template-columns:
      minmax(120px,1fr)
      68px
      64px
      minmax(165px,205px)
      64px
      68px
      minmax(120px,1fr);
    column-gap:8px;
    padding-left:16px;
    padding-right:16px;
  }

  .staley-detail-final-logo{
    width:68px;
    height:68px;
  }

  .staley-detail-final-logo img{
    width:64px !important;
    height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
  }

  .staley-detail-final-name{
    font-size:20px;
  }

  .staley-detail-final-score{
    font-size:46px;
  }

  .staley-detail-final-quarters .staley-quarter-compact-row{
    font-size:12px !important;
  }
}

@media(max-width:760px){
  .staley-game-hero{
    min-height:145px;
  }

  .staley-game-hero-inner{
    padding:26px 16px;
  }

  .staley-game-hero-level{
    font-size:13px;
  }

  .staley-game-hero-title{
    font-size:42px;
  }

  .staley-game-page-main{
    width:calc(100% - 20px);
    margin-top:16px;
  }

  .staley-detail-top{
    padding:11px 12px !important;
  }

  .staley-detail-meta{
    font-size:15px !important;
  }

  /* Mobile final: team, score, quarters, score, team */
  .staley-detail-final-grid{
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto;
    row-gap:10px;
    column-gap:10px;
    min-height:0;
    padding:20px 16px 16px;
  }

  .staley-detail-final-left-logo{
    grid-column:1;
    grid-row:1;
  }

  .staley-detail-final-left-name{
    grid-column:2;
    grid-row:1;
    text-align:left;
  }

  .staley-detail-final-left-score{
    grid-column:1 / -1;
    grid-row:2;
  }

  .staley-detail-final-quarters{
    grid-column:1 / -1;
    grid-row:3;
    width:min(300px,100%);
    justify-self:center;
  }

  .staley-detail-final-right-score{
    grid-column:1 / -1;
    grid-row:4;
  }

  .staley-detail-final-right-logo{
    grid-column:1;
    grid-row:5;
  }

  .staley-detail-final-right-name{
    grid-column:2;
    grid-row:5;
    text-align:left;
  }

  .staley-detail-final-name{
    font-size:22px;
  }

  .staley-detail-final-score{
    font-size:46px;
  }

  .staley-detail-final-logo,
  .staley-detail-final-logo img{
    width:60px !important;
    height:60px !important;
    max-width:60px !important;
    max-height:60px !important;
  }

  .staley-detail-final-simple{
    grid-template-columns:60px minmax(0,1fr);
    gap:10px;
    padding:20px 16px 16px;
  }

  .staley-detail-final-simple .staley-detail-final-team:first-child .staley-detail-final-logo{
    grid-column:1;
    grid-row:1;
  }

  .staley-detail-final-simple .staley-detail-final-team:first-child .staley-detail-final-name{
    grid-column:2;
    grid-row:1;
    text-align:left;
  }

  .staley-detail-final-simple > .staley-detail-final-score:nth-child(2){
    grid-column:1 / -1;
    grid-row:2;
  }

  .staley-detail-final-simple .staley-detail-final-dash{
    display:none;
  }

  .staley-detail-final-simple > .staley-detail-final-score:nth-child(4){
    grid-column:1 / -1;
    grid-row:3;
  }

  .staley-detail-final-simple .staley-detail-final-team-right .staley-detail-final-logo{
    grid-column:1;
    grid-row:4;
  }

  .staley-detail-final-simple .staley-detail-final-team-right .staley-detail-final-name{
    grid-column:2;
    grid-row:4;
    text-align:left;
  }

  .staley-game-page .staley-detail-venue{
    justify-content:flex-start !important;
    padding:0 16px 16px !important;
  }

  .staley-game-nav{
    grid-template-columns:1fr;
    gap:10px;
  }

  .staley-game-nav-next{
    text-align:left;
  }
}


/* =========================================================
   1.9.22 - Series record + complete matchup history
   ========================================================= */
.staley-series-record{
  margin:2px auto 14px;
  padding:0 20px;
  color:#111;
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
  font-size:15px;
  line-height:1.35;
  text-align:center;
  text-transform:uppercase;
}
.staley-series-record strong{font-weight:800}

.staley-meetings-table-wrap{
  width:100%;
  overflow-x:auto;
}
.staley-meetings-table{
  width:100%;
  border-collapse:collapse;
  border:1px solid #ddd;
  background:#fff;
  font-family:"Pro Sans","Arial","Helvetica",sans-serif;
}
.staley-meetings-table th,
.staley-meetings-table td{
  padding:11px 12px;
  border-right:1px solid #e2e2e2;
  border-bottom:1px solid #e2e2e2;
  text-align:left;
  vertical-align:middle;
}
.staley-meetings-table th:last-child,
.staley-meetings-table td:last-child{border-right:none}

.staley-meetings-table thead th{
  color:#111;
  background:#fff;
  font-size:14px;
  font-weight:700;
}
.staley-meetings-table tbody td{
  color:#111;
  font-size:14px;
}
.staley-meetings-table tbody tr.is-current td{
  background:#f1f8f3;
}
.staley-meeting-result-score{
  font-weight:700;
  color:#111;
}
.staley-meeting-result-score.is-winner{color:#111}
.staley-meeting-result-score.is-loser{color:#cccccc}
.staley-meeting-result-sep{color:#999}
.staley-meeting-result-team{white-space:nowrap}

@media(max-width:760px){
  .staley-series-record{
    margin-bottom:12px;
    padding:0 12px;
    font-size:13px;
  }
  .staley-meetings-table{min-width:680px}
  .staley-meetings-table th,
  .staley-meetings-table td{
    padding:9px 10px;
    font-size:13px;
  }
}


/* =========================================================
   1.9.33 - Mobile-only Game Center final scoreboard
   Desktop remains unchanged.
   ========================================================= */
@media(max-width:760px){

  /* Quarter-score finals:
     logo | team name | score
     logo | team name | score
     quarter table underneath
  */
  .staley-detail-final-grid{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 58px !important;
    grid-template-rows:auto auto auto !important;
    column-gap:10px !important;
    row-gap:0 !important;
    align-items:center !important;
    min-height:0 !important;
    padding:12px 14px 10px !important;
  }

  .staley-detail-final-left-logo{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .staley-detail-final-left-name{
    grid-column:2 !important;
    grid-row:1 !important;
    text-align:left !important;
  }

  .staley-detail-final-left-score{
    grid-column:3 !important;
    grid-row:1 !important;
  }

  .staley-detail-final-right-logo{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .staley-detail-final-right-name{
    grid-column:2 !important;
    grid-row:2 !important;
    text-align:left !important;
  }

  .staley-detail-final-right-score{
    grid-column:3 !important;
    grid-row:2 !important;
  }

  .staley-detail-final-left-logo,
  .staley-detail-final-left-name,
  .staley-detail-final-left-score{
    min-height:58px !important;
  }

  .staley-detail-final-right-logo,
  .staley-detail-final-right-name,
  .staley-detail-final-right-score{
    min-height:58px !important;
    border-top:1px solid #ececec !important;
  }

  .staley-detail-final-logo{
    width:50px !important;
    height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .staley-detail-final-logo img{
    width:46px !important;
    height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    object-fit:contain !important;
  }

  .staley-detail-final-name{
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    font-size:18px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    overflow-wrap:anywhere;
  }

  .staley-detail-final-score{
    width:auto !important;
    padding:0 !important;
    font-size:38px !important;
    line-height:1 !important;
    text-align:right !important;
  }

  .staley-detail-final-score.is-loser{
    color:#cccccc !important;
  }

  .staley-detail-final-score.is-winner{
    color:#111 !important;
  }

  .staley-detail-final-quarters{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:min(290px,100%) !important;
    margin:10px auto 0 !important;
    padding-top:10px !important;
    border-top:1px solid #e4e4e4 !important;
    justify-self:center !important;
  }

  .staley-detail-final-quarters .staley-quarter-compact{
    width:100% !important;
    padding:0 8px !important;
    border-left:0 !important;
    border-right:0 !important;
  }

  .staley-detail-final-quarters .staley-quarter-compact-head,
  .staley-detail-final-quarters .staley-quarter-compact-row{
    gap:8px !important;
  }

  .staley-detail-final-quarters .staley-quarter-compact-head{
    font-size:10px !important;
  }

  .staley-detail-final-quarters .staley-quarter-compact-row{
    margin:6px 0 !important;
    font-size:12px !important;
  }

  /* Finals that do not have quarter data use the same two-row hierarchy. */
  .staley-detail-final-simple{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 58px !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    row-gap:0 !important;
    align-items:center !important;
    min-height:0 !important;
    padding:12px 14px 10px !important;
  }

  .staley-detail-final-simple .staley-detail-final-team{
    display:contents !important;
  }

  .staley-detail-final-simple .staley-detail-final-team:first-child .staley-detail-final-logo{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .staley-detail-final-simple .staley-detail-final-team:first-child .staley-detail-final-name{
    grid-column:2 !important;
    grid-row:1 !important;
    text-align:left !important;
  }

  .staley-detail-final-simple > .staley-detail-final-score:nth-child(2){
    grid-column:3 !important;
    grid-row:1 !important;
  }

  .staley-detail-final-simple .staley-detail-final-dash{
    display:none !important;
  }

  .staley-detail-final-simple .staley-detail-final-team-right .staley-detail-final-logo{
    grid-column:1 !important;
    grid-row:2 !important;
    min-height:58px !important;
    border-top:1px solid #ececec !important;
  }

  .staley-detail-final-simple .staley-detail-final-team-right .staley-detail-final-name{
    grid-column:2 !important;
    grid-row:2 !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    text-align:left !important;
    border-top:1px solid #ececec !important;
  }

  .staley-detail-final-simple > .staley-detail-final-score:nth-child(4){
    grid-column:3 !important;
    grid-row:2 !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    border-top:1px solid #ececec !important;
  }
}


/* =========================================================
   1.9.35 - Previous Meetings mobile history cards
   Desktop table remains unchanged.
   ========================================================= */
@media(max-width:760px){

  .staley-meetings-table-wrap{
    width:100% !important;
    overflow:visible !important;
  }

  .staley-meetings-table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .staley-meetings-table thead{
    display:none !important;
  }

  .staley-meetings-table tbody{
    display:block !important;
    width:100% !important;
  }

  .staley-meetings-table tbody tr{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    grid-template-areas:
      "season date"
      "site site"
      "result result" !important;
    width:100% !important;
    margin:0 0 8px !important;
    overflow:hidden !important;
    border:1px solid #e2e2e2 !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }

  .staley-meetings-table tbody tr.is-current{
    border-left:4px solid var(--staley-primary,#00853f) !important;
    background:#f1f8f3 !important;
  }

  .staley-meetings-table tbody tr.is-current td{
    background:transparent !important;
  }

  .staley-meetings-table tbody td{
    display:block !important;
    min-width:0 !important;
    padding:8px 10px !important;
    border:0 !important;
    color:#222 !important;
    font-size:12px !important;
    line-height:1.25 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    box-sizing:border-box !important;
  }

  .staley-meetings-table .staley-meeting-season{
    grid-area:season !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-right:1px solid #ededed !important;
    color:#757575 !important;
    font-weight:700 !important;
  }

  .staley-meetings-table .staley-meeting-date{
    grid-area:date !important;
    font-weight:700 !important;
  }

  .staley-meetings-table .staley-meeting-site{
    grid-area:site !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
    border-top:1px solid #ededed !important;
    color:#666 !important;
    font-size:11px !important;
  }

  .staley-meetings-table .staley-meeting-site::before{
    content:"SITE  ";
    color:#999;
    font-size:9px;
    font-weight:700;
  }

  .staley-meetings-table .staley-meeting-result{
    grid-area:result !important;
    padding-top:7px !important;
    padding-bottom:8px !important;
    border-top:1px solid #ededed !important;
    font-size:11px !important;
  }

  .staley-meetings-table .staley-meeting-result::before{
    content:"RESULT  ";
    color:#999;
    font-size:9px;
    font-weight:700;
  }

  .staley-meetings-table .staley-meeting-result-team{
    white-space:normal !important;
  }
}