/* HappyHappyGolf V3.24.0 — Play games and Watch athlete-golfers. */

.play-games-section,
.play-competition-section,
.athletes-who-golf-section {
  scroll-margin-top: 132px;
}

.play-game-picker-shell {
  display: grid;
  grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr);
  gap: 34px;
  align-items: center;
  margin-top: 25px;
  padding: 32px 34px;
  border-radius: 28px;
  background: var(--soft,#edf3e9);
  border: 1px solid rgba(7,86,47,.08);
}
.play-game-picker-copy small,
.athletes-heading small {
  display: block;
  margin-bottom: 9px;
  color: var(--green,#07562f);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .17em;
}
.play-game-picker-copy h3 {
  margin: 0 0 8px;
  color: var(--green,#07562f);
  font-family: "Libre Caslon Display",Georgia,serif;
  font-size: clamp(31px,2.6vw,43px);
  font-weight: 400;
  line-height: 1.04;
}
.play-game-picker-copy p {margin:0;color:#4f6056;font-size:16px;line-height:1.55}
.play-game-picker {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  padding: 19px;
  border-radius: 23px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(7,86,47,.12);
  box-shadow: 0 14px 34px rgba(26,54,39,.06);
}
.play-game-picker label {color:#4f6056;font-size:12px;font-weight:800;letter-spacing:.04em}
.play-game-picker select {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:7px;
  padding:0 13px;
  border:1px solid rgba(7,86,47,.15);
  border-radius:14px;
  background:#fff;
  color:#304b3e;
  font:600 15px/1.2 inherit;
}
.play-game-picker button {
  grid-column:1/-1;
  min-height:50px;
  border:0;
  border-radius:999px;
  background:var(--green,#07562f);
  color:#fff;
  font:700 16px/1 inherit;
  cursor:pointer;
}
.play-game-picker button span {margin-left:10px}

.play-games-rail {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(238px,270px);
  gap:14px;
  margin-top:18px;
  padding:2px 2px 12px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}
.play-games-rail button,
.play-competition-grid button {
  position:relative;
  min-height:198px;
  padding:24px;
  text-align:left;
  border:1px solid rgba(7,86,47,.14);
  border-radius:22px;
  background:#fff;
  color:#07562f;
  cursor:pointer;
}
.play-games-rail small,
.play-competition-grid small {display:block;margin-bottom:25px;font-size:11px;font-weight:800;letter-spacing:.15em}
.play-games-rail strong,
.play-competition-grid strong {display:block;font-family:"Libre Caslon Display",Georgia,serif;font-size:28px;font-weight:400;line-height:1.08}
.play-games-rail span,
.play-competition-grid span {display:block;margin-top:10px;color:#4f6056;font-size:15px;line-height:1.45}
.play-games-rail i,
.play-competition-grid i {position:absolute;right:20px;bottom:18px;font-style:normal;font-size:21px}
.play-games-rail button:hover,
.play-competition-grid button:hover {transform:translateY(-2px);border-color:rgba(7,86,47,.3);box-shadow:0 12px 28px rgba(26,54,39,.07)}

.play-competition-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px}
.play-competition-grid button {min-height:210px}

.athletes-who-golf-section {
  width:min(100% - 48px,1180px);
  margin:54px auto 0;
  padding-top:46px;
  border-top:1px solid rgba(7,86,47,.13);
}
.athletes-heading {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:46px;align-items:end}
.athletes-heading h2 {margin:0;color:#07562f;font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(40px,4vw,58px);font-weight:400;line-height:1.03}
.athletes-heading p {margin:0 0 4px;color:#4f6056;font-size:17px;line-height:1.55}
.athlete-filters {display:flex;gap:9px;margin:25px 0 17px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.athlete-filters::-webkit-scrollbar {display:none}
.athlete-filters button {flex:0 0 auto;min-height:43px;padding:0 18px;border:1px solid rgba(7,86,47,.16);border-radius:999px;background:#fff;color:#375347;font:700 14px/1 inherit;cursor:pointer}
.athlete-filters button.active {background:#07562f;color:#fff;border-color:#07562f}
.athlete-golf-rail {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,285px);gap:14px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:thin;overscroll-behavior-inline:contain}
.athlete-golf-card {position:relative;display:flex;flex-direction:column;min-height:222px;padding:22px;text-align:left;border:1px solid rgba(7,86,47,.14);border-radius:22px;background:#fff;color:#07562f;cursor:pointer}
.athlete-rank {width:43px;height:43px;display:grid;place-items:center;margin-bottom:25px;border-radius:50%;background:#edf3e9;font-size:13px;font-weight:800;letter-spacing:.07em}
.athlete-card-copy small {display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.athlete-card-copy strong {display:block;font-family:"Libre Caslon Display",Georgia,serif;font-size:28px;font-weight:400;line-height:1.08}
.athlete-card-copy span {display:block;margin-top:9px;color:#4f6056;font-size:14px;line-height:1.45}
.athlete-golf-card i {position:absolute;right:19px;bottom:17px;font-style:normal;font-size:20px}
.athlete-golf-card[hidden] {display:none}
.athlete-method {margin:13px 0 0;color:#627168;font-size:13px;line-height:1.5}
.athlete-method b {color:#385448}

.watch-tour-logo[src*="tour-dp-world"] {width:76%;height:76%;object-fit:contain;border-radius:8px}

@media (max-width:760px) {
  .play-games-section,
  .play-competition-section {padding-left:24px!important;padding-right:24px!important}
  .play-game-picker-shell {grid-template-columns:1fr;gap:21px;margin-top:19px;padding:23px 20px;border-radius:24px}
  .play-game-picker-copy h3 {font-size:34px}
  .play-game-picker-copy p {font-size:16px}
  .play-game-picker {grid-template-columns:1fr;padding:16px}
  .play-game-picker button {grid-column:auto}
  .play-games-rail {grid-auto-columns:min(78vw,292px);margin-right:-24px;padding-right:24px}
  .play-games-rail button {min-height:205px}
  .play-competition-grid {grid-template-columns:1fr}
  .play-competition-grid button {min-height:166px}
  .play-games-rail strong,.play-competition-grid strong {font-size:27px}

  .athletes-who-golf-section {width:auto;margin:42px 20px 0;padding-top:38px;scroll-margin-top:105px}
  .athletes-heading {grid-template-columns:1fr;gap:14px}
  .athletes-heading h2 {font-size:40px}
  .athletes-heading p {font-size:16px}
  .athlete-filters {margin-top:21px}
  .athlete-golf-rail {grid-auto-columns:min(78vw,300px);margin-right:-20px;padding-right:20px}
  .athlete-golf-card {min-height:226px}
  .athlete-method {font-size:13px}
}