/* Wakanda TV — Watch on TV: device casting guidance and TV display mode */
.wtc-tv-toolbar,.wtc-tv-dialog,.wtc-tv-exit-bar{box-sizing:border-box;font-family:inherit}
.wtc-tv-toolbar *,.wtc-tv-dialog *,.wtc-tv-exit-bar *{box-sizing:border-box}
.wtc-tv-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;max-width:100%;min-width:0;margin:0 0 18px;
  padding:15px 18px;border:1px solid rgba(242,199,101,.34);
  border-radius:14px;background:linear-gradient(110deg,#1c2436,#192134 67%,#302539);
  color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.wtc-tv-toolbar-copy{display:flex;align-items:center;gap:13px;min-width:0;flex:1 1 auto}
.wtc-tv-toolbar-copy>div{min-width:0}
.wtc-tv-toolbar-icon{display:grid;place-items:center;color:#f2c765;flex:0 0 44px;
  width:44px;height:44px;background:#f2c76520;border:1px solid #f2c7653a;border-radius:11px}
.wtc-tv-toolbar-copy strong{display:block;font-size:clamp(13px,1.5vw,17px);line-height:1.35;font-weight:900}
.wtc-tv-toolbar-copy small{display:block;color:#c4ccdb;font-size:12px;line-height:1.4;margin-top:4px}
.wtc-tv-toolbar-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.wtc-tv-toolbar-actions button,.wtc-tv-toolbar-actions a{
  appearance:none;font-family:inherit;white-space:nowrap;min-height:43px;display:inline-flex;align-items:center;
  justify-content:center;border-radius:9px;padding:9px 14px;text-decoration:none;font-weight:850;
  font-size:12px;line-height:1.3;cursor:pointer;
}
.wtc-tv-toolbar-actions .wtc-tv-open{background:#f2c765;color:#151821;border:1px solid #f2c765}
.wtc-tv-toolbar-actions .wtc-tv-open:hover{background:#ffe49e}
.wtc-tv-toolbar-actions .wtc-tv-theater-link{color:#f9faff;background:#2c374c;border:1px solid #72819c}
.wtc-tv-toolbar-actions .wtc-tv-theater-link:hover{background:#36465e}

.wtc-tv-dialog{
  position:fixed;z-index:999999;inset:0;margin:auto;
  width:min(690px,calc(100vw - 24px));max-width:690px;max-height:90vh;max-height:min(90dvh,910px);
  overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0;color:#f8f9fd;background:#131b2b;
  border:1px solid #60718f;border-radius:17px;
  box-shadow:0 25px 90px rgba(0,0,0,.7);
}
.wtc-tv-dialog:not([open]){display:none!important}
.wtc-tv-dialog::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.wtc-tv-dialog *{scrollbar-width:none}
.wtc-tv-dialog *::-webkit-scrollbar{width:0;height:0;display:none}
.wtc-tv-dialog::backdrop{background:rgba(3,5,12,.78);backdrop-filter:blur(4px)}
.wtc-tv-dialog-fallback{display:block}
.wtc-tv-dialog-head{
  position:sticky;top:0;z-index:2;padding:20px 23px;display:flex;justify-content:space-between;gap:16px;
  background:#1a2335;border-bottom:1px solid #49566f;
}
.wtc-tv-eyebrow{font-size:10px;letter-spacing:.12em;color:#f2c765;font-weight:900}
.wtc-tv-dialog-head h2{font-size:clamp(23px,3.5vw,32px);font-weight:900;letter-spacing:-.03em;
  color:#fff;line-height:1.2;margin:4px 0 7px}
.wtc-tv-dialog-head p{margin:0;color:#c6cfdf;font-size:13px;line-height:1.45}
.wtc-tv-dialog-head form{margin:0}
.wtc-tv-dialog .wtc-tv-close{
  display:grid;place-items:center;width:39px;height:39px;min-width:39px;padding:0;
  border:1px solid #7c8ca6;border-radius:9px;cursor:pointer;
  color:#fff;background:#303b52;font-size:25px;line-height:1;font-weight:400;
}
.wtc-tv-dialog-body{padding:20px 23px 23px;min-width:0}
.wtc-tv-channel-label{display:block;font-weight:800;font-size:13px;color:#f0f3fa}
.wtc-tv-channel-label select{
  display:block;width:100%;max-width:100%;margin-top:9px;padding:12px 14px;min-height:45px;
  border-radius:8px;border:1px solid #667790;background:#0c1320;color:#fff;font:inherit;
}
.wtc-tv-methods{
  margin:19px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.wtc-tv-methods button{
  border:1px solid #5a6a84;background:#222d40;color:#e8ecf4;
  border-radius:8px;min-width:0;min-height:44px;padding:10px 11px;
  cursor:pointer;font-size:12px;font-weight:800;text-align:center;font-family:inherit;
}
.wtc-tv-methods button[aria-selected="true"]{background:#f2c765;color:#151923;border-color:#f2c765}
.wtc-tv-dialog :is(button,select,input,a):focus-visible,
.wtc-tv-toolbar :is(button,a):focus-visible,
.wtc-tv-exit-bar :is(button,a):focus-visible{
  outline:3px solid #fff;outline-offset:3px;
}
.wtc-tv-method{
  border:1px solid #36435b;background:#111a29;
  padding:16px 17px 13px;border-radius:10px;margin:12px 0 0;
}
.wtc-tv-method[hidden]{display:none!important}
.wtc-tv-method h3{font-size:18px;color:#f3d18a;margin:0 0 9px;line-height:1.25}
.wtc-tv-method p,.wtc-tv-method li{font-size:13px;line-height:1.6;color:#e2e8f1}
.wtc-tv-method p{margin:0 0 10px}
.wtc-tv-method ol{padding-left:23px;margin:7px 0 12px}
.wtc-tv-method li{padding-left:3px;margin:0 0 8px}
.wtc-tv-method strong{font-weight:850;color:#fff}
.wtc-tv-method .wtc-tv-small-note{font-size:12px;color:#b9c4d8;margin-bottom:2px}
.wtc-tv-share{padding:17px;border:1px solid #3b4b64;border-radius:11px;background:#1b2738;margin-top:15px}
.wtc-tv-share>label{font-size:12px;color:#f0d28c;font-weight:850;display:block;margin-bottom:8px}
.wtc-tv-share-row{display:flex;align-items:stretch;gap:8px}
.wtc-tv-share-row input{
  flex:1 1 auto;width:0;min-width:0;max-width:100%;padding:11px 12px;
  color:#f3f6ff;background:#0a1321;border:1px solid #596b85;border-radius:8px;font-size:12px;
  font-family:system-ui,Arial,sans-serif;
}
.wtc-tv-share-row button,.wtc-tv-share-actions :is(a,button){
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e5ba62;border-radius:8px;padding:10px 12px;
  background:#f2c765;color:#141722;font-size:12px;line-height:1.3;font-weight:850;
  text-decoration:none;font-family:inherit;
}
.wtc-tv-share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.wtc-tv-share-actions a{background:#354157;border-color:#8392aa;color:#fff}
.wtc-tv-share-actions button[hidden]{display:none}
.wtc-tv-feedback{min-height:0;margin:9px 0 0;color:#d8f4cc;font-size:12px}
.wtc-tv-feedback:empty{display:none}
.wtc-tv-disclosure{font-size:11.5px;color:#c0cada;line-height:1.6;margin:14px 0 0}
.wtc-tv-disclosure strong{color:#fff}

@media(max-width:750px){
  .wtc-tv-methods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wtc-tv-toolbar{align-items:flex-start;flex-direction:column;padding:14px;gap:12px}
  .wtc-tv-toolbar-actions{width:100%}
  .wtc-tv-toolbar-actions button,.wtc-tv-toolbar-actions a{flex:1 1 auto;min-width:0;white-space:normal;text-align:center}
}
@media(max-width:460px){
  .wtc-tv-dialog{width:calc(100vw - 14px);max-height:94dvh;border-radius:10px}
  .wtc-tv-dialog-head{padding:14px 15px}
  .wtc-tv-dialog-body{padding:14px 13px 17px}
  .wtc-tv-method{padding:14px 12px}
  .wtc-tv-methods{gap:6px}
  .wtc-tv-methods button{font-size:11px;padding:9px 6px}
  .wtc-tv-share{padding:12px}
}

/* TV Mode: lean channel view for browsers on connected TVs or for casting a Chrome tab. */
body.wtc-tv-mode{background:#05070c;color:#fff}
body.wtc-tv-mode .cinema-header,
body.wtc-tv-mode .cinema-footer,
body.wtc-tv-mode .cinema-page-title,
body.wtc-tv-mode .wtc-back-to-top,
body.wtc-tv-mode .wtc-install-entry,
body.wtc-tv-mode .wtc-install-modal,
body.wtc-tv-mode .wtc-station-switch,
body.wtc-tv-mode .wtc-station-head,
body.wtc-tv-mode .wtc-station-next,
body.wtc-tv-mode .wtc-station-note,
body.wtc-tv-mode .wtc-station-manage-link{display:none!important}
body.wtc-tv-mode .cinema-content{
  padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:100svh!important;
}
body.wtc-tv-mode .cinema-content>.cinema-plugin-content{
  max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
}
body.wtc-tv-mode .cinema-content>.cinema-plugin-content>.wtc-station-watch{
  width:100%!important;max-width:none!important;margin:0!important;padding:0 12px 12px!important;
}
.wtc-tv-exit-bar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  width:100%;max-width:none!important;padding:10px 14px;margin:0;
  background:#111a28;color:#fff;border-bottom:1px solid #48536b;
}
.wtc-tv-exit-name{font-size:12px;letter-spacing:.06em;font-weight:900;color:#f2c765}
.wtc-tv-exit-actions{display:flex;align-items:center;gap:9px}
.wtc-tv-exit-actions :is(a,button){
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  padding:10px 13px;min-height:38px;border-radius:8px;background:#303d53;color:#fff;
  border:1px solid #7888a4;font-size:12px;font-weight:800;text-decoration:none;font-family:inherit;
}
body.wtc-tv-mode .wtc-station-watch .wtc-station-screen{
  border-radius:0!important;border:0!important;
  width:100%!important;max-width:none!important;
  height:calc(100vh - 160px)!important;height:calc(100svh - 160px)!important;min-height:320px!important;aspect-ratio:auto!important;
}
body.wtc-tv-mode .wtc-station-watch .wtc-station-controlbar{
  margin:6px 0 0!important;max-width:none!important;border-radius:8px!important;min-height:67px!important;
}
body.wtc-tv-mode .wtc-station-controlbar button{max-width:240px}
body.wtc-tv-mode .wtc-station-screen .wtc-station-start{border-radius:0}
@media(max-width:760px){
  .wtc-tv-exit-bar{padding:9px 10px}
  .wtc-tv-exit-name{font-size:10px;max-width:50%;line-height:1.3}
  .wtc-tv-exit-actions :is(a,button){padding:8px;font-size:10px}
  body.wtc-tv-mode .wtc-station-watch .wtc-station-screen{
    height:calc(100vh - 182px)!important;height:calc(100svh - 182px)!important;min-height:185px!important;
  }
  body.wtc-tv-mode .wtc-station-controlbar button{max-width:none}
}
