.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:-1.6rem 1.5rem 3rem;position:relative}
.stat-strip article{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}
.stat-strip b{font:800 1.8rem "Fraunces"}
.stat-strip span{color:var(--muted);font-size:.8rem}
.subheading{margin-top:2.5rem}
.ranking-round{margin-bottom:.7rem}
.ranking-round summary{cursor:pointer;font-weight:800}
.ranking-round .table-wrap{margin-top:1rem;box-shadow:none}
@media(max-width:800px){.stat-strip{grid-template-columns:repeat(2,1fr);margin:-1.6rem .5rem 2rem}}

#resultados{width:min(1400px,calc(100vw - 3rem));margin-left:50%;transform:translateX(-50%)}
.results-board{background:#fff;border:1px solid #d9e3dc;border-radius:20px;padding:1.6rem;margin-bottom:1.5rem;box-shadow:0 10px 35px #1733250a}
.results-board>header{margin-bottom:1.2rem}
.results-board>header .kicker{color:#087a50}
.results-board>header h2{font-family:"DM Sans",sans-serif;font-size:1.25rem;margin:.45rem 0 0}
.results-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
.results-table{min-width:1080px;table-layout:auto}
.results-table th,.results-table td{text-align:center;padding:.85rem .75rem;border-bottom:1px solid #dce6df}
.results-table thead th{height:78px;vertical-align:bottom;text-transform:none;letter-spacing:0;color:#6e7973;font-size:.72rem;background:#fff}
.results-table .participant-head{text-align:left;min-width:210px;padding-left:3.7rem}
.results-table .participant-head{position:sticky;left:0;z-index:2;background:#fff}
.result-match-head{min-width:160px}
.result-match-head small,.result-match-head strong,.result-match-head b{display:block}
.result-match-head small{font-size:.67rem;margin-bottom:.35rem}
.result-match-head strong{color:#10251d;font-size:.72rem;line-height:1.2;white-space:normal}
.result-match-head b{color:#087a50;font-size:.78rem;margin-top:.45rem}
.results-table tbody tr:last-child td{border-bottom:0}
.results-table tbody tr.round-leader{background:#eaf7f0}
.participant-cell{display:flex;align-items:center;gap:.7rem;text-align:left!important;min-width:210px}
.results-table tbody .participant-cell{position:sticky;left:0;z-index:1;background:#fff}
.results-table tbody tr.round-leader .participant-cell{background:#eaf7f0}
.participant-cell>span:last-child{display:grid;gap:.15rem}
.participant-cell strong{font-size:1rem;white-space:nowrap}
.participant-cell small{display:block}
.avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#e4f3eb;color:#087a50;font-size:.62rem;font-weight:800}
.leader{color:#d18a00;font-size:.68rem}
.result-pick{min-width:120px}
.result-pick small{display:block;margin-top:.35rem;font-size:.66rem}
.score-chip{display:inline-flex;justify-content:center;min-width:45px;border:1px solid;border-radius:999px;padding:.38rem .65rem;font-weight:800;line-height:1}
.score-chip.exact{background:#00a56d;border-color:#00a56d;color:#fff}
.score-chip.difference{background:#fff6e8;border-color:#ffba52;color:#c97800}
.score-chip.sign{background:#f0fff7;border-color:#63d49d;color:#087a50}
.score-chip.miss{background:#fff1f0;border-color:#e89a93;color:#a73830}
.score-chip.pending{background:#f5f6f4;border-color:#d7dcd8;color:#6e7973}
.empty-pick>span{font-weight:700;color:#9aa39e}
.metric{font-size:.95rem;font-weight:700;min-width:76px}
.exact-count{font-size:1.05rem;color:#10251d}
.bonus-chip{display:inline-flex;border:1px solid #64d49c;border-radius:999px;padding:.35rem .58rem;color:#087a50;background:#f2fff8}
.total-points{font-size:1.15rem;color:#10251d}
.result-detail{border:0;background:transparent;color:#087a50;font-size:.72rem;font-weight:800;padding:.5rem}
.detail-total{text-align:right;margin:1rem 0 0;color:var(--muted)}
@media(max-width:800px){
  #resultados{width:auto;margin-left:0;transform:none}
  .results-board{padding:1rem;border-radius:16px;margin-inline:-.25rem}
  .results-page-title h1{font-size:2.5rem}
  .results-table{min-width:980px}
  .results-scroll{margin-right:-1rem;padding-right:1rem}
}

.rules-heading{margin-bottom:1.2rem}
.rules-heading h1{display:flex;align-items:center;gap:.65rem;font-family:"DM Sans",sans-serif;font-size:1.9rem;line-height:1.1;margin:0 0 .4rem}
.rules-heading h1 span{color:#00a56d;font-size:1.45rem}
.rules-heading p{color:var(--muted);margin:0}
.rules-book{background:#fff;border:1px solid #d9dfdb;border-radius:17px;padding:1.35rem;box-shadow:0 8px 28px #17332508}
.rules-book>header{padding:.15rem .15rem 1rem}
.rules-book>header h2{font-family:"DM Sans",sans-serif;font-size:1rem;margin:0 0 .35rem}
.rules-book>header p{font-size:.82rem;color:var(--muted);margin:0}
.rule-section{border-top:1px solid #e0e4e1;padding:.15rem 0}
.rules-book>header+.rule-section{border-top:0}
.rule-section summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;list-style:none;cursor:pointer;padding:.85rem .15rem;font-size:.84rem}
.rule-section summary::-webkit-details-marker{display:none}
.rule-section[open] summary{color:#071b13}
.rule-section[open]:focus-within summary{outline:2px solid #67d09c;outline-offset:-2px;border-radius:11px}
.rule-number{display:inline-grid;place-items:center;min-width:23px;height:21px;padding:0 .35rem;border:1px solid #65d09b;border-radius:7px;color:#008b5b;font-size:.68rem;font-weight:800}
.rule-chevron{color:#6f7873;font-size:.8rem;transition:transform .2s}
.rule-section:not([open]) .rule-chevron{transform:rotate(180deg)}
.rule-content{padding:0 .15rem .85rem;font-size:.82rem;line-height:1.55;color:#5f6963}
.rule-content p{margin:0 0 .65rem}
.rule-content strong{color:#4a544f}
.rule-content ol,.rule-content ul{margin:.4rem 0 0;padding-left:1.3rem}
.rule-content mark{display:inline-flex;border-radius:999px;background:#00a56d;color:#fff;padding:.12rem .55rem;font-weight:800}
.rules-table,.rule-example{border:1px solid #dfe4e1;border-radius:12px;overflow:hidden;margin-top:.7rem}
.rules-table>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #dfe4e1;padding:.62rem .7rem}
.rules-table>div:first-child{border-top:0}
.rules-table-head{color:#17231d;background:#fff}
.rules-table>div>span{display:flex;align-items:center;gap:.55rem}
.rules-table>div>b{white-space:nowrap}
.bonus-table>div:not(.rules-table-head)>b{color:#009e59}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.dot.exact{background:#00a56d}.dot.difference{background:#78dac1}.dot.sign{background:#ffd083}.dot.miss{background:#d5dbe2}
.rule-example{padding:.7rem .8rem;background:#fdfdfc}
@media(max-width:800px){
  .rules-heading h1{font-size:1.55rem}.rules-book{padding:1rem}.rule-content{font-size:.79rem}.rules-table>div{padding:.58rem .55rem}
}

.statistics-heading{margin-bottom:1.5rem}
.statistics-heading .kicker,.statistics-panel>.kicker{color:#087a50}
.statistics-heading h1{font-family:"DM Sans",sans-serif;font-size:2rem;margin:.6rem 0}
.statistics-heading p{color:var(--muted);margin:0}
.statistics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}
.statistic-card{background:#fff;border:1px solid #d9e3dc;border-radius:16px;min-height:138px;padding:1rem;display:grid;grid-template-columns:1fr;justify-items:start;align-content:space-between;box-shadow:0 8px 25px #17332509}
.statistic-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e8f8ef;color:#087a50;font-size:1rem}
.statistic-icon.gold{background:#fff3d9;color:#c58100}.statistic-icon.blue{background:#e8f0ff;color:#2865c7}
.statistic-card>small{font-size:.66rem;margin-top:.5rem}
.statistic-card>strong{font-family:"DM Sans",sans-serif;font-size:1.8rem;line-height:1;margin:.3rem 0}
.statistic-card>p{font-size:.65rem;color:var(--muted);margin:0}
.statistics-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;margin:1rem 0}
.statistics-panel{background:#fff;border:1px solid #d9e3dc;border-radius:16px;padding:1.2rem;box-shadow:0 8px 25px #17332508}
.statistics-panel h2{font-family:"DM Sans",sans-serif;font-size:1.05rem;margin:.45rem 0 1rem}
.leader-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.72rem 0;border-bottom:1px solid #e0e6e2}
.leader-row:last-child{border-bottom:0}.leader-row>span:nth-child(2){display:grid}.leader-row small{font-size:.63rem}.leader-row>b{font-size:.95rem}
.rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:.68rem;font-weight:800}
.rank-1{background:#ffe7a9;color:#9b6900}.rank-2{background:#e8edef;color:#587078}.rank-3{background:#f3dfd1;color:#9b5b31}
.repeated-picks{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.4rem}
.repeated-picks span{border-radius:999px;background:#eaf6f0;color:#087a50;padding:.4rem .65rem;font-size:.68rem;font-weight:700}
.trap-kicker{display:block;margin-top:.5rem}
.hardest-list>div{display:grid;gap:.2rem;padding:.7rem 0;border-bottom:1px solid #e0e6e2}
.hardest-list>div:last-child{border-bottom:0}.hardest-list strong{font-size:.78rem}.hardest-list small{font-size:.62rem}
.comparison-panel{margin-top:1rem}
.comparison-table th,.comparison-table td{text-align:center;font-size:.72rem;padding:.72rem}
.comparison-table td:first-child{text-align:left}.comparison-table tr.me{background:#eef8f3}
@media(max-width:900px){.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-columns{grid-template-columns:1fr}}
@media(max-width:520px){.statistics-grid{grid-template-columns:1fr 1fr}.statistic-card{min-height:125px}.statistic-card>strong{font-size:1.5rem}.statistics-panel{padding:1rem}}

.calendar-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.calendar-heading .kicker{color:#087a50}
.calendar-heading h1{font-family:"DM Sans",sans-serif;font-size:2.15rem;line-height:1.1;margin:.7rem 0}
.calendar-heading p{color:var(--muted);margin:0}
.calendar-filter{display:flex;grid-auto-flow:column;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:12px;background:#fff;padding-left:.8rem;min-width:230px;margin:0}
.calendar-filter select{border:0;width:100%;background:transparent}
.calendar-round-scroll{display:flex;gap:.65rem;overflow-x:auto;padding:.15rem 0 .8rem;scrollbar-color:#949b97 #edf1ed}
.calendar-round{flex:0 0 165px;display:grid;text-align:left;gap:.25rem;border:1px solid #d9e3dc;border-radius:15px;background:#fff;padding:1rem;color:var(--ink)}
.calendar-round.active{border-color:#76c5a2;background:#eaf7f0}
.calendar-round strong{font-size:.97rem}
.calendar-round small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-round span{font-size:.72rem;color:var(--muted)}
.calendar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0 1.3rem}
.calendar-summary article{display:grid;gap:.5rem;background:#fff;border:1px solid #d9e3dc;border-radius:16px;padding:1.1rem}
.calendar-summary small{font-size:.65rem;letter-spacing:.08em}
.calendar-summary strong{font-size:1.15rem}
.calendar-agenda{background:#fff;border:1px solid #d9e3dc;border-radius:20px;padding:1.5rem}
.calendar-agenda>header .kicker{color:#087a50}
.calendar-agenda>header h2{font-family:"DM Sans",sans-serif;margin:.55rem 0 .2rem}
.calendar-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.3rem}
.calendar-match{border:1px solid #dce4df;border-radius:15px;padding:1rem;min-height:120px;display:grid;align-content:space-between}
.calendar-match.selected{border-color:#77c8a3;box-shadow:0 0 0 1px #77c8a322}
.calendar-match-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.7rem}
.calendar-match-meta span{border-radius:999px;background:#daf5e7;color:#087a50;font-size:.58rem;font-weight:800;padding:.3rem .55rem}
.calendar-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:1rem}
.calendar-versus>.calendar-team:last-child{flex-direction:row-reverse;text-align:right}
.calendar-versus>b{font-size:1.15rem;white-space:nowrap}
.calendar-team{display:flex;align-items:center;gap:.55rem;min-width:0}
.calendar-team img,.calendar-team i{width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.calendar-team i{border-radius:50%;background:#edf1ee}
.calendar-team strong{font-size:.78rem;line-height:1.15}
@media(max-width:800px){
  .calendar-heading{display:block}.calendar-filter{margin-top:1rem}.calendar-summary{grid-template-columns:1fr}.calendar-match-grid{grid-template-columns:1fr}
  .calendar-agenda{padding:1rem}.calendar-versus{gap:.5rem}.calendar-team strong{font-size:.72rem}
}
.pwa-install{position:fixed;z-index:90;right:1.25rem;bottom:1.25rem;border:0;border-radius:999px;background:var(--lime);color:var(--ink);box-shadow:0 12px 35px #07130c38;padding:.75rem 1.1rem;font-weight:800}
.pwa-install:focus-visible{outline:3px solid var(--green);outline-offset:3px}

.score-control{border:0;margin:0;padding:0;text-align:center}
.score-control legend{width:100%;display:flex;justify-content:center;margin:0 0 .7rem;padding:0;font-weight:800}
.score-control .team{justify-content:center;min-height:42px}
.score-stepper{display:grid;grid-template-columns:46px minmax(70px,1fr) 46px;align-items:center;gap:.45rem;border:1px solid #dce4df;border-radius:18px;background:#f5f8f4;padding:.45rem}
.score-stepper input{text-align:center;border:0;border-radius:13px;background:#fff;font-size:2.1rem;font-weight:900;padding:.52rem .25rem;box-shadow:inset 0 0 0 1px #e2e8e3}
.score-stepper input::-webkit-outer-spin-button,.score-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.score-stepper input[type=number]{-moz-appearance:textfield}
.score-step{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;font-size:1.55rem;font-weight:900;line-height:1}
.score-step.plus{background:var(--green);color:#fff}
.score-step.minus{background:#fff;color:var(--ink);border:1px solid #d8e0da}
.score-step:active{transform:scale(.96)}
.score-step:focus-visible,.score-stepper input:focus-visible{outline:3px solid #79d3a6;outline-offset:2px}
@media(max-width:520px){
  .score-picker{grid-template-columns:1fr;gap:.7rem;align-items:stretch}
  .score-picker>i{padding:0;text-align:center;font-size:1.3rem;font-weight:900}
}