/* Estadísticas V32 — League competitive summary */
#statsTab .stats-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:14px 0 22px;padding:22px 26px;border:1px solid #375664;border-left:5px solid #fa7654;background:linear-gradient(100deg,#111f2d,#122e36)}
#statsTab h1{font:900 clamp(29px,3vw,46px)/1.05 Inter,system-ui,Arial,sans-serif;letter-spacing:-.035em;margin:6px 0;color:#f1f7f5}#statsTab .stats-muted{color:#a9c4c8;font-size:13px;line-height:1.55}#statsTab .stats-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:#86dfd5}#statsTab .stats-upload{border:1px dashed #638b93;background:#142b36;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;min-height:62px;font-size:13px;font-weight:850;color:#eef5f3}#statsTab .stats-upload:hover{border-color:#fa7654;background:#203c44}#statsTab .stats-upload input{display:none}
#statsTab .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}#statsTab .stat{padding:16px;background:#0f2330;border:1px solid #355563;border-top:3px solid #86dfd5;min-height:103px}#statsTab .stat strong{display:block;font:900 30px Inter,Arial;color:#f4f8f4;margin:8px 0 2px}#statsTab .stat small{font-size:10px;color:#a9c3ca;letter-spacing:.12em;text-transform:uppercase}
#statsTab .stats-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}#statsTab .stats-pane{border:1px solid #355563;background:#0d202e;padding:18px}#statsTab .stats-pane h2{font-size:17px;font-weight:850;letter-spacing:0;margin:0 0 13px;color:#f3f8f6}#statsTab .match-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #314c5b;padding:12px 0;font-size:13px}#statsTab .match-row b{color:#e9f2f1}#statsTab .match-row small{color:#a9c4c8;display:block;margin-top:4px}#statsTab .status-review{font-size:10px;font-weight:850;color:#ffd09a;background:#55382066;border:1px solid #926747;padding:5px 7px;white-space:nowrap}#statsTab .stats-empty{padding:26px 8px;color:#b5cad1;text-align:center}#statsTab .stats-note{border-left:3px solid #fa7654;padding:10px 14px;background:#1c2e39;font-size:12px;color:#c7d8df;line-height:1.65}#statsTab .stats-btn{border:1px solid #638b93;background:#172e3c;color:#eaf3f4;padding:9px 13px;font-weight:800;font-size:11px;cursor:pointer}#statsTab .stats-btn:hover{background:#235062}#statsTab .stats-player-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #315361;padding:12px 4px;color:#eaf3f4;font-size:13px}
@media(max-width:1000px){#statsTab .stats-grid{grid-template-columns:repeat(2,1fr)}#statsTab .stats-layout{grid-template-columns:1fr}}@media(max-width:620px){#statsTab .stats-hero{display:block;padding:15px}#statsTab .stats-upload{margin-top:14px}#statsTab .stats-grid{gap:7px}#statsTab .stat{min-height:85px;padding:11px}#statsTab .stat strong{font-size:22px}}

/* Monthly statistics: same canvas, legibility and contrast as other tabs */
#app #statsTab{display:block;position:relative;max-width:100%;margin:0 auto;padding:12px 0 32px;color:#eaf6f4;background:transparent;opacity:1;visibility:visible}
#app #statsTab[hidden]{display:none!important}
#app #statsTab .stats-hero,#app #statsTab .stat,#app #statsTab .stats-pane{opacity:1!important;color:#eaf6f4!important;background-color:#102432!important}
#app #statsTab .stats-hero{border-top:4px solid #86dfd5!important;background:linear-gradient(105deg,#142b38,#0e2530)!important}
#app #statsTab .stats-hero h1,#app #statsTab .stats-pane h2,#app #statsTab .stat strong{color:#fff!important;opacity:1!important}
#app #statsTab .stats-eyebrow,#app #statsTab .stats-muted,#app #statsTab .stats-pane p,#app #statsTab small{opacity:1!important;visibility:visible!important}
#app #statsTab .stats-muted{color:#bbd7dd!important}#app #statsTab .stats-eyebrow{color:#86dfd5!important}
#app #statsTab .stats-period{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:12px 17px;border:1px solid #3c626e;background:#142a38;color:#fff}
#app #statsTab .stats-period strong{display:block;font-size:15px;font-weight:850}#app #statsTab .stats-period small{display:block;margin-top:4px;color:#b8d3d6;font-size:11px}#app #statsTab .stats-period label{display:flex;gap:10px;align-items:center;color:#86dfd5;font-size:10px;font-weight:800;white-space:nowrap}#app #statsTab .stats-period select{background:#091a27;color:white;border:1px solid #4c7b82;padding:8px 11px;font:700 12px Inter,system-ui,sans-serif}
#app #statsTab .stats-upload{background:#234450!important;border:1px solid #7dd9ca!important;color:#fff!important}
#app #statsTab .stat{border-top-color:#86dfd5!important}#app #statsTab .stats-grid{margin-top:0}
@media(max-width:700px){#app #statsTab .stats-period{flex-wrap:wrap}}


/* V32.2 public rankings and settings-only administration */
#app #statsTab .stats-ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
#app #statsTab .stats-ranking-head h2{margin-bottom:5px!important}
#app #statsTab .stats-ranking-head label{font:800 10px Inter,system-ui,sans-serif;color:#86dfd5;display:flex;align-items:center;gap:10px}
#app #statsTab .stats-ranking-head select{font:700 12px Inter,system-ui,sans-serif;color:#fff;background:#0b1b29;border:1px solid #5b8d93;min-width:190px;padding:10px 12px}
#app #statsTab .stats-rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:13px;align-items:center;border-top:1px solid #35535f;padding:14px 5px;color:#eaf5f4}
#app #statsTab .stats-rank-number{font-weight:900;color:#fa7654;font-size:19px}
#app #statsTab .stats-rank-row b{font-size:14px}
#app #statsTab .stats-rank-row strong{font-size:18px;color:#86dfd5}
#app #statsTab .stats-empty small{display:block;margin:10px auto 0;max-width:450px;color:#b9cdd2;font-size:12px;line-height:1.5}
#app #statsTab .stats-general-line{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #314c59;font-size:13px;color:#bbd0d4}
#app #statsTab .stats-general-line strong{color:#fff;text-align:right}
.settings-dialog .stats-admin{background:#102632;border:1px solid #3e6670;border-top:3px solid #86dfd5;padding:16px;margin:16px 0;color:#eaf5f4}
.settings-dialog .stats-admin-head strong{display:block;font-weight:900;font-size:13px;letter-spacing:.035em;color:#fff}
.settings-dialog .stats-admin-head small{display:block;color:#b5cfd4;margin-top:5px;font-size:11px}
.settings-dialog .stats-admin-summary{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0;font-size:12px;color:#c0d7d9}
.settings-dialog .stats-admin-summary b{color:#86dfd5}
.settings-dialog .stats-admin .stats-muted{font-size:12px;line-height:1.5;color:#bcd2d6}
.settings-dialog .stats-admin-games{max-height:190px;overflow-y:auto}
.settings-dialog .stats-admin .match-row{display:flex;gap:8px;justify-content:space-between;padding:9px 0;border-top:1px solid #375762;font-size:11px}
.settings-dialog .stats-admin .match-row b{color:#fff}
.settings-dialog .stats-admin .match-row small{display:block;font-size:10px;margin-top:3px;color:#b7d0d3}
.settings-dialog .stats-admin .status-review{font-size:9px;color:#ffd09a;white-space:nowrap}
.settings-dialog .stats-admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.settings-dialog .stats-btn{font-size:11px;font-weight:800;padding:10px 12px;color:#eef8f7;background:#183543;border:1px solid #628c93;cursor:pointer}
.settings-dialog .stats-btn:hover{background:#29505e}
@media(max-width:700px){#app #statsTab .stats-ranking-head{flex-wrap:wrap}#app #statsTab .stats-ranking-head select{min-width:0;max-width:100%}}


/* V32.5: Salón de la Vergüenza */
#app #statsTab{padding:12px 0 22px!important;color:#eef7f5!important}
#app #statsTab .shame-shell{max-width:1200px;margin:auto;font-family:Inter,system-ui,Arial,sans-serif}
#app #statsTab .shame-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:20px 22px;background:#10212d;border:1px solid #41606b;border-left:5px solid #fa7654}
#app #statsTab .shame-kicker{color:#86dfd5;font-size:10px;font-weight:850;letter-spacing:.13em}
#app #statsTab .shame-top h1{color:#fff!important;margin:5px 0 8px!important;font-size:clamp(26px,3.2vw,43px)!important;font-weight:950!important;letter-spacing:-.045em!important;line-height:1.05!important}
#app #statsTab .shame-top h1 em{color:#fa7654;font-style:normal}
#app #statsTab .shame-top p{color:#bbd0d5;font-size:12px;line-height:1.5;margin:0}
#app #statsTab .shame-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#app #statsTab .shame-month{padding:10px 13px;color:#86dfd5;border:1px solid #4c757c;font-size:10px;font-weight:900;white-space:nowrap}
#app #statsTab .stats-upload{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#fa7654!important;border:0!important;color:#071420!important;font-size:11px!important;padding:13px 15px!important;font-weight:950!important;min-height:auto}
#app #statsTab .stats-upload input{display:none}
#app #statsTab .shame-main{background:#101a26;border:1px solid #3e525d;padding:21px 24px;box-shadow:0 15px 36px #0004}
#app #statsTab .shame-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
#app #statsTab .shame-navbtn,#app #statsTab .shame-timer button{background:#192b39;border:1px solid #456773;padding:10px 15px;color:#e5f2f2;cursor:pointer;font-size:11px;font-weight:850}
#app #statsTab .shame-navbtn:hover,#app #statsTab .shame-timer button:hover{background:#2b4a58}
#app #statsTab .shame-progress{display:flex;gap:14px;align-items:center;color:#b8c7ce;font-size:11px;font-weight:850}
#app #statsTab .shame-dots{display:flex;gap:4px;align-items:center;max-width:200px;flex-wrap:wrap}
#app #statsTab .shame-dots i{width:6px;height:6px;background:#405563;display:block}
#app #statsTab .shame-dots i.on{width:14px;background:#fa7654}
#app #statsTab .shame-select{margin:18px 0 0;display:flex;gap:13px;align-items:center}
#app #statsTab .shame-select label{color:#93c6c6;font-size:10px;letter-spacing:.12em;font-weight:900;white-space:nowrap}
#app #statsTab .shame-select select{flex:1;color:#fff!important;background:#152b36!important;border:1px solid #567985!important;border-radius:2px!important;padding:12px!important;font:850 13px Inter,system-ui,Arial}
#app #statsTab .shame-title{text-align:center;margin:16px 0 18px;border-bottom:1px solid #304854;padding:10px 0 18px}
#app #statsTab .shame-title #shameIcon{font-size:29px}
#app #statsTab .shame-title h2{color:#f8f7f1!important;font:900 clamp(24px,3vw,34px) Inter,system-ui,Arial!important;letter-spacing:-.035em!important;margin:6px 0!important;text-transform:none!important}
#app #statsTab .shame-title p{color:#b9cbd1;margin:0;font-size:12px}
#app #statsTab .shame-ranking{max-width:890px;margin:0 auto;display:grid;gap:9px}
#app #statsTab .shame-row{display:grid;grid-template-columns:40px minmax(0,1fr) 90px;align-items:center;gap:16px;padding:14px 17px;background:#15222d;border:1px solid #334955;min-height:70px}
#app #statsTab .shame-row:first-child{background:linear-gradient(110deg,#283028,#14232d);border-color:#b98c45}
#app #statsTab .shame-medal{font-size:25px;text-align:center}
#app #statsTab .shame-person strong{display:block;color:#f1f6f6;font-size:14px;margin-bottom:10px;font-weight:900}
#app #statsTab .shame-bar{height:7px;background:#07141e;overflow:hidden}
#app #statsTab .shame-bar span{display:block;background:linear-gradient(90deg,#efae63,#fa7654);height:100%;transition:width .35s ease}
#app #statsTab .shame-row:nth-child(2) .shame-bar span{background:#9bafc5}
#app #statsTab .shame-row:nth-child(3) .shame-bar span{background:#ba906b}
#app #statsTab .shame-score{text-align:right;font-size:25px;font-weight:950;color:#86dfd5;white-space:nowrap}
#app #statsTab .shame-score small{font-size:12px;color:#a6bec4;font-weight:800}
#app #statsTab .shame-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;color:#93adb8;font-size:11px;flex-wrap:wrap}
#app #statsTab .shame-timer{display:flex;align-items:center;gap:12px}
#app #statsTab .shame-unavailable{min-height:220px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#152631;padding:20px}
#app #statsTab .shame-unavailable strong{color:#faad91;font-size:18px}
#app #statsTab .shame-unavailable p{color:#bdd0d7;font-size:12px;max-width:430px;line-height:1.6}
@media(max-width:740px){#app #statsTab .shame-top{flex-direction:column;align-items:flex-start}#app #statsTab .shame-actions{justify-content:flex-start}#app #statsTab .shame-main{padding:13px}#app #statsTab .shame-nav{gap:6px}#app #statsTab .shame-navbtn{padding:9px;font-size:10px}#app #statsTab .shame-dots{display:none}#app #statsTab .shame-row{grid-template-columns:30px 1fr 64px;padding:10px 8px;gap:9px}#app #statsTab .shame-score{font-size:18px}#app #statsTab .shame-medal{font-size:19px}#app #statsTab .shame-person strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){#app #statsTab .shame-bar span{transition:none!important}}

/* V32.6: neutral monthly rankings, large readable headings */
#app #statsTab .shame-title{padding:20px 8px 27px!important;margin:18px 0 20px!important}
#app #statsTab .shame-title #shameIcon{display:none!important}
#app #statsTab .shame-title h2{font-family:Inter,system-ui,'Segoe UI',Arial,sans-serif!important;font-size:clamp(33px,4vw,55px)!important;font-weight:950!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 15px!important;text-transform:none!important}
#app #statsTab .shame-title p{font-size:clamp(15px,1.45vw,20px)!important;line-height:1.5!important;max-width:750px!important;margin:0 auto!important;color:#d5e8e9!important;font-weight:550!important}
#app #statsTab .shame-medal{font-family:Inter,system-ui,Arial,sans-serif!important;font-size:21px!important;font-weight:900!important;color:#fa7654!important}
#app #statsTab .shame-top h1 em{color:#86dfd5!important}
#app #statsTab .shame-row:first-child{background:linear-gradient(110deg,#1b3841,#14232d)!important;border-color:#75b3b2!important}
#app #statsTab .shame-unavailable strong{color:#86dfd5!important}
@media(max-width:700px){#app #statsTab .shame-title h2{font-size:clamp(28px,7vw,42px)!important}#app #statsTab .shame-title p{font-size:15px!important}}


#app #statsTab .stats-public-meta{display:grid;grid-template-columns:1fr 1.45fr;gap:12px;margin:0 0 13px}
#app #statsTab .stats-public-meta-item{display:flex;flex-direction:column;justify-content:center;min-height:95px;gap:7px;background:#102b37;border:1px solid #42616a;border-top:3px solid #86dfd5;padding:15px 20px}
#app #statsTab .stats-public-meta-item>span{color:#9fd2d4;font-size:11px;font-weight:900;letter-spacing:.09em}
#app #statsTab .stats-public-meta-item>strong{color:#fff;font-size:clamp(22px,2.5vw,32px);font-weight:950;line-height:1.2}
#app #statsTab .stats-public-meta-item>small{color:#acc3c9;font-size:11px}
@media(max-width:640px){#app #statsTab .stats-public-meta{grid-template-columns:1fr}#app #statsTab .stats-public-meta-item{min-height:76px}}

#app #statsTab .mvp-games{display:block;color:#a5c7c9;font-size:11px;font-weight:600;margin:-5px 0 8px}

/* V32.9: Keep long names, scores and units inside podium cards */
#app #statsTab .shame-row{grid-template-columns:40px minmax(0,1fr) minmax(90px,max-content)!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#app #statsTab .shame-person{min-width:0!important;overflow:hidden!important}
#app #statsTab .shame-person strong{overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.3!important}
#app #statsTab .shame-score{min-width:0!important;max-width:190px!important;display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-end!important;column-gap:6px!important;row-gap:0!important;font-size:clamp(17px,2.1vw,25px)!important;overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.2!important}
#app #statsTab .shame-score-value{font-variant-numeric:tabular-nums!important}
#app #statsTab .shame-score small{font-size:clamp(10px,1vw,12px)!important;white-space:nowrap!important}
#app #statsTab .shame-title h2{overflow-wrap:anywhere!important}
#app #statsTab .shame-title p{overflow-wrap:break-word!important}
@media(max-width:700px){#app #statsTab .shame-row{grid-template-columns:25px minmax(0,1fr) minmax(64px,max-content)!important;gap:8px!important}#app #statsTab .shame-score{max-width:115px!important;font-size:17px!important}}

#app #statsTab .shame-row-empty{opacity:.65;border-style:dashed!important;background:#11202b!important}
#app #statsTab .shame-row-empty .shame-person small{display:block;color:#a8bec6;font-size:11px;line-height:1.35}


/* V32.12: independent best-player-per-role awards */
#app #statsTab .role-awards{margin-top:16px;background:#111e2a;border:1px solid #3d5661;padding:22px}
#app #statsTab .role-awards-heading h2{color:#fff!important;font-family:Inter,system-ui,Arial,sans-serif!important;font-size:clamp(24px,2.6vw,35px)!important;line-height:1.15!important;font-weight:950!important;margin:8px 0 6px!important}
#app #statsTab .role-awards-heading p{color:#b9d1d7;font-size:14px;line-height:1.5;margin:0 0 18px}
#app #statsTab .role-awards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#app #statsTab .role-award-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;min-width:0;min-height:155px;padding:18px 10px;background:#1a303d;border:1px solid #4c707b;border-top:3px solid #89dfd2}
#app #statsTab .role-award-position{color:#8dded3;font-size:12px;font-weight:950;letter-spacing:.08em}
#app #statsTab .role-award-name{color:#fff;font-size:clamp(14px,1.5vw,19px);font-weight:900;overflow-wrap:anywhere;line-height:1.3}
#app #statsTab .role-award-score{color:#ffae84;font-size:clamp(20px,2.3vw,30px);font-weight:950}
#app #statsTab .role-award-score small{font-size:12px}
#app #statsTab .role-award-games,#app #statsTab .role-award-empty{color:#acc9d1;font-size:11px;line-height:1.4}
#app #statsTab .role-awards-note{color:#98b5bc;font-size:12px;margin:16px 0 0;line-height:1.6}
@media(max-width:850px){#app #statsTab .role-awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){#app #statsTab .role-awards{padding:14px}#app #statsTab .role-awards-grid{grid-template-columns:1fr}#app #statsTab .role-award-card{min-height:110px}}

#app #statsTab .stats-refresh{border:1px solid #79c7be;background:#183a44;color:#dff8f3;font-size:11px;font-weight:900;padding:12px 15px;cursor:pointer;min-height:39px}
#app #statsTab .stats-refresh:hover{background:#245563}
#app #statsTab .stats-refresh:disabled{opacity:.65;cursor:wait}