/* P7.4R.4.11 — Jugar como centro de acción y progreso competitivo. */

#tab-play{max-width:1380px;margin:0 auto}
#tab-play .play-heading{margin-bottom:18px!important;padding-bottom:0!important}
#tab-play .play-heading h2{font-size:clamp(2.15rem,4vw,3.35rem)!important;line-height:.95!important;letter-spacing:-.05em!important}
#tab-play .play-heading p{margin-top:9px!important;font-size:.86rem!important}

.play-primary-actions-v751{
  display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,.85fr);gap:14px;
  margin:0 0 14px
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;margin:0!important
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62>button{
  position:relative;min-height:166px!important;padding:24px!important;overflow:hidden!important;
  grid-template-columns:58px minmax(0,1fr) 26px!important;gap:15px!important;
  border-radius:25px!important;isolation:isolate
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62>button::after{
  content:"";position:absolute;right:-30px;bottom:-56px;z-index:-1;width:180px;height:180px;
  border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.018)
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62>button>span:first-child{
  width:58px!important;height:58px!important;border-radius:18px!important;font-size:1.65rem!important
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62 strong{
  margin-top:3px;font-size:clamp(1.35rem,2vw,1.75rem)!important;line-height:1!important
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62 small:not(.play-action-kicker-v751){
  margin-top:7px!important;font-size:.72rem!important
}
.play-action-kicker-v751{
  margin:0!important;color:#66e4c0!important;font-size:.47rem!important;font-weight:950!important;
  letter-spacing:.15em!important
}
#tab-play .play-primary-actions-v751 .play-mode-gate-v62>button:last-child .play-action-kicker-v751{color:#8db8ff!important}
#tab-play .play-primary-actions-v751 .play-mode-rating-v746{margin-top:13px}
#tab-play .play-primary-actions-v751 .play-mode-rating-v746>b,
#tab-play .play-primary-actions-v751 .play-mode-rating-v746>i{min-height:24px;padding:5px 8px;font-size:.5rem}

#tab-play .play-primary-actions-v751>.tournament-banner{
  position:relative;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr auto;
  gap:9px!important;min-height:166px!important;margin:0!important;padding:22px!important;overflow:hidden;
  border-radius:25px!important;text-align:left!important;isolation:isolate
}
#tab-play .play-primary-actions-v751>.tournament-banner::after{
  content:"";position:absolute;right:-22px;bottom:-35px;z-index:-1;width:140px;height:140px;
  border:1px solid rgba(251,191,36,.10);border-radius:50%;box-shadow:0 0 0 23px rgba(245,158,11,.025)
}
#tab-play .play-primary-actions-v751>.tournament-banner>span:first-child{
  grid-column:1/-1;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;
  background:rgba(245,158,11,.13);font-size:1.55rem!important
}
#tab-play .play-primary-actions-v751>.tournament-banner>span:nth-child(2){align-self:end;min-width:0}
#tab-play .play-primary-actions-v751>.tournament-banner small,
#tab-play .play-primary-actions-v751>.tournament-banner strong,
#tab-play .play-primary-actions-v751>.tournament-banner em{display:block}
#tab-play .play-primary-actions-v751>.tournament-banner small{margin:0 0 5px;color:#e5b45f;font-size:.47rem;font-weight:950;letter-spacing:.14em}
#tab-play .play-primary-actions-v751>.tournament-banner strong{font-size:1.16rem;letter-spacing:-.02em}
#tab-play .play-primary-actions-v751>.tournament-banner em{margin-top:6px;color:#8d9cb2;font-size:.63rem;font-style:normal;line-height:1.35}
#tab-play .play-primary-actions-v751>.tournament-banner>b{grid-column:2;grid-row:2/4;align-self:end;color:#f9cc76}

