/* P7.4R.4.7 — Desafíos compactos, RP y partido en curso minimizable. */

.challenge-send-dock-v747{
  position:sticky;bottom:12px;z-index:12;display:grid;grid-template-columns:1fr;
  align-items:center;gap:12px;width:100%;padding:10px;border:1px solid rgba(80,214,171,.22);
  border-radius:16px;background:rgba(10,20,37,.94);box-shadow:0 14px 30px rgba(2,6,23,.28);
  backdrop-filter:blur(14px)
}
.challenge-send-dock-v747 .btn{width:100%;min-height:48px;margin:0}
.challenge-send-dock-v747 .status{min-height:0;margin:0;padding:0 6px;text-align:center}
.challenge-advanced-v747{width:100%;border:1px solid rgba(96,165,250,.18);border-radius:16px;background:rgba(15,28,48,.54);overflow:hidden}
.challenge-advanced-v747 summary{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:14px 16px;cursor:pointer;list-style:none
}
.challenge-advanced-v747 summary::-webkit-details-marker{display:none}
.challenge-advanced-v747 summary span{font-weight:850;color:#e7f0ff}
.challenge-advanced-v747 summary small{color:#879ab4}
.challenge-advanced-v747 summary b{color:#64a8ff;transition:transform .18s ease}
.challenge-advanced-v747[open] summary b{transform:rotate(180deg)}
.challenge-advanced-fields-v747{display:grid;gap:13px;padding:2px 16px 16px;border-top:1px solid rgba(96,165,250,.12)}
.challenge-advanced-fields-v747 label:first-child{margin-top:14px}

.active-match-notice-v747{
  position:sticky;top:8px;z-index:88;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;
  gap:12px;width:min(760px,calc(100% - 28px));margin:8px auto 12px;padding:11px 14px;border:1px solid rgba(45,212,191,.34);
  border-radius:15px;background:linear-gradient(135deg,rgba(10,40,51,.97),rgba(16,31,54,.97));color:#effffb;
  box-shadow:0 14px 34px rgba(2,6,23,.34),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;text-align:left
}
.active-match-notice-v747.hidden{display:none!important}
.active-match-notice-v747>span:nth-child(2){display:grid;gap:2px;min-width:0}
.active-match-notice-v747 small{font-size:.58rem;letter-spacing:.13em;color:#6ee7c2;font-weight:900}
.active-match-notice-v747 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.active-match-notice-v747>b{padding:6px 9px;border-radius:9px;background:rgba(6,18,33,.62);color:#8ff3d4;font-size:.72rem;font-variant-numeric:tabular-nums}
.active-match-notice-v747>i{font-style:normal;color:#8fb2cd}
.active-match-pulse-v747{width:11px;height:11px;border-radius:50%;background:#2dd4a3;box-shadow:0 0 0 6px rgba(45,212,163,.13),0 0 18px rgba(45,212,163,.72)}

.active-match-card-v747{width:min(610px,calc(100vw - 28px));padding:27px;text-align:center;overflow:hidden}
.active-match-card-v747:before{
  content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#26d7a0,#3b82f6,#8b5cf6)
}
.active-match-live-v747{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(45,212,163,.10);color:#60edc1}
.active-match-live-v747 span{width:8px;height:8px;border-radius:50%;background:#2dd4a3;box-shadow:0 0 12px rgba(45,212,163,.8)}
.active-match-live-v747 b{font-size:.58rem;letter-spacing:.14em}
.active-match-card-v747 h2{margin:5px 0 15px}
.active-match-meta-v747{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin:0 0 15px}
.active-match-meta-v747 span,.active-match-meta-v747 strong{padding:10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.10)}
.active-match-meta-v747 strong{color:#6ee7c2;font-variant-numeric:tabular-nums}
.active-match-help-v747{max-width:460px;margin:0 auto 18px;color:#91a4bd}
.active-match-actions-v747{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
.active-match-actions-v747 .btn{min-height:48px;margin:0}
.active-match-abandon-v747{border-color:rgba(248,113,113,.34)!important;background:rgba(127,29,29,.20)!important;color:#fecaca!important}
.active-match-abandon-v747:hover{background:rgba(153,27,27,.32)!important}

.abandon-match-card-v747{width:min(520px,calc(100vw - 28px));padding:28px;text-align:center}
.abandon-match-icon-v747{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:rgba(239,68,68,.14);color:#fca5a5;font-size:1.4rem;font-weight:950}
.abandon-match-card-v747 h2{margin:5px 0 10px}
.abandon-match-card-v747>p:not(.eyebrow):not(.status){color:#a8b6ca;line-height:1.5}

body[data-theme="light"] .challenge-send-dock-v747{border-color:#b8e8d8;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(30,64,175,.10)}
body[data-theme="light"] .challenge-advanced-v747{border-color:#cad9ed;background:rgba(255,255,255,.68)}
body[data-theme="light"] .challenge-advanced-v747 summary span{color:#16345d}
body[data-theme="light"] .challenge-advanced-v747 summary small{color:#607797}
body[data-theme="light"] .active-match-notice-v747{border-color:#80d9bd;background:linear-gradient(135deg,#effdf8,#eef5ff);color:#133756;box-shadow:0 12px 28px rgba(30,64,175,.12)}
body[data-theme="light"] .active-match-notice-v747 small{color:#087f59}
body[data-theme="light"] .active-match-notice-v747>b{background:#dff7ed;color:#087451}
body[data-theme="light"] .active-match-meta-v747 span,body[data-theme="light"] .active-match-meta-v747 strong{background:#f2f6fc;border-color:#d8e2f0}
body[data-theme="light"] .active-match-help-v747{color:#607797}

@media(max-width:700px){
  .challenge-send-dock-v747{bottom:84px;grid-template-columns:1fr;padding:8px}
  .challenge-send-dock-v747 .status{text-align:center}
  .challenge-advanced-v747 summary{grid-template-columns:1fr auto}
  .challenge-advanced-v747 summary small{grid-column:1/2}
  .challenge-advanced-v747 summary b{grid-column:2;grid-row:1/3}
  .active-match-notice-v747{top:6px;width:calc(100% - 22px);margin:6px auto 9px;gap:9px;padding:10px}
  .active-match-notice-v747>i{display:none}
  .active-match-card-v747,.abandon-match-card-v747{padding:22px 16px}
  .active-match-meta-v747{grid-template-columns:1fr 1fr}
  .active-match-meta-v747 strong{grid-column:1/-1}
  .active-match-actions-v747{grid-template-columns:1fr}
}

@media(max-width:390px){
  .active-match-notice-v747{grid-template-columns:auto minmax(0,1fr) auto}
  .active-match-notice-v747 strong{font-size:.70rem}
  .active-match-notice-v747>b{padding:5px 7px;font-size:.64rem}
}