html.selwali-immersive{overflow:hidden}
/* Fullscreen media uses the entire screen; controls float over it temporarily. */
#player:is(:fullscreen,.fullscreen-fallback) {
  position:fixed;inset:0;z-index:9999;display:block;width:100%;height:100%;
  margin:0;padding:0;overflow:hidden;background:#000;color:#fff;
  --text:#f7fbfb;--muted:#d5dfe0;--accent:#48d6d7;--accent-strong:#2ab5b8;
  --accent-text:#07171a;--line:#ffffff55;--soft:#252c31;--active:#ffffff25;
}
#player:is(:fullscreen,.fullscreen-fallback)::backdrop{background:#000}
#player:is(:fullscreen,.fullscreen-fallback) .stage{
  position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;
  margin:0;padding:0;border:0;border-radius:0;aspect-ratio:auto;background:#000;
}
#player:is(:fullscreen,.fullscreen-fallback) .stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;touch-action:manipulation}
#player:is(:fullscreen,.fullscreen-fallback) .controls{
  position:absolute;z-index:10;left:0;right:0;bottom:0;width:100%;max-height:50vh;overflow:auto;
  margin:0;padding:50px clamp(20px,4vw,72px) 22px;border:0;border-radius:0;box-shadow:none;
  background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.78) 55%,transparent);
  color:#fff;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease;
}
#player:is(:fullscreen,.fullscreen-fallback) .controls .track-title strong,#player:is(:fullscreen,.fullscreen-fallback) .controls .time,
#player:is(:fullscreen,.fullscreen-fallback) .controls .icon{color:#f7fbfb}
#player:is(:fullscreen,.fullscreen-fallback) .controls .track-title small{display:none}
#player:is(:fullscreen,.fullscreen-fallback) .controls .bar,#player:is(:fullscreen,.fullscreen-fallback) .controls .volume{accent-color:#48d6d7}
#player:is(:fullscreen,.fullscreen-fallback) .controls .icon:hover,#player:is(:fullscreen,.fullscreen-fallback) .controls .icon.selected{background:#ffffff29;color:#fff}
#player:is(:fullscreen,.fullscreen-fallback) .controls .primary{background:#f7fbfb;color:#07171a;border:0;box-shadow:none}
#player:is(:fullscreen,.fullscreen-fallback) .controls .primary:hover{background:#d8ffff;color:#07171a}
#player:is(:fullscreen,.fullscreen-fallback) .controls .speed{background:#242b30;color:#fff;border-color:#ffffff55}
#player:is(:fullscreen,.fullscreen-fallback) .open-control,#player:is(:fullscreen,.fullscreen-fallback) .media-toggle,#player:is(:fullscreen,.fullscreen-fallback) .compat{display:none}
#player:is(:fullscreen,.fullscreen-fallback).fullscreen-idle{cursor:none}
#player:is(:fullscreen,.fullscreen-fallback).fullscreen-idle .controls{opacity:0;transform:translateY(12px);pointer-events:none}
#player:is(:fullscreen,.fullscreen-fallback).fullscreen-idle .controls:has(:focus-visible){opacity:1;transform:none;pointer-events:auto}
@media(max-width:600px){
  #player:is(:fullscreen,.fullscreen-fallback) .controls{padding:36px 16px 14px}
  #player:is(:fullscreen,.fullscreen-fallback) .controlrow{margin-top:8px;gap:5px}
  #player:is(:fullscreen,.fullscreen-fallback) .transport{flex:1;min-width:200px}
  #player:is(:fullscreen,.fullscreen-fallback) .extras{justify-content:flex-end}
  #player:is(:fullscreen,.fullscreen-fallback) .speed{max-width:58px}
}