/* RankRealm casting guide: keeps YouTube embed on-site, no external handoff. */
.watch-social-left{position:relative}
.watch-tv-menu{position:relative;z-index:30}
.watch-tv-menu>summary{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:30px;padding:5px 10px;list-style:none;cursor:pointer;
  border:1px solid #d4a264;border-radius:7px;
  background:linear-gradient(120deg,#3f234a,#25152e);
  color:#ffe1aa;font:700 13px/1.2 var(--rr-font-ui,"Segoe UI",sans-serif);
  white-space:nowrap
}
.watch-tv-menu>summary::-webkit-details-marker{display:none}
.watch-tv-menu>summary:hover,.watch-tv-menu>summary:focus-visible,
.watch-tv-menu[open]>summary{
  border-color:#f0bf85;box-shadow:0 0 10px #b76aef65
}
.watch-tv-options{
  position:absolute;z-index:50;top:calc(100% + 11px);left:0;
  width:min(370px,calc(100vw - 32px));padding:17px 19px;
  color:#eadcf6;background:linear-gradient(150deg,#261833,#110e22);
  border:1px solid #b78b5f;border-radius:10px;
  box-shadow:0 14px 40px #000d,0 0 17px #bc77ee52;
  font:400 12px/1.65 var(--rr-font-body,"Segoe UI",sans-serif)
}
.watch-tv-options::before{
  content:"";position:absolute;inset:-4px;pointer-events:none;
  border:13px solid transparent;
  border-image-source:url("frames/channel-card-gold.png");
  border-image-slice:16% 12% 16% 12%;
  border-image-width:13px
}
.watch-tv-options .watch-tv-title{
  margin:0 0 8px;color:#ffdb9e;
  font:700 18px/1.3 var(--rr-font-display,Georgia,serif)
}
.watch-tv-options p{margin:0 0 9px;line-height:1.55}
.watch-tv-options .watch-tv-instruction{color:#cbbcd9;font-size:11px}
.watch-tv-steps{margin:10px 0 15px;padding-left:23px}
.watch-tv-steps li{margin:0 0 9px;padding-left:2px}
.watch-tv-steps li::marker{color:#f9c77e;font-weight:700}
@media(max-width:650px){
  .watch-tv-options{left:-8px;width:min(340px,calc(100vw - 28px));padding:16px}
}