/* The shared shell owns header/menu/player rows; channel content stays inside its player row. */
#player-surface:has(.sports-view) {container-type:inline-size;container-name:sports-shell;min-height:0;align-items:stretch}
.sports-view {box-sizing:border-box;width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden;padding:14px;background:#172a2a;color:#f2f3e9;font-family:Arial,sans-serif}
.sports-view * {box-sizing:border-box}
.sports-header {display:flex;gap:12px;align-items:center;border-bottom:1px solid #54766b;padding-bottom:10px}
.sports-header strong {background:#4d8a70;color:#fff;padding:5px 10px;letter-spacing:.1em;font-size:22px}
.sports-header span {font-size:16px}
.sports-layout {display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;min-width:0;min-height:0;overflow:auto}
.sports-nav {min-height:0;overflow-y:auto;padding:2px 10px 6px 2px;scrollbar-color:#73a98d #172a2a}
.sports-view button,.sports-view input {font:inherit;font-size:13px;border:1px solid #77988a;border-radius:3px;padding:8px 9px;background:#244139;color:#f2f3e9}
.sports-view input {background:#f4f3e6;color:#1b2924}
.sports-view button {cursor:pointer}
.sports-view button:hover,.sports-view button[aria-pressed=true] {background:#d5e5d5;color:#243b31}
.sports-view button:focus-visible,.sports-view input:focus-visible {outline:3px solid #e9c86a;outline-offset:-3px}
.sports-view button:disabled {opacity:.55;cursor:default}
.sports-categories,.sports-scopes {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.sports-destinations,.sports-sources {display:grid;gap:6px;margin-bottom:12px}
.sports-sources button {text-align:left}
.sports-home {font-weight:600;font-size:13px;margin:14px 0 8px;border-top:1px solid #54766b;padding-top:12px}
.sports-search,.sports-results {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sports-search input {min-width:0;width:100%}
.sports-pane {min-width:0;min-height:0;display:flex;flex-direction:column;gap:7px}
.sports-identity {font-weight:700;font-size:14px;margin:0;flex:none}
.sports-message {font-size:13px;line-height:1.3;margin:0;flex:none}
.sports-pane>button {align-self:flex-start;flex:none}
.sports-player {width:100%;min-width:0;min-height:200px;flex:1 1 0;background:#101715;overflow:hidden}
.sports-player iframe {display:block;width:100%;height:100%;min-height:200px}
.sports-view [hidden] {display:none}
@container sports-shell (max-width:640px) {
 .sports-view {padding:10px;gap:8px}.sports-header {padding-bottom:7px}.sports-header span {font-size:13px}.sports-header strong {font-size:18px}
 .sports-layout {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) minmax(60px,.35fr);gap:8px}
 .sports-pane {grid-row:1;min-height:min-content}.sports-nav {grid-row:2;padding:5px 2px;border-top:1px solid #54766b}
 .sports-categories {grid-template-columns:repeat(3,minmax(0,1fr))}.sports-categories button {min-width:0;white-space:normal;overflow-wrap:anywhere;padding:8px 5px}
 .sports-destinations,.sports-sources {display:flex;flex-wrap:wrap}
}