.pf-cinema-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.pf-cinema-toolbar[hidden] { display: none; }
.pf-cinema-toggle {
  min-height: 44px;
  border-color: #4a3c2a;
  background: linear-gradient(145deg, #25221d, #171716 75%);
  color: #e0d9cf;
}
.pf-cinema-toggle[aria-pressed="true"] {
  color: var(--accent, #ff9900);
  border-color: var(--accent, #ff9900);
  box-shadow: 0 0 15px #ff99001a;
}
.pf-cinema-toggle:focus-visible {
  outline: 2px solid var(--accent, #ff9900);
  outline-offset: 3px;
}
/* One dimming layer; the existing video and its controls remain untouched. */
.watch-main {
  overflow-anchor: none;
}
.pf-cinema-veil {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms cubic-bezier(.2, .65, .3, 1);
  touch-action: pan-y;
}
body.pf-lights-off > .pf-cinema-veil { opacity: .8; pointer-events: auto; }
.watch-main .player-wrap, .watch-main .watch-under-player {
  width: 100%;
}
.watch-main.is-cinema .player-wrap,
.watch-main.is-cinema .pf-cinema-toolbar { position: relative; z-index: 102; }
@media (max-width: 680px) {
  .watch-main .player-wrap,
  .watch-main.is-cinema .player-wrap { width: calc(100% + 4px); }
}
@media (prefers-reduced-motion: reduce) {
  .pf-cinema-veil { transition: none; }
}

/* One constant-height row below the player. Category anchors are server-rendered. */
.watch-under-player{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;max-width:100%;margin:12px 0 16px}
.watch-under-player.no-cinema{grid-template-columns:minmax(0,1fr);gap:0}
.watch-under-player>.watch-category-controls{min-width:0;max-width:100%;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;scroll-margin:0}
.watch-category-controls>.watch-category-rail{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;min-width:0;max-width:100%;height:44px;margin:0;padding:3px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:3px;-webkit-overflow-scrolling:touch}
.watch-category-rail::-webkit-scrollbar{display:none}
.watch-category-rail>.pill{flex:0 0 auto;min-width:0;max-width:none;min-height:36px;padding:7px 12px;font-size:12px;font-weight:600;line-height:20px;border-radius:10px;white-space:nowrap}
.watch-category-rail>.pill:focus-visible{outline:2px solid var(--accent,#ff9900);outline-offset:1px}
.watch-under-player .pf-cinema-toolbar{min-width:0;margin:0}
.watch-under-player .pf-cinema-toggle{min-height:44px;white-space:nowrap}
@media(min-width:681px){.watch-category-controls.has-category-arrows{gap:6px;grid-template-columns:32px minmax(0,1fr) 32px}.watch-category-controls>.pf-category-arrow{width:32px;min-width:32px;height:40px;border-radius:10px;font-size:26px}}
@media(max-width:680px){
  .watch-under-player{gap:12px;margin:10px 0 13px}
  .watch-under-player.no-cinema{gap:0}
  .watch-under-player .pf-cinema-toolbar{position:relative;padding-inline-start:14px}
  .watch-under-player .pf-cinema-toolbar::before{content:"";position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:1px;background:#79542d;pointer-events:none}
  .watch-under-player .pf-cinema-toggle{padding:8px 9px;gap:5px;font-size:11px}
  .watch-under-player .pf-cinema-toggle .icon{width:16px;height:16px;flex:0 0 auto}
  .watch-category-rail>.pill{padding:7px 10px;font-size:11px}
}

/* Static Ambient halo approved in the preview: no frame sampling or continuous effect. */
.watch-main.is-cinema .player-wrap{box-shadow:0 0 32px 5px #ffa50030,0 0 75px 15px #ffa50018}