/* 263-r3: the shared World Cup / club palette, with UCL-specific layout only. */
/* 263-r11: the header (logo, sport switcher, language) is the shared one in shell.css. */
.ucl-shell{max-width:1100px;margin:0 auto;padding:16px 16px 24px}
.ucl-heading{text-align:center;padding:18px 16px 20px;background:linear-gradient(135deg,var(--panel),var(--accent-soft));border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.ucl-heading h1,.ucl-panel h2{font-family:'Archivo Expanded',Archivo,sans-serif;text-transform:uppercase;letter-spacing:.05em;line-height:1.25}
.ucl-heading h1{font-size:clamp(22px,4vw,38px);margin:10px 0 18px}
.ucl-heading p{margin:8px 0}
.ucl-eyebrow{font-family:'JetBrains Mono',monospace;color:var(--accent);font-size:12px;text-transform:uppercase}
.ucl-panel{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:16px}
.ucl-panel h2{font-size:14px}
.ucl-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ucl-button,.ucl-clubs button{border:1px solid var(--line);border-radius:999px;padding:9px 15px;color:var(--text);background:var(--bg);cursor:pointer;min-height:40px}
.ucl-button:hover,.ucl-clubs button:hover{border-color:var(--accent)}
.ucl-button[aria-pressed=true],.ucl-clubs button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text,var(--accent))}
button:disabled{opacity:.55;cursor:default}
.ucl-clubs{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}
.ucl-filters{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
.ucl-filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px;font-size:12px;color:var(--muted)}
.ucl-filters select{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px;width:100%}
.ucl-views{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:24px 0 12px}
.ucl-views button{flex:1;min-height:48px;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;cursor:pointer;font-weight:700}
.ucl-views button[aria-pressed=true]{color:var(--text);border-bottom-color:#E9B949}
.ucl-match{padding:14px;border:1px solid var(--line);border-radius:14px;margin:12px 0;background:linear-gradient(110deg,var(--panel),var(--accent-soft))}
.ucl-match-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.ucl-score-row{display:grid;grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);align-items:center;gap:8px;margin:16px 0;text-align:center}
.ucl-score-row strong{overflow-wrap:anywhere;font-size:15px}
.ucl-score{font-family:'JetBrains Mono',monospace;font-size:25px;font-weight:700;text-align:center}
.ucl-playing{border-color:var(--live,#2FBF71)}
.ucl-playing .ucl-match-top{color:var(--live,#2FBF71)}
.ucl-time,.ucl-note{font-size:12px;color:var(--muted)}
.ucl-time{text-align:center}
.ucl-note{margin:8px 0}
.ucl-empty{padding:28px 16px;border:1px solid var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.ucl-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin:16px 0;background:var(--panel)}
.ucl-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.ucl-table-wrap caption{text-align:left;padding:16px;font-weight:700;font-family:'Archivo Expanded',Archivo,sans-serif;text-transform:uppercase;white-space:normal}
.ucl-table-wrap th,.ucl-table-wrap td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center}
.ucl-table-wrap th:nth-child(2){text-align:left;min-width:150px}
.ucl-table-wrap thead{color:var(--muted)}
.ucl-table-wrap tbody th{text-align:left}
.ucl-table-wrap tbody td{font-family:'JetBrains Mono',monospace}
.ucl-table-wrap tr.ucl-selected{background:var(--accent-soft);box-shadow:inset 3px 0 #E9B949}
.ucl-form{letter-spacing:.13em}
.ucl-calendar{margin-top:24px}
.ucl-sources p{margin:12px 0;font-size:13px;color:var(--muted)}
.ucl-sources a{color:var(--accent-text,var(--accent));text-decoration:underline;text-underline-offset:3px}
summary{cursor:pointer;min-height:32px}
#ucl-warning:not(:empty){border-left:3px solid #E9B949;padding:12px;background:var(--accent-soft);font-size:13px;margin-bottom:16px}
.ucl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ucl-skip{position:absolute;left:16px;top:-100px;background:var(--panel);color:var(--text);padding:12px;z-index:10000}
.ucl-skip:focus{top:10px}
:focus-visible{outline:2px solid #E9B949;outline-offset:3px}
body[data-theme=light] .ucl-eyebrow{color:#775300}
@media(max-width:520px){.ucl-shell{padding:16px 12px}.ucl-panel{padding:14px}.ucl-score-row{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.ucl-score-row strong{font-size:13px}.ucl-score{font-size:22px}.ucl-heading{padding:20px 12px}.ucl-section-head{align-items:flex-start}.ucl-clubs button{font-size:12px}.ucl-views button{font-size:12px}}
/* 263-r11: shorter page top on phones — a tighter heading, and the matchday and time-zone
   pickers side by side instead of stacked, so the first match is nearer the top. */
@media(max-width:560px){.ucl-heading{padding:14px 12px 12px;margin-bottom:14px}.ucl-heading h1{margin:6px 0 10px}.ucl-heading p{margin:6px 0}.ucl-filters{gap:10px;margin-top:12px}.ucl-filters label{min-width:0;flex:1 1 130px}.ucl-views{margin-top:16px}}