/* CineVault — Watch player. Append to assets/style.css or link separately. */
.watch { margin: 2rem 0; }
.watch-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap; margin-bottom: .75rem;
}
.watch-head h2 { margin: 0; font-size: 1.25rem; }
.watch-srcs { display: inline-flex; gap: .4rem; flex-wrap: wrap; }
.watch-src {
  appearance: none; cursor: pointer;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.04); color: inherit;
  padding: .4rem .85rem; border-radius: 999px;
  font: inherit; font-size: .85rem; line-height: 1;
  transition: background .15s, border-color .15s, color .15s;
}
.watch-src:hover { background: rgba(255,255,255,.1); }
.watch-src.is-active {
  background: #e50914; border-color: #e50914; color: #fff; font-weight: 600;
}
.watch-frame {
  position: relative; width: 100%; aspect-ratio: 16 / 9;
  background: #000; border-radius: 12px; overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.45);
}
.watch-frame iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
.watch-note { margin-top: .6rem; }
.watch-adnote {
  display: flex; align-items: center; gap: .75rem;
  margin-bottom: .7rem; padding: .6rem .9rem;
  font-size: .85rem; line-height: 1.35;
  background: rgba(229,9,20,.08); border: 1px solid rgba(229,9,20,.3);
  border-radius: 10px; color: inherit;
}
.watch-adnote a { color: #ff6b74; text-decoration: underline; }
.watch-addismiss {
  margin-left: auto; flex: none; cursor: pointer;
  background: none; border: 0; color: inherit; opacity: .6;
  font-size: 1rem; line-height: 1; padding: .2rem;
}
.watch-addismiss:hover { opacity: 1; }
@media (max-width: 560px) {
  .watch-head { flex-direction: column; align-items: flex-start; }
  .watch-frame { border-radius: 8px; }
}