/* League hover presentation reused with a Youth League scope. */
html[data-environment="uyl2026"] .ucl-league-table .team-flag-inline {
  width: 33px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  margin-right: 8px;
}
html[data-environment="uyl2026"] .ucl-league-table .team-flag-hover {
  vertical-align: middle;
}
.uyl-league-hover{
        display: grid;
        gap: 10px;
        min-width: 0;
      }
.uyl-league-hover.has-notes{
        grid-template-columns: minmax(330px, 0.95fr) minmax(270px, 1.05fr);
        align-items: stretch;
      }
.uyl-league-hover .league-hover-main{
        min-width: 0;
      }
.uyl-league-hover .league-hover-head{
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 9px;
        align-items: center;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--line);
      }
.uyl-league-hover .league-hover-head strong,.uyl-league-hover .league-hover-head em{
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.uyl-league-hover .league-hover-head strong{
        font-size:calc(0.98rem * var(--ui-font-scale,1));
        font-weight: 950;
      }
.uyl-league-hover .league-hover-head em{
        color: var(--muted);
        font-size:calc(0.78rem * var(--ui-font-scale,1));
        font-style: normal;
        font-weight: 850;
      }
.uyl-league-hover .league-hover-head .hover-logo{
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        border-radius: 9px;
        background: var(--paper);
        border: 1px solid rgba(0, 0, 0, 0.12);
        padding: 5px;
      }
.uyl-league-hover .league-hover-grid{
        padding-top: 9px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
      }
.uyl-league-hover .league-hover-grid > div{
        min-width: 0;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.045);
        padding: 7px;
      }
.uyl-league-hover .league-hover-grid > div.wide{
        grid-column: 1 / -1;
      }
.uyl-league-hover .league-hover-grid span,.uyl-league-hover .league-hover-grid strong{
        display: block;
      }
.uyl-league-hover .league-hover-grid span{
        color: var(--muted);
        font-size:calc(0.68rem * var(--ui-font-scale,1));
        font-weight: 950;
        text-transform: uppercase;
      }
.uyl-league-hover .league-hover-grid strong{
        margin-top: 2px;
        color: var(--text);
        font-size:calc(0.8rem * var(--ui-font-scale,1));
        font-weight: 900;
        line-height: 1.25;
      }
.uyl-league-hover.has-notes > .app-notes-component{
        min-width: 0;
        height: 100%;
        max-height: min(520px, calc(100vh - 72px));
        overflow: auto;
        border-left: 1px solid var(--line);
        font-size:calc(0.76rem * var(--ui-font-scale,1));
        line-height: 1.25;
      }
.uyl-league-hover.has-notes > .app-notes-component.writable{
        grid-template-rows: auto auto minmax(0, 1fr) auto;
      }
.uyl-league-hover.has-notes > .app-notes-component.writable .league-note-new,.uyl-league-hover.has-notes > .app-notes-component.writable .league-note-text-field{
        min-height: 0;
        height: 100%;
      }
.uyl-league-hover.has-notes > .app-notes-component.writable .league-note-new{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto;
        width: 100%;
      }
.uyl-league-hover.has-notes > .app-notes-component.writable .league-note-new textarea{
        min-height: 100%;
        height: 100%;
        resize: none;
      }
.uyl-league-hover.has-notes > .league-hover-note-stack{
        min-width: 0;
        height: 100%;
        max-height: none;
        overflow: visible;
        border-left: 1px solid var(--line);
        display: grid;
        gap: 8px;
        align-content: stretch;
        font-size:calc(0.76rem * var(--ui-font-scale,1));
        line-height: 1.25;
      }
.uyl-league-hover.has-notes .app-notes-component.writable .league-note-new-controls{
        align-self: end;
        height: 42px;
        min-height: 42px;
        max-height: 42px;
      }
.uyl-league-hover.has-notes .app-notes-component.writable .league-note-new-controls > select,.uyl-league-hover.has-notes .app-notes-component.writable .league-note-new-controls > button{
        align-self: stretch;
        height: 42px;
        min-height: 42px;
        max-height: 42px;
      }
.uyl-league-hover.has-notes{
          grid-template-columns: 1fr;
        }
.uyl-league-hover.has-notes > .app-notes-component{
          max-height: min(340px, calc(100vh - 170px));
          border-top: 1px solid var(--line);
          border-left: 0;
        }
.uyl-league-hover.has-notes > .league-hover-note-stack{
          height: auto;
          max-height: none;
          overflow: visible;
          border-top: 1px solid var(--line);
          border-left: 0;
        }
