/* League choices wrap as the catalog grows, keeping readable card widths. */
#menu .tabs.menu-primary,#menu .tabs.menu-cups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
#menu .tabs [data-mode],#menu .tabs #onlineOpen{grid-column:auto;justify-self:stretch;width:100%;min-width:0;min-height:51px;padding:8px 6px;font-size:14px}
#menu .tabs.menu-primary{margin-top:20px}#menu .tabs.menu-cups{margin-bottom:12px}
#menu .menu-cups .competition-logo{width:28px;height:31px;margin-right:7px;object-fit:contain}
#menu .menu-primary #onlineOpen{background:linear-gradient(#455e6e,#172e3d);border-color:#b5ccd7;font-weight:700}
#menu .menu-primary #onlineOpen:hover{background:linear-gradient(#58798e,#25495e)}
#leaguePicker{border:0;border-top:1px solid #77775080;margin:12px 0 10px;padding:8px 0 0;min-width:0}
#leaguePicker legend{color:#e5dfad;font-size:13px;padding:0 10px 0 0}
.league-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
#leaguePicker .league-choices button{flex:0 0 calc((100% - (var(--league-columns,5) - 1)*7px)/var(--league-columns,5));min-height:81px}
#leaguePicker button{display:grid;grid-template-rows:28px auto auto;justify-items:center;align-content:center;gap:4px;min-width:0;min-height:81px;padding:7px 4px;border:1px solid #a6a680;border-radius:6px;background:linear-gradient(#424431,#232617);font-size:11px;line-height:1.2;color:#f4f1dc}
#leaguePicker button img{height:28px;width:29px;object-fit:contain}
#leaguePicker button small{font-size:9px;font-weight:400;color:#d1cdab}
#leaguePicker button>span:not(.all-clubs-icon){min-width:0;max-width:100%;white-space:normal;overflow-wrap:break-word}
#leaguePicker button.selected{background:linear-gradient(#a2522a,#693112);border:2px solid #f6ce74;padding:6px 3px;color:#fff}
#leaguePicker button:hover{background:linear-gradient(#696b49,#363b23)}
#leaguePicker button.selected:hover{background:linear-gradient(#b75a2b,#7a3712)}
#leaguePicker button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#leaguePicker [data-league-choice=argentina][aria-expanded=true]{outline:2px solid #d8cf94;outline-offset:2px}
.argentina-leagues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px;padding:10px;border:1px solid #777750;border-radius:6px;background:#131808}
.argentina-leagues[hidden]{display:none}
.argentina-leagues::before{content:'Elegí la categoría de Argentina';grid-column:1/-1;color:#e5dfad;font-size:12px;margin-bottom:2px}
.brazil-leagues,.england-leagues{grid-template-columns:repeat(2,minmax(0,1fr))}.brazil-leagues::before{content:'Elegí la división de Brasil'}
@media(max-width:700px){.argentina-leagues{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:6px}.argentina-leagues button:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 6px)/2);justify-self:center}}
.all-clubs-icon{height:28px;font-size:23px}
@media(max-width:700px){#menu .tabs.menu-primary,#menu .tabs.menu-cups{gap:5px;margin:7px 0}#menu .tabs [data-mode],#menu .tabs #onlineOpen{font-size:10px;min-height:45px;padding:6px 3px;gap:3px}#menu .menu-cups .competition-logo{width:21px;height:24px;margin:0}#menu .tabs.menu-cups button{flex-direction:column}.league-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#leaguePicker button{grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;text-align:left;min-height:56px;gap:3px 4px;font-size:10px}#leaguePicker button img,.all-clubs-icon{grid-row:1/3;width:22px;height:25px;font-size:21px}#leaguePicker{margin:9px 0 7px}#leaguePicker legend{font-size:12px}}
@media(max-width:950px) and (orientation:landscape){.league-choices{grid-template-columns:repeat(5,minmax(0,1fr))}#menu .tabs [data-mode],#menu .tabs #onlineOpen{min-height:34px;padding:4px;font-size:10px}#menu .tabs.menu-cups button{flex-direction:row}#menu .menu-cups .competition-logo{width:18px;height:22px}#leaguePicker{margin:5px 0;padding-top:3px}#leaguePicker button{min-height:56px;grid-template-columns:22px 1fr;grid-template-rows:auto auto;text-align:left;justify-items:start;font-size:10px;min-width:0}#leaguePicker button img,.all-clubs-icon{grid-row:1/3;width:22px;height:24px;font-size:21px}#leaguePicker button small{font-size:8px}}
/* The selected league is already visible in the picker or competition tab. */
#menu #categoryBrand{display:none;margin:0;padding:0}
#menu .actions #onlineOpen{min-width:210px;min-height:54px;padding:12px 28px;font-size:17px;font-weight:700}
@media(max-width:520px){#menu .actions #onlineOpen{min-width:190px;min-height:48px;padding:10px 22px;font-size:15px}}
@media(max-width:950px) and (orientation:landscape){.league-choices{grid-template-columns:repeat(5,minmax(0,1fr))}#menu .actions #onlineOpen{min-width:160px;min-height:40px;padding:7px 18px;font-size:13px}}

#arena #windReadout{top:12px;left:50%;right:auto;transform:translateX(-50%);max-width:35%;white-space:nowrap;text-align:center;font-size:clamp(9px,1.2cqw,12px);padding:5px 8px;z-index:5}
#substitutionPicker{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#101b10e8;color:#f3efcf;padding:16px}.substitution-card{width:min(620px,100%);max-height:100%;overflow:auto;text-align:center}.substitution-card h2{font-size:23px;margin:0 0 5px}.substitution-card>p{font-size:13px;color:#e8dfac;margin:5px 0 12px}.substitution-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:14px}.substitution-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;min-height:125px;font-size:13px;line-height:1.3}.substitution-options canvas{width:65px;height:65px}.substitution-options .on-field{opacity:.65;border-color:#e3cc71;cursor:default}.substitution-options small{color:#f1da8c;font-size:10px}#substitutionCancel{font-size:13px;min-height:40px}@media(max-height:500px){#substitutionPicker{padding:9px}.substitution-card h2{font-size:17px}.substitution-card>p{font-size:11px;margin:3px 0 8px}.substitution-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-bottom:8px}.substitution-options button{min-height:85px;padding:5px;font-size:11px}.substitution-options canvas{height:44px;width:44px}#substitutionCancel{min-height:32px;font-size:11px}}
@media(max-width:600px){#arena #windReadout{top:60px}}
@media(max-height:500px){#arena #windReadout{top:60px}}

/* Each cup keeps its logo palette in every selection state. */
#menu .tabs.menu-cups{grid-template-columns:repeat(5,minmax(0,1fr))}
#menu .menu-cups [data-mode]{background:linear-gradient(var(--cup-top),var(--cup-bottom));border-color:var(--cup-border);color:var(--cup-text,#fff);text-shadow:0 1px 2px #0007}
#menu .menu-cups [data-mode=sudamericana]{--cup-top:#65717f;--cup-bottom:#293441;--cup-border:#c7d3e0}
#menu .menu-cups [data-mode=worldcup]{--cup-top:#876c12;--cup-bottom:#4d3a04;--cup-border:#f0d45c}
#menu .menu-cups [data-mode=libertadores]{--cup-top:#886b34;--cup-bottom:#46300d;--cup-border:#dbb76d}
#menu .menu-cups [data-mode=cup]{--cup-top:#2074a3;--cup-bottom:#17344e;--cup-border:#75c9e8}
#menu .menu-cups [data-mode=champions]{--cup-top:#f5f7ff;--cup-bottom:#aab9e8;--cup-border:#c9d7ff;--cup-text:#08085a;text-shadow:none}
#menu .menu-cups [data-mode]:hover{filter:brightness(1.16)}
#menu .menu-cups [data-mode].selected{outline:2px solid var(--cup-border);outline-offset:2px;box-shadow:inset 0 0 0 1px #fff9}
#menu .menu-cups [data-mode]:focus-visible{outline:3px solid #fff;outline-offset:3px}
.champion-cup[data-competition=champions] img,.dvadi-final-trophy[src*="copa-champions"]{background:#eef1ff;border-radius:12px;padding:10px;box-sizing:border-box}
@media(max-width:700px){#menu .tabs.menu-cups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){#menu .tabs.menu-cups{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Copa Argentina's wide logo needs a landscape frame and a light backing. */
#menu .menu-cups [data-mode=cup] .competition-logo{width:70px;height:38px;max-width:46%;flex-shrink:0;object-fit:cover;background:#f5f7fa;border-radius:5px;margin-right:5px}
#leaguePicker [data-league-choice=europa] img{background:#edf1ff;border-radius:4px;padding:2px;box-sizing:border-box}
@media(max-width:700px){#menu .menu-cups [data-mode=cup] .competition-logo{width:60px;height:32px;max-width:80%;margin:0}}
@media(max-width:950px) and (orientation:landscape){#menu .menu-cups [data-mode=cup] .competition-logo{width:48px;height:26px;max-width:42%;margin-right:3px}}


@media(max-width:700px),(max-width:950px) and (orientation:landscape){#leaguePicker .league-choices button{min-height:56px}}

/* Six cups in one even row (two rows of three on phones). */
#menu .tabs.menu-cups{grid-template-columns:repeat(6,minmax(0,1fr))}
#menu .menu-cups button{min-width:0;padding-left:6px;padding-right:6px;font-size:14px}
@media(max-width:700px){#menu .tabs.menu-cups{grid-template-columns:repeat(3,minmax(0,1fr))}}

.england-leagues::before{content:'Elegí la división de Inglaterra'}

/* Give logos and translated labels separate, bounded columns. */
#menu .tabs.menu-cups button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;justify-content:center;gap:5px;padding:7px 6px;font-size:12px;line-height:1.2;min-height:62px;white-space:normal}
#menu .tabs.menu-cups .competition-label{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:center}
#menu .tabs.menu-cups .competition-logo{width:28px;height:32px;max-width:100%;margin:0;object-fit:contain}
#menu .tabs.menu-cups [data-mode=cup]{grid-template-columns:42px minmax(0,1fr)}
#menu .tabs.menu-cups [data-mode=cup] .competition-logo{width:42px;height:30px;max-width:100%;margin:0;object-fit:contain}
@media(max-width:700px){#menu .tabs.menu-cups button{grid-template-columns:23px minmax(0,1fr);gap:4px;font-size:10px;padding:6px 4px}#menu .tabs.menu-cups .competition-logo{width:23px;height:27px}#menu .tabs.menu-cups [data-mode=cup]{grid-template-columns:30px minmax(0,1fr)}#menu .tabs.menu-cups [data-mode=cup] .competition-logo{width:30px;height:25px}}

@media(min-width:701px){#menu .tabs.menu-cups [data-mode=sudamericana]{grid-template-columns:18px minmax(0,1fr);gap:3px}#menu .tabs.menu-cups [data-mode=sudamericana] .competition-logo{width:18px;height:29px}}
@media(min-width:701px) and (max-width:950px){#menu .tabs.menu-cups:has([data-mode=clubworldcup]){grid-template-columns:repeat(4,minmax(0,1fr))}}