/* Their reels, on every option (loaded after the option's own stylesheet). While a reel is on screen it loops a silent
   preview (Ian 2026-10-10: "it would be nice if videos were playing without sound ... better than just a ton of frozen
   videos"); the whole frame is the button that plays it with sound, and a small pill along the bottom says so. Without
   the script the option's own round play button shows instead. */
.vid__play i{display:none}
.vid.is-preview .vid__play{display:flex;align-items:flex-end;justify-content:center;padding:0 0 14px;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.42))}
.vid.is-preview .vid__play span{display:none}
.vid.is-preview .vid__play i{display:inline-flex;align-items:center;gap:8px;padding:9px 15px 9px 12px;border-radius:999px;background:#fff;color:#0e2427;font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;font-style:normal;letter-spacing:.01em;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .2s}
.vid.is-preview .vid__play i::before{content:"";width:18px;height:18px;flex:none;background:#0e2427;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.vid.is-preview .vid__play:hover i{transform:scale(1.05)}
.vid.is-preview .vid__play:focus-visible i{outline:3px solid #fff;outline-offset:3px}
/* The dispatch film's spot while the new film is made (Diane, 2026-10-15): the same frame, a text thread in it */
.vid__soon{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 14px;background:radial-gradient(120% 70% at 50% 100%,#2b6f75 0,rgba(43,111,117,0) 70%),#1d5157}
.vid__soon .d-bub{max-width:92%;font-size:15px;text-align:left}
.vid__soon-tag{align-self:center;margin-bottom:auto;padding:6px 12px;border:1.5px solid rgba(141,202,207,.55);border-radius:999px;font:600 12px/1 "IBM Plex Mono",ui-monospace,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:#8dcacf}
.vid__soon .d-dots{margin-bottom:auto}