.play-progress-hub-v751{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:14px;margin:14px 0 20px
}
.play-progress-hub-v751:empty{display:none}
.play-progress-hub-v751>.v59-objective-only{display:block!important;margin:0!important;min-width:0}
.play-progress-hub-v751 .v15-next-objective{
  height:100%;min-height:142px!important;margin:0!important;padding:20px 22px!important;
  border:1px solid rgba(91,147,255,.27)!important;border-radius:22px!important;
  background:
    radial-gradient(circle at 93% 50%,rgba(74,132,255,.2),transparent 24%),
    linear-gradient(115deg,rgba(15,31,57,.96),rgba(20,43,85,.88))!important
}
.play-progress-hub-v751 .v15-next-objective .muted-label{color:#8eb8ff!important}
.play-progress-hub-v751 .v15-next-objective strong{font-size:1.25rem!important}
.play-progress-hub-v751 .v15-next-objective small{margin-top:6px!important;font-size:.69rem!important}
.play-progress-hub-v751 .objective-glyph{width:62px!important;height:62px!important;border-radius:18px!important}
.play-progress-hub-v751>.profile-protection-v58{
  height:100%;min-height:142px;margin:0!important;padding:19px 20px!important;
  border-radius:22px!important;background:
    radial-gradient(circle at 100% 100%,rgba(34,211,238,.08),transparent 30%),
    linear-gradient(145deg,rgba(15,28,49,.96),rgba(11,24,43,.9))!important
}
.play-progress-hub-v751 .profile-protection-v58 h3{font-size:1.08rem!important}
.play-progress-hub-v751 .profile-protection-v58>p{margin:8px 0 0;color:#7e91aa;font-size:.55rem;line-height:1.45}
.play-progress-hub-v751 .protection-rules-v58{margin-top:8px}
.play-progress-hub-v751 .protection-rules-v58>div,
.play-progress-hub-v751 .protection-rules-v58>small{display:none}
.play-progress-hub-v751 .protection-rules-v58[open]>div{display:grid}
.play-progress-hub-v751 .protection-rules-v58[open]>small{display:block}

.play-activity-v751{margin-top:2px}
.play-activity-head-v751{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 10px}
.play-activity-head-v751 h3{margin:2px 0 0;font-size:1.12rem}
.play-activity-head-v751>small{color:#6f829c;font-size:.62rem}
.play-status-grid-v751{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.play-status-grid-v751>.play-status-card{
  min-width:0;min-height:128px;margin:0!important;padding:12px 13px!important;border-radius:18px!important
}
.play-status-grid-v751 .play-status-heading{min-height:36px!important;padding:0!important}
.play-status-grid-v751 .play-status-heading>span{width:31px!important;height:31px!important}
.play-status-grid-v751 .play-status-heading strong{font-size:.76rem!important}
.play-status-grid-v751 .challenge-list,.play-status-grid-v751 .match-list{padding:7px 0 0!important}
.play-status-grid-v751 .compact-empty,.play-status-grid-v751 .loading-row{
  min-height:42px!important;padding:12px!important;border-radius:12px!important;font-size:.55rem!important
}
.play-status-grid-v751:has(.challenge-row,.match-row) {grid-template-columns:1fr}

body[data-theme="light"] #tab-play .play-primary-actions-v751>.tournament-banner{background:linear-gradient(145deg,#fff9eb,#f8f3ff)!important}
body[data-theme="light"] .play-progress-hub-v751 .v15-next-objective{background:linear-gradient(115deg,#f7fbff,#eaf2ff)!important;color:#102047}
body[data-theme="light"] .play-progress-hub-v751>.profile-protection-v58{background:linear-gradient(145deg,#fff,#eef7ff)!important;color:#102047}

@media(max-width:980px){
  .play-primary-actions-v751{grid-template-columns:1fr}
  #tab-play .play-primary-actions-v751>.tournament-banner{
    grid-template-columns:54px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;
    min-height:92px!important;padding:16px 18px!important
  }
  #tab-play .play-primary-actions-v751>.tournament-banner>span:first-child{grid-column:auto;width:48px;height:48px}
  #tab-play .play-primary-actions-v751>.tournament-banner>span:nth-child(2){align-self:center}
  #tab-play .play-primary-actions-v751>.tournament-banner>b{grid-column:3;grid-row:1;align-self:center}
}

@media(max-width:760px){
  #tab-play .play-heading{margin-bottom:14px!important}
  #tab-play .play-heading h2{font-size:2.15rem!important}
  #tab-play .play-heading p{font-size:.72rem!important}
  .play-primary-actions-v751{gap:10px;margin-bottom:11px}
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62{gap:9px!important}
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62>button{
    min-height:132px!important;padding:15px 12px!important;
    grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important
  }
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62>button>b{display:none}
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62>button>span:first-child{width:42px!important;height:42px!important;border-radius:13px!important;font-size:1.18rem!important}
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62 strong{font-size:1.18rem!important}
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62 small:not(.play-action-kicker-v751){font-size:.6rem!important}
  .play-action-kicker-v751{display:none!important}
  #tab-play .play-primary-actions-v751 .play-mode-rating-v746{margin-top:9px}
  #tab-play .play-primary-actions-v751>.tournament-banner{min-height:78px!important;padding:13px 14px!important}
  #tab-play .play-primary-actions-v751>.tournament-banner em{display:none}
  .play-progress-hub-v751{grid-template-columns:1fr;gap:10px;margin:11px 0 16px}
  .play-progress-hub-v751 .v15-next-objective,.play-progress-hub-v751>.profile-protection-v58{min-height:116px!important;padding:15px 16px!important;border-radius:18px!important}
  .play-progress-hub-v751 .objective-glyph{width:50px!important;height:50px!important}
  .play-status-grid-v751{grid-template-columns:1fr;gap:9px}
  .play-status-grid-v751>.play-status-card{min-height:96px}
  .play-activity-head-v751>small{display:none}
}

@media(max-width:420px){
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62>button{grid-template-columns:1fr!important;min-height:142px!important}
  #tab-play .play-primary-actions-v751 .play-mode-gate-v62>button>span:first-child{width:38px!important;height:38px!important}
  #tab-play .play-primary-actions-v751 .play-mode-rating-v746{display:flex;grid-template-columns:none}
  #tab-play .play-primary-actions-v751>.tournament-banner{grid-template-columns:44px minmax(0,1fr) auto!important}
  #tab-play .play-primary-actions-v751>.tournament-banner>span:first-child{width:42px;height:42px}
}