/* Content is the screen; neutral chrome stays quiet in either appearance. */
.home-tv { margin: 0 auto 38px; max-width: 1120px; }
.tv-caption { display:flex; justify-content:space-between; gap:12px; margin:0 4px 12px; color:var(--muted); font-size:.6875rem; font-weight:650; letter-spacing:.12em; }
.tv-frame { padding:8px 8px 0; border:1px solid #5c5c62; border-radius:24px; background:#171719; box-shadow:0 16px 32px #0002; overflow:hidden; }
.tv-idle { position:relative; display:grid; place-items:center; aspect-ratio:16/9; min-height:240px; padding:32px; color:#f5f5f7; background:radial-gradient(ellipse at 65% 0%,#35353c,transparent 70%),#0a0a0c; border-radius:16px 16px 4px 4px; text-align:center; }
.tv-wordmark { position:absolute; top:20px; left:24px; font-weight:700; letter-spacing:-.04em; font-size:1rem; color:#c7c7cc; }
.tv-idle-content { max-width:100%; }
.tv-station { display:grid;place-items:center;margin:12px auto;width:52px;height:52px;font-size:1rem;color:#e4e4e8;border:1px solid #626269;border-radius:14px;overflow:hidden; }
.tv-station img { width:100%;height:100%;object-fit:contain; }
.tv-station svg { width:26px;height:26px; }
.tv-idle h2 { font:650 clamp(1.375rem,3vw,2.5rem)/1.15 var(--font); letter-spacing:-.035em; margin:16px 0 8px; overflow-wrap:anywhere; }
.tv-idle p { font-size:.875rem; color:#b3b3ba; margin:0 0 22px; }
.tv-watch { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:11px 24px; border-radius:999px; background:#f5f5f7; color:#171719; font-size:.9375rem; font-weight:650; }
.tv-watch:focus-visible {outline:2px solid #fff;outline-offset:4px;}
.tv-bezel { height:22px; display:flex;align-items:center;justify-content:center;position:relative;color:#a0a0a8;font-size:9px;letter-spacing:.12em; }
.tv-bezel i { position:absolute;right:20px;width:3px;height:3px;border-radius:50%;background:#c7c7cc; }
.tv-foot { width:24%;height:12px;margin:auto;border-radius:0 0 8px 8px;background:linear-gradient(#454549,#242426);box-shadow:0 8px 16px #0002; }
body[data-view=live] .watch-pane { display:none; }
body[data-view=live] .tv-workspace { grid-template-columns:170px minmax(0,1fr); }
body[data-view=live] .channel-rows { max-height:560px; }
.home-player.inline-player[open] { height:auto; min-height:0; border-radius:16px 16px 4px 4px; overflow:hidden; }
.home-player .video-container { aspect-ratio:16/9;max-height:none;height:auto; }
.home-player .player-heading { position:static; }
.home-player .channel-stepper,.home-player .player-programme { display:none; }
.home-player .player-grabber { border-radius:0; }
.home-player .player-footer { display:flex;flex-wrap:wrap;gap:8px; }
.home-player .player-footer>span { width:auto;flex:1; }
.home-player .player-footer>div { width:auto;gap:8px; }
/* Keep the TV itself widescreen; channel controls sit beneath its bezel. */
.tv-frame:has(.home-player[open]) { padding:0;border:0;background:transparent;box-shadow:none;overflow:visible; }
.tv-frame:has(.home-player[open])>.tv-bezel,.tv-frame:has(.home-player[open])+.tv-foot { display:none; }
.home-player.inline-player[open] { display:flex;flex-direction:column;background:transparent;overflow:visible; }
.home-player .cinema-layout,.home-player .cinema-stage { display:contents; }
.home-player .player-grabber { display:none; }
.home-player .video-viewport { order:0;border:7px solid #171719;border-bottom-width:12px;border-radius:18px;position:relative;margin-bottom:24px;background:#000;box-shadow:0 12px 24px #0002; }
.home-player .video-container { overflow:hidden;border-radius:10px; }
.home-player .video-viewport::after { content:'';position:absolute;bottom:-21px;left:38%;width:24%;height:9px;border-radius:0 0 8px 8px;background:#303034; }
.home-player .player-heading { order:1;border-radius:16px 16px 0 0; }
.home-player .player-footer { order:2; }
.home-player .playback-hints { order:3;border-radius:0 0 16px 16px; }
.home-player .player-message { order:4; }
.landscape-player .video-viewport::after { display:none; }
.player-heading,.player-grabber,.mini-caption,.mini-controls { user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }
.player-dialog button,.player-dialog a { -webkit-tap-highlight-color:transparent; }
body[data-input-mode=pointer] .player-dialog:focus,
body[data-input-mode=pointer] .player-dialog :focus { outline:none; }
@media(max-width:1099px){body[data-view=live] .tv-workspace {grid-template-columns:minmax(0,1fr);}body[data-view=live] .channel-rows{max-height:none;}}
@media(max-width:700px){
 .home-tv {margin-bottom:28px;} .tv-frame{padding:5px 5px 0;border-radius:16px;}
 .tv-idle{min-height:230px;padding:34px 16px 18px;border-radius:11px 11px 2px 2px;}
 .tv-caption{font-size:.625rem;letter-spacing:.08em;} .tv-wordmark{top:12px;left:14px;font-size:.8125rem;}
 .tv-idle h2{font-size:1.5rem;} .tv-idle p{font-size:.8125rem;margin-bottom:16px;}
 .tv-station{width:38px;height:38px;font-size:.875rem;margin:8px auto;}
 .tv-bezel{height:18px;} .tv-foot{height:9px;}
 .home-player .player-heading{padding:8px 10px;} .home-player .player-footer{padding:10px;}
 .home-player .player-heading h2{font-size:1rem;} .home-player .player-heading p{font-size:.75rem;}
}