/* ============================================================
   TT RIVALS 1.0.1 — VISUAL + PERFORMANCE P6
   ============================================================ */
.tt-dynamic-bg-v101{z-index:0!important}
.tt-motion-backdrop-p6{position:fixed;inset:0;z-index:1!important;width:100vw;height:100dvh;pointer-events:none;user-select:none;opacity:0;transition:opacity .22s ease;contain:strict}
body.tt-motion-visible-p6 .tt-motion-backdrop-p6{opacity:.9}
body[data-active-tab-v101="admin"].tt-motion-visible-p6 .tt-motion-backdrop-p6{opacity:.7}
body[data-active-tab-v101="ranking"].tt-motion-visible-p6 .tt-motion-backdrop-p6{opacity:.94}
.app-shell,.main-app{position:relative;z-index:2!important}

body[data-active-tab-v101="home"] .tt-dynamic-bg-v101 .tt-bg-v101,
body[data-active-tab-v101="play"] .tt-dynamic-bg-v101 .tt-bg-v101,
body[data-active-tab-v101="tournaments"] .tt-dynamic-bg-v101 .tt-bg-v101,
body[data-active-tab-v101="ranking"] .tt-dynamic-bg-v101 .tt-bg-v101,
body[data-active-tab-v101="admin"] .tt-dynamic-bg-v101 .tt-bg-v101{animation-play-state:paused!important}
body[data-active-tab-v101="home"] .tt-ping-arc,body[data-active-tab-v101="home"] .tt-ping-ball,body[data-active-tab-v101="home"] .tt-ping-impact{opacity:0!important}
body[data-active-tab-v101="home"] .tt-dynamic-bg-v101,body[data-active-tab-v101="play"] .tt-dynamic-bg-v101,body[data-active-tab-v101="tournaments"] .tt-dynamic-bg-v101{filter:saturate(.88) brightness(.78)!important}
body[data-active-tab-v101="ranking"] .tt-dynamic-bg-v101{filter:saturate(.72) brightness(.63)!important}
body[data-active-tab-v101="admin"] .tt-dynamic-bg-v101{background:radial-gradient(circle at 18% 16%,rgba(0,105,44,.15),transparent 34%),radial-gradient(circle at 84% 72%,rgba(0,68,38,.10),transparent 37%),linear-gradient(145deg,#020704 0%,#030b08 48%,#020508 100%)!important;filter:none!important}
body[data-active-tab-v101="admin"] #tab-admin::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,255,96,.016),transparent 32%,rgba(0,255,96,.01))}
body[data-active-tab-v101="ranking"] #tab-ranking,body[data-active-tab-v101="home"] #tab-home,body[data-active-tab-v101="play"] #tab-play,body[data-active-tab-v101="tournaments"] #tab-tournaments,body[data-active-tab-v101="admin"] #tab-admin{position:relative}

/* Historial vuelve a comunicar resultado de un vistazo. */
#tab-history .history-match-card.victory{border-color:rgba(34,197,94,.34)!important;background:radial-gradient(circle at 0 50%,rgba(34,197,94,.16),transparent 38%),linear-gradient(100deg,rgba(13,76,48,.30),rgba(15,26,42,.92) 58%)!important;box-shadow:inset 3px 0 0 rgba(34,197,94,.78),0 10px 28px rgba(0,0,0,.14)!important}
#tab-history .history-match-card.defeat{border-color:rgba(239,68,68,.34)!important;background:radial-gradient(circle at 0 50%,rgba(239,68,68,.14),transparent 38%),linear-gradient(100deg,rgba(91,25,34,.30),rgba(19,24,39,.92) 58%)!important;box-shadow:inset 3px 0 0 rgba(239,68,68,.78),0 10px 28px rgba(0,0,0,.14)!important}
#tab-history .history-match-card.abandonment{border-color:rgba(148,163,184,.26)!important;background:linear-gradient(100deg,rgba(71,85,105,.24),rgba(17,25,39,.90) 58%)!important}
#tab-history .history-match-card.victory .history-result-band{background:rgba(22,101,52,.15)!important;color:#86efac!important}
#tab-history .history-match-card.defeat .history-result-band{background:rgba(127,29,29,.15)!important;color:#fca5a5!important}
body[data-theme="light"] #tab-history .history-match-card.victory{background:linear-gradient(100deg,#eefcf3,#fff 62%)!important;color:#10203a!important}
body[data-theme="light"] #tab-history .history-match-card.defeat{background:linear-gradient(100deg,#fff1f2,#fff 62%)!important;color:#10203a!important}

/* Calidad baja: menos trabajo cosmético además del recorte del canvas. */
html[data-tt-fx-quality="low"] .section-card,html[data-tt-fx-quality="low"] .history-match-card{backdrop-filter:none!important}
@media(max-width:899px){.tt-motion-backdrop-p6{height:100dvh;opacity:.8}}
@media(prefers-reduced-motion:reduce){.tt-motion-backdrop-p6{transition:none;opacity:.34!important}}


/* P6.1 — Control de calidad de fondos animados */
html[data-tt-fx-preference="off"] .tt-motion-backdrop-p6{display:none!important;opacity:0!important}
.tt-visual-performance-panel-p61{display:grid;gap:14px;padding:16px;border:1px solid rgba(56,189,248,.14);border-radius:16px;background:linear-gradient(145deg,rgba(14,165,233,.045),rgba(99,102,241,.025))}
.tt-visual-performance-copy-p61>span{display:block;color:#67e8f9;font-size:.55rem;font-weight:900;letter-spacing:.13em}
.tt-visual-performance-copy-p61>strong{display:block;margin-top:5px;font-size:.92rem}
.tt-visual-performance-copy-p61>small{display:block;margin-top:5px;max-width:720px;color:var(--muted);font-size:.7rem;line-height:1.5}
.tt-visual-performance-select-p61{margin:0!important}
.tt-visual-performance-status-p61{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(148,163,184,.10);border-radius:12px;background:rgba(2,6,23,.18)}
.tt-visual-performance-status-p61>span{min-width:52px;padding:5px 7px;border:1px solid rgba(34,211,238,.20);border-radius:999px;background:rgba(34,211,238,.07);color:#67e8f9;font-size:.55rem;font-weight:1000;text-align:center;letter-spacing:.06em}
.tt-visual-performance-status-p61 strong,.tt-visual-performance-status-p61 small{display:block}
.tt-visual-performance-status-p61 strong{font-size:.7rem}.tt-visual-performance-status-p61 small{margin-top:2px;color:var(--muted);font-size:.6rem;line-height:1.45}
body[data-theme="light"] .tt-visual-performance-panel-p61{background:linear-gradient(145deg,rgba(14,165,233,.055),rgba(99,102,241,.025))}
body[data-theme="light"] .tt-visual-performance-status-p61{background:rgba(255,255,255,.72)}
@media(max-width:640px){.tt-visual-performance-status-p61{align-items:flex-start}.tt-visual-performance-copy-p61>small{font-size:.66rem}}