.data-mode-note{display:flex;align-items:center;gap:13px;padding:14px 17px;border:1px solid var(--line);border-left:3px solid var(--warning);border-radius:10px;background:var(--panel);margin-bottom:22px}.source-tag{font:9px var(--mono);padding:6px 7px;color:var(--warning);background:var(--warning-soft);border-radius:5px;flex:none}.data-mode-note strong{font-size:12px;font-weight:600}.data-mode-note p{font-size:11px;line-height:1.6;color:var(--soft);margin-top:3px}.data-mode-note .text-button{margin-left:auto}
.geography-filters{padding:14px 18px;border-top:1px solid var(--line);background:var(--surface)}.geography-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.geography-top>div{min-width:0}.region-group{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.region-group button{border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--soft);padding:7px 11px;font-size:11px}.region-group .active{color:var(--green);background:var(--green-soft);border-color:var(--green)}
.country-field{display:grid;gap:5px;flex:none;max-width:100%;font-size:10px;color:var(--soft)}.country-field select{width:240px;max-width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:9px 11px;color:var(--text);font-size:12px}
#region-note{font-size:10px;line-height:1.7;color:var(--soft);margin:12px 0 2px}.region-summary{font-size:10px;color:var(--green)}
.card-geography{display:flex;justify-content:space-between;gap:10px;padding:0 16px 8px;font-size:9px;color:var(--muted)}.card-geography span{min-width:0;overflow-wrap:anywhere}.card-geography span:last-child{text-align:right}.live-badge{font-family:var(--body);font-size:8px;letter-spacing:0;white-space:nowrap}.sport-label{white-space:nowrap}
.match-time-block{min-width:95px;flex:none;text-align:right}.match-time-block small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.match-time{font-variant-numeric:tabular-nums}.match-time[data-phase="break"]{color:var(--warning)}.current-match-clock{font-size:10px;color:var(--soft);padding:8px 0;border-bottom:1px solid var(--line);margin-top:-6px;margin-bottom:8px}
.clock-explanation p{line-height:1.8;margin-bottom:15px}
@media(max-width:1200px){.geography-top{align-items:flex-start;flex-wrap:wrap}.country-field{width:100%;grid-template-columns:45px minmax(0,1fr);align-items:center}.country-field select{width:100%}}
@media(max-width:600px){.data-mode-note{align-items:flex-start;flex-wrap:wrap;padding:12px;gap:9px}.data-mode-note>div{width:calc(100% - 61px)}.data-mode-note strong{font-size:11px}.data-mode-note p{font-size:10px}.data-mode-note .text-button{margin-left:51px;white-space:normal;text-align:left}.geography-filters{padding:12px}.region-group{gap:5px}.region-group button{font-size:10px;padding:7px 9px}.country-field{grid-template-columns:35px minmax(0,1fr)}.country-field select{font-size:11px}.match-time-block{min-width:85px}.card-top{gap:5px}.status-pill{font-size:10px}}