.rd-fs-btn, .wp-fs-touch { display: none; }
.rd-fs-btn svg, .wp-fs-touch svg { width: 20px; height: 20px; display: block; }
.rd-fs-btn .mfs-exit, .wp-fs-touch .mfs-exit { display: none; }
@media (pointer: coarse), (max-width: 700px) {
   
  body:has(#panel-read.active):is(
    :has(#panel-news.active #np-article-wrap:not(.np-hide)),
    :has(#panel-stories.active #rp-reader-view:not(.rp-hide)),
    :has(#panel-bofm.active #bofm-article-wrap:not(.bofm-hide)),
    :has(#panel-comments.active #rc-reader:not(.rc-hide)),
    :has(#panel-reddit.active #rd-reader:not(.rc-hide))) .rd-fs-btn {
    display: flex; align-items: center; justify-content: center;
    position: fixed; z-index: 900;
    right: calc(10px + env(safe-area-inset-right, 0px));
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    width: 40px; height: 40px; padding: 0; border-radius: var(--radius-pill);
    background: var(--wp-chip-bg); color: var(--wp-on-dark);
    border: 1px solid var(--wp-chip-border);
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
    opacity: 0.8; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  body.rd-fs .rd-fs-btn .mfs-enter { display: none; }
  body.rd-fs .rd-fs-btn .mfs-exit { display: block; }
   
  .wp-fs-touch {
    display: flex; align-items: center; justify-content: center;
    position: absolute; z-index: 7; top: 50%; transform: translateY(-50%);
    right: calc(4px + env(safe-area-inset-right, 0px));
    width: 36px; height: 36px; padding: 0; border-radius: var(--radius-pill);
    background: var(--wp-chip-bg); color: var(--wp-on-dark); border: 1px solid var(--wp-chip-border);
    opacity: 0.9; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  .wp-player-wrap.is-fs .wp-fs-touch .mfs-enter { display: none; }
  .wp-player-wrap.is-fs .wp-fs-touch .mfs-exit { display: block; }
}
 
@media (hover: none) and (pointer: coarse) {
  body:has(#panel-read.active) .rd-fs-btn {
    right: calc(16px + env(safe-area-inset-right, 0px)) !important;
    bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  }
  @media (max-width: 600px) {
    body:has(#rp-reader-view:not(.rp-hide) .rp-footer) .rd-fs-btn {
      bottom: calc(212px + env(safe-area-inset-bottom, 0px)) !important;
    }
  }
}
 
.wp-player-wrap.wp-pfs {
  position: fixed; inset: 0; z-index: 2147483000;
  width: 100vw; height: 100vh; width: 100dvw; height: 100dvh;
  max-width: none; max-height: none; aspect-ratio: auto; margin: 0;
  border-radius: 0; border: 0; background: var(--wp-black);
}
.wp-player-wrap.wp-pfs .wp-ctrl {
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  padding-left: calc(10px + env(safe-area-inset-left, 0px));
  padding-right: calc(10px + env(safe-area-inset-right, 0px));
}
body.wp-pfs-on { overflow: hidden; }