.uyl-league-hover .stadium-city-description{margin-top:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);padding:9px 10px}
.uyl-league-hover .stadium-city-description p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text);font-size:calc(.76rem * var(--ui-font-scale,1));font-weight:700;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.uyl-league-hover .stadium-city-description.expanded p{display:block;overflow:visible;-webkit-line-clamp:unset}
.uyl-league-hover .stadium-city-description button{display:block;margin:7px 0 0;border:0;background:transparent;color:var(--accent-strong,var(--accent));padding:0;font:inherit;font-size:calc(.69rem * var(--ui-font-scale,1));font-weight:950;cursor:pointer}
.uyl-league-hover .stadium-city-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.uyl-league-hover .stadium-city-highlight-column{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);padding:9px}
.uyl-league-hover .stadium-city-highlight-column.sights{grid-column:1/-1}
.uyl-league-hover .stadium-city-highlight-column h4{margin:0 0 6px;color:var(--accent-strong,var(--accent));font-size:calc(.72rem * var(--ui-font-scale,1));font-weight:950}
.uyl-league-hover .stadium-city-highlight-column>div{display:grid;gap:5px}
.uyl-league-hover .stadium-city-highlight-column.sights>div{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.uyl-league-hover .stadium-city-highlight-column article{min-width:0;border-top:1px solid var(--line);padding-top:5px}
.uyl-league-hover .stadium-city-highlight-column article:first-child{border-top:0;padding-top:0}
.uyl-league-hover .stadium-city-highlight-column a,.uyl-league-hover .stadium-city-highlight-column strong{display:block;color:var(--text);font-size:calc(.7rem * var(--ui-font-scale,1));font-weight:950;text-decoration:none}
.uyl-league-hover .stadium-city-highlight-column a:hover{text-decoration:underline}
.uyl-league-hover .stadium-city-highlight-column p{margin:2px 0 0;color:var(--muted);font-size:calc(.64rem * var(--ui-font-scale,1));font-weight:700;line-height:1.3}
.uyl-league-hover .stadium-city-highlights{grid-template-columns:1fr}
.uyl-league-hover .stadium-city-highlight-column.sights{grid-column:auto}
.uyl-league-hover .stadium-city-highlight-column.sights>div{grid-template-columns:1fr}.uyl-league-hover{--accent-strong:var(--accent);--quiet:var(--muted);padding:12px;color:var(--text);background:var(--panel-soft,var(--panel));border:1px solid var(--line);border-radius:12px;font-size:calc(14px * var(--ui-font-scale,1))}
.uyl-league-hover.has-notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;max-height:calc(100dvh - 40px);overflow:hidden}
.uyl-league-hover.stadium-city-hover-content{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
.uyl-league-hover>.league-hover-main,.uyl-league-hover>.league-hover-note-stack{min-width:0;min-height:0;max-height:calc(100dvh - 68px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.uyl-league-hover>.league-hover-note-stack{display:flex;flex-direction:column;gap:14px;padding-left:12px;border-left:1px solid var(--line)}
.uyl-league-hover .app-notes-component{max-height:none!important;height:auto;flex:1 0 auto;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:12px}
.uyl-league-hover .app-notes-component.writable{display:flex;flex-direction:column;gap:10px}
.uyl-league-hover .league-note-new,.uyl-league-hover .league-note-text-field{display:flex;flex-direction:column;flex:1;min-height:0}
.uyl-league-hover .league-note-new textarea{width:100%;flex:1;min-height:180px;resize:vertical}
.uyl-league-hover .league-note-new-controls{display:flex;gap:7px;margin-top:8px}
.uyl-league-hover .league-note-new-controls select{width:48px}
.uyl-league-hover .league-note-new-controls button:last-child{flex:1}
.uyl-hover-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:9px;background:var(--panel);overflow:hidden}
.uyl-hover-avatar img{width:100%;height:100%;object-fit:contain}
.uyl-hover-avatar svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uyl-league-hover .league-hover-head strong,.uyl-league-hover .league-hover-head em{white-space:normal}
.uyl-league-hover .league-hover-grid{margin:10px 0}
.uyl-league-hover .league-hover-grid>div{padding:7px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-radius:7px}
.uyl-league-hover .league-hover-grid strong{white-space:normal}
.uyl-league-hover .uyl-hover-section{padding:10px;margin:10px 0;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.uyl-league-hover h4{margin:4px 0 8px}.uyl-league-hover p{line-height:1.45}
.uyl-league-hover a{color:var(--accent)}
.uyl-league-hover .league-stadium-hover-media{margin:12px 0}
.uyl-league-hover .league-stadium-hover-media img{width:100%;max-height:250px;object-fit:cover;border-radius:8px}
.uyl-league-hover .league-stadium-hover-media figcaption{font-size:calc(11px * var(--ui-font-scale,1));line-height:1.4}
.uyl-league-hover .stadium-city-description p{display:block;overflow:visible;-webkit-line-clamp:unset}
body[data-environment="uyl2026"] .match-meta-icon-chip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uyl-league-hover .stadium-city-highlight-column p{font-size:calc(13px * var(--ui-font-scale,1))}.uyl-league-hover .stadium-city-highlight-column a{font-size:calc(14px * var(--ui-font-scale,1))}
@media(max-width:760px){.uyl-league-hover.has-notes,.uyl-league-hover.stadium-city-hover-content{grid-template-columns:minmax(0,1fr);overflow:auto}.uyl-league-hover>.league-hover-main,.uyl-league-hover>.league-hover-note-stack{max-height:none;overflow:visible}.uyl-league-hover>.league-hover-note-stack{padding-left:0;border-left:0}.uyl-league-hover .stadium-city-highlights{grid-template-columns:1fr}.uyl-league-hover .league-note-new textarea{min-height:140px}}
/* Full-width composers use the league's available notes column. */
.uyl-league-hover.has-notes>.league-hover-note-stack{display:flex;align-items:stretch;align-self:stretch;border-top:0;border-left:1px solid var(--line);overflow:auto;max-height:calc(100dvh - 68px)}
.uyl-league-hover.has-notes .app-notes-component .league-note-new,.uyl-league-hover.has-notes .app-notes-component .league-note-text-field{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-width:0}
.uyl-league-hover.has-notes .app-notes-component .league-note-new-controls{align-self:stretch;width:100%;display:grid;grid-template-columns:48px 38px minmax(0,1fr)}
.uyl-league-hover.has-notes .app-notes-component .league-note-new textarea{width:100%;max-width:none;min-height:180px}
.uyl-league-hover .stadium-city-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
.uyl-league-hover .stadium-city-highlight-column.sights{grid-column:1/-1}
.uyl-league-hover .stadium-city-highlight-column.sights>div{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
@media(max-width:760px){.uyl-league-hover.has-notes>.league-hover-note-stack{max-height:none;overflow:visible;border-left:0}.uyl-league-hover .stadium-city-highlights{grid-template-columns:1fr}}
.uyl-hover-upcoming p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:6px}
.uyl-hover-upcoming span{color:var(--muted)}
/* Keep the compact current-season summary on one deliberate row.  This
   component rule also wins against the generic two-column hover grid. */
/* The temporary shirt number is part of the shared player-notes column. */
body[data-environment="uyl2026"] .uyl-player-note-stack{display:flex;flex-direction:column;gap:8px}
body[data-environment="uyl2026"] .uyl-temporary-shirt-number{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;margin:0;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
body[data-environment="uyl2026"] .uyl-temporary-shirt-number label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-weight:800}
body[data-environment="uyl2026"] .uyl-temporary-shirt-number label span{font-size:calc(.78rem * var(--ui-font-scale,1));color:var(--muted)}
body[data-environment="uyl2026"] .uyl-temporary-shirt-number input{width:58px;min-height:31px;padding:3px 6px;text-align:center;font:inherit;font-weight:900;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:inherit}
body[data-environment="uyl2026"] .uyl-temporary-shirt-number button{min-height:31px;padding:4px 9px;white-space:nowrap}
body[data-environment="uyl2026"] .uyl-temporary-shirt-number small{grid-column:1/-1;font-size:calc(.72rem * var(--ui-font-scale,1));color:var(--muted);white-space:nowrap}
@media(max-width:520px){body[data-environment="uyl2026"] .uyl-temporary-shirt-number{grid-template-columns:1fr}body[data-environment="uyl2026"] .uyl-temporary-shirt-number button{justify-self:start}body[data-environment="uyl2026"] .uyl-temporary-shirt-number small{white-space:normal}}
.uyl-table-hover{max-height:calc(100dvh - 40px);overflow:auto;padding:12px}
.uyl-table-hover table{width:100%;border-collapse:collapse;font-size:calc(14px * var(--ui-font-scale,1))}
.uyl-table-hover th,.uyl-table-hover td{text-align:left;padding:5px;border-bottom:1px solid var(--line)}
.uyl-table-hover tr.is-live-team td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.uyl-table-hover tr.is-current-match-team td{background:color-mix(in srgb,var(--accent) 18%,var(--panel));font-weight:850}
.uyl-table-live-status{display:inline-flex;align-items:center;white-space:nowrap;padding:2px 6px;border-radius:999px;background:#dff5e9;color:#147046;font-size:calc(.68rem * var(--ui-font-scale,1));font-weight:950}
.uyl-table-live-status.is-current{background:var(--accent);color:var(--accent-ink,#fff)}

/* The league icon row replaces the old event navigation, rather than adding a second row. */
html.uyl-league-controls #matchTabs{display:none}
html[data-environment="unl2026"] .event-league-hover{font-size:calc(.875rem * var(--ui-font-scale,1))}
html[data-environment="unl2026"] [data-tooltip-kind="match-score"]{cursor:pointer}
html[data-environment="unl2026"] [data-tooltip-kind="match-score"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.event-league-hover .event-score-ticker-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.65rem;padding:.5rem;border-radius:.4rem;background:var(--panel);border-left:3px solid var(--accent)}
.event-league-hover .event-score-minute{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-weight:900}
.event-league-hover .event-score-progress{display:inline-block;margin-top:.25rem;padding:.1rem .4rem;border-radius:.35rem;background:var(--panel-soft);font-weight:900}
@media(min-width:861px){
  
  
  html.uyl-league-controls .match-context-icons-left,html.uyl-league-controls .match-context-primary-icons{position:absolute;bottom:12px}
  html.uyl-league-controls .match-context-icons-left{left:12px}
  html.uyl-league-controls .match-context-primary-icons{right:12px;top:auto;align-items:flex-end}
}
@media(max-width:860px){}