<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="b2w3Fi81kxvnXBXs_f7vHdkdi62m4pMc9ATPIXSVakl8XcKtRPJrcddkPM6isWzVrtMjls9-M99n8r8mhETWTA" /></head><body>
<turbo-stream action="update" target="program_show"><template>
  <turbo-frame data-viewing-session-id="6c30b6f4b971f2c346f59354b2b487ce3b1db860aa226016ade3dde12603c837" id="program_player">
      
<div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="false"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Preserving Worlds&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Preserving Worlds&quot;]'
  ></span>
</div>

<div
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="907877"
>

      
<div class="collection-header block md:flex items-start justify-between mb-6" id="collection_header">
  <div class="flex-1 md:me-4">
    <p class="collection-lable text-primary text-ds-tiny-bold-uppercase mb-1">
      <ds-icon class="inline-block align-sub" size="16px" name='playlist'></ds-icon> Collection
    </p>
    <h1 class="collection-title text-ds-title-2-semi-bold mb-4 md:mb-0 max-w-full mt-1" data-area="collection-title">
      Preserving Worlds
    </h1>
  </div>
  <div>
      <a class="justify-center w-full lg:w-auto h-full
        bg-gray-200 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700 px-4 py-2 box-border
        inline-flex items-center text-ds-default font-medium cursor-pointer transition duration-200
        rounded flex-grow disabled:cursor-wait disabled:opacity-50" data-turbo="true" data-turbo-frame="program_show" data-turbo-action="advance" href="/programs/preservingworlds">
          <ds-icon class="mr-2" name='playlist'></ds-icon>
          Visit collection homepage
</a>  </div>
</div>


    <div class='flex items-stretch md:flex-row md:flex-wrap flex-col flex-nowrap max-w-full' data-program-player>
        <turbo-frame class="contents" id="program_collection">
            <div class="flex-1">
      
<video-player
  offset=""
  data-controller="new-program-video"
  storage-key="uscreen:video"
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;Ep4: Doom | Preserving Worlds&quot;,&quot;video_id&quot;:907789}"
  data-new-program-video-stats-value="{&quot;store_id&quot;:7507,&quot;video_id&quot;:-907789,&quot;content_id&quot;:907789,&quot;content_title&quot;:&quot;Ep4: Doom | Preserving Worlds&quot;,&quot;content_type&quot;:&quot;video&quot;,&quot;chapter_id&quot;:-907789,&quot;user_id&quot;:null,&quot;author_id&quot;:-1,&quot;author_title&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-new-program-video-content-type-value="collection"
  data-new-program-video-next-video-id-value="1699451"
  data-new-program-video-svl-session-url-value="https://means.tv/svl/sessions?program_id=907789"
  data-new-program-video-challenge-watched-video-url-value=""
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-new-program-video-target="video"
    poster="https://alpha.uscreencdn.com/images/videos/905853/7507_2Fplayer_image_2F905853_2FoDlMZ3QSg28GADXgBRMQ_Mitchell_20Zemil_20-_20Thumb_Doom.jpg"
  >
    <source
      src="https://stream.mux.com/r22M9tzESYL1jZ9O8Gfst00Z01u37Nh00q8.m3u8"
      type="application/x-mpegURL"
    />
  </video>
  <video-controls>
    <video-timeline >
      <video-timer format="past"></video-timer>
    </video-timeline>
    <video-play-button></video-play-button>
      <video-backward-button></video-backward-button>
      <video-forward-button></video-forward-button>
    <video-volume-button></video-volume-button>
    <video-volume-control></video-volume-control>
    <div class="ms-auto"></div>
    <video-subtitles-button></video-subtitles-button>
    <video-settings-button
    
    ></video-settings-button>
    <video-airplay-button></video-airplay-button>
    <video-pip-button></video-pip-button>
    <video-chromecast-button></video-chromecast-button>
    <video-fullscreen-button></video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
  <form
    data-action="submit->new-program-video#bugReportSend"
    data-new-program-video-target="bugReport"
    class="absolute z-10 inset-0 hidden flex items-center justify-center bg-transparent-gray"
  >
    <div class="p-4 rounded bg-ds-default border border-ds-default">
      <ds-text-editor
        name="body"
        variant="minimal"
        placeholder="Video playback issue description"
        onkeydown="event.stopPropagation()"
        class="min-w-[500px] mb-4"
      >
      </ds-text-editor>
      <div class="flex justify-end">
        <ds-button
          variant="ghost"
          class="me-2"
          data-action="click->new-program-video#bugReportClose"
        >
          Cancel
        </ds-button>
        <ds-button
          type="submit"
          variant="primary"
        >
          Submit
        </ds-button>
      </div>
    </div>
  </form>
</video-player>

</div>
</turbo-frame>
          <div class="w-0 relative z-20 hidden md:block">
  <button 
    role="button"
    data-action='click->program#toggleSidebar'
    class="
      absolute right-0 top-0 mt-1 transform
      p-2 text-white transition-transform scale-100 hover:scale-110
    "
    >
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path d="m7.5 15 5-5-5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>

  </button>
</div>

          <div class="relative w-full md:w-[320px] h-64 md:h-auto" data-program-target='sidebar'>
            <turbo-frame id="program_playlist">
              
<div class="dark:border-gray-900 absolute inset-0 flex flex-col border" data-area="playlist">
  <div class="flex items-center justify-between py-3 border-b px-3 bg-gray-100 dark:border-gray-900 dark:bg-gray-900">
    <p class="text-xs font-thin uppercase" data-area="counter">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="inline-block pr-3 box-content" height="16" width="16"><path fill="currentColor" d="M4.4 2.5a.6.6 0 0 1 .6-.6h6a.6.6 0 1 1 0 1.2H5a.6.6 0 0 1-.6-.6zm-1.5 2a.6.6 0 0 1 .6-.6h9a.6.6 0 1 1 0 1.2h-9a.6.6 0 0 1-.6-.6z"></path><path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6.5zm4.5 1.824a.2.2 0 0 1 .29-.18l3.352 1.677a.2.2 0 0 1 0 .358L6.79 11.855a.2.2 0 0 1-.289-.178V8.324z" clip-rule="evenodd"></path></svg>

       20 videos
    </p>

    <label
      class="flex no-wrap text-xs cursor-pointer items-center"
      data-area="autoplay"
    >
      Autoplay
      <input
        type="checkbox"
        class="hidden peer"
        data-action="program#toggleAutoplay"
        data-program-target="autoplay"
      >
      <span class="
        ms-3 relative rounded-full h-4 w-6
        bg-gray-500 peer-checked:bg-primary transition-colors
        before:absolute before:h-3 before:w-3 before:left-0.5
        before:bg-white before:rounded-full before:top-1/2
        before:-translate-y-1/2 before:transition-transform
        peer-checked:before:translate-x-1/2 peer-checked:before:left-1
      "></span>
    </label>
  </div>
  <div class="flex-1 overflow-y-auto " data-area="chapters">
      <turbo-frame class="contents" id="program_playlist_chapter_3126704">
          <div class="m-3 ps-2  " data-area="playlist-divider">
    Season 1
  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699446">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699446"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699446" data-permalink="mitchell-zemil-pw_intro_h264_210112mp4-fe3ce9" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699446" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="mitchell-zemil-pw_intro_h264_210112mp4-fe3ce9" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699446&amp;permalink=mitchell-zemil-pw_intro_h264_210112mp4-fe3ce9" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699446&amp;permalink=mitchell-zemil-pw_intro_h264_210112mp4-fe3ce9">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905817/7507_2Fplayer_image_2F905817_2F4KT7NixET2GPvBeqvQan_Mitchell_20Zemil_20-_20Thumb_Intro_20copy.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Introduction to Preserving Worlds" style="word-break: break-word;">Introduction to Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">01:50</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699446" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699447">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699447"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699447" data-permalink="mitchell-zemil-pw_pilot_worldschat_h264_210112mp4-15e0e5" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699447" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="mitchell-zemil-pw_pilot_worldschat_h264_210112mp4-15e0e5" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699447&amp;permalink=mitchell-zemil-pw_pilot_worldschat_h264_210112mp4-15e0e5" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699447&amp;permalink=mitchell-zemil-pw_pilot_worldschat_h264_210112mp4-15e0e5">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905842/7507_2Fplayer_image_2F905842_2FiDnHcl1XQ6uR2jGATx1K_Mitchell_20Zemil_20-_20Thumb_WorldsChat_20copy.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Ep1: WorldsChat | Preserving Worlds" style="word-break: break-word;">Ep1: WorldsChat | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">13:49</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699447" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699448">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699448"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699448" data-permalink="mitchell-zemil-pw_01_zzt_h264_210112mp4-c2ef69" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699448" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="mitchell-zemil-pw_01_zzt_h264_210112mp4-c2ef69" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699448&amp;permalink=mitchell-zemil-pw_01_zzt_h264_210112mp4-c2ef69" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699448&amp;permalink=mitchell-zemil-pw_01_zzt_h264_210112mp4-c2ef69">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905857/7507_2Fplayer_image_2F905857_2FxgCnl3HhRLfZBSZY30Ae_Mitchell_20Zemil_20-_20Thumb_ZZT_20copy.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Ep2: ZZT | Preserving Worlds" style="word-break: break-word;">Ep2: ZZT | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">27:51</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699448" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699449">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699449"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699449" data-permalink="mitchell-zemil-pw_02_myst_h264_210112mp4-39393c" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699449" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="mitchell-zemil-pw_02_myst_h264_210112mp4-39393c" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699449&amp;permalink=mitchell-zemil-pw_02_myst_h264_210112mp4-39393c" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699449&amp;permalink=mitchell-zemil-pw_02_myst_h264_210112mp4-39393c">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905856/7507_2Fplayer_image_2F905856_2FMZJKOZByRmxVUvT1qmvn_myst_20online_20alt_20thumb.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Ep3: Myst Online | Preserving Worlds" style="word-break: break-word;">Ep3: Myst Online | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">27:30</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699449" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699450">
          <div class="m-3 bg-gray-300 dark:bg-gray-900 rounded break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699450"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699450" data-permalink="mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699450" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699450&amp;permalink=mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699450&amp;permalink=mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905853/7507_2Fplayer_image_2F905853_2FoDlMZ3QSg28GADXgBRMQ_Mitchell_20Zemil_20-_20Thumb_Doom.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Ep4: Doom | Preserving Worlds" style="word-break: break-word;">Ep4: Doom | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">24:57</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699450" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699451">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699451"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699451" data-permalink="pw_04_neohabitat" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699451" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pw_04_neohabitat" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699451&amp;permalink=pw_04_neohabitat" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699451&amp;permalink=pw_04_neohabitat">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905852/7507_2Fplayer_image_2F905852_2FsudCmo0zSIWYfWnK6YBo_Mitchell_20Zemil_20-_20Thumb_NeoHabitat_20copy.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Ep5: NeoHabitat | Preserving Worlds" style="word-break: break-word;">Ep5: NeoHabitat | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">24:32</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699451" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1699452">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1699452"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1699452" data-permalink="mitchell-zemil-pw_05_secondlife_h264_210112mp4-4842fc" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1699452" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="mitchell-zemil-pw_05_secondlife_h264_210112mp4-4842fc" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1699452&amp;permalink=mitchell-zemil-pw_05_secondlife_h264_210112mp4-4842fc" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1699452&amp;permalink=mitchell-zemil-pw_05_secondlife_h264_210112mp4-4842fc">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/905861/7507_2Fplayer_image_2F905861_2FwxeLYIDoRkG9xAJNkabP_second_20life_20alt_20thumb.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Ep6: Second Life | Preserving Worlds" style="word-break: break-word;">Ep6: Second Life | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">30:10</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1699452" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3126703">
          <div class="m-3 ps-2  " data-area="playlist-divider">
    Season 2
  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3131858">
          <div class="m-3 ps-2  " data-area="playlist-divider">
    New episodes every Monday
  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3126705">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3126705"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3126705" data-permalink="201-rpg" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3126705" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="201-rpg" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3126705&amp;permalink=201-rpg" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3126705&amp;permalink=201-rpg">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep201_rpg-maker-the-dream-of-the-engine_thumbnail.1684548924.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="RPG Maker - The Dream of the Engine | Preserving Worlds" style="word-break: break-word;">RPG Maker - The Dream of the Engine | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">25:35</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3126705" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              One of the most popular hobbyist game engines of the early 2000&#39;s
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3126706">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3126706"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3126706" data-permalink="202-meridian59" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3126706" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="202-meridian59" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3126706&amp;permalink=202-meridian59" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3126706&amp;permalink=202-meridian59">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep202_meridian-59-a-culture-of-absolute-conflict_thumbnail.1684548969.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Meridian 59 - A Culture of Absolute Conflict | Preserving Worlds" style="word-break: break-word;">Meridian 59 - A Culture of Absolute Conflict | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">41:01</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3126706" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              Meridian 59 was one of the first graphical massively multiplayer online RPGs, and it&#39;s still one of the most violent.
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3135724">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3135724"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3135724" data-permalink="203-hundeparken" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3135724" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="203-hundeparken" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3135724&amp;permalink=203-hundeparken" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3135724&amp;permalink=203-hundeparken">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep203_hundeparken-a-pixel-talking-to-another-pixel_thumbnail.1684936739.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Hundeparken - A Pixel Talking To Another Pixel | Preserving Worlds" style="word-break: break-word;">Hundeparken - A Pixel Talking To Another Pixel | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">40:52</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3135724" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              In the early 2000&#39;s, the Danish Public Broadcasting Company ran Hundeparken, an entirely non-profit social browser game.
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3149744">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3149744"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3149744" data-permalink="204-activeworlds" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3149744" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="204-activeworlds" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3149744&amp;permalink=204-activeworlds" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3149744&amp;permalink=204-activeworlds">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep204_activeworlds-cyberspace-with-a-human-face_thumbnail.1685628073.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Active Worlds - Cyberspace With A Human Face | Preserving Worlds" style="word-break: break-word;">Active Worlds - Cyberspace With A Human Face | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">45:42</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3149744" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              In the mid 90&#39;s, the Contact Consortium brought together technologists and artists to shepherd early virtual worlds into the mainstream.
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3155113">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3155113"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3155113" data-permalink="205-furcadia" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3155113" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="205-furcadia" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3155113&amp;permalink=205-furcadia" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3155113&amp;permalink=205-furcadia">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep205_furcadia-were-still-running-on-one-machine_thumbnail.1685974902.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Furcadia - We&#39;re Still Running On One Machine | Preserving Worlds" style="word-break: break-word;">Furcadia - We&#39;re Still Running On One Machine | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">35:10</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3155113" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              The 1996 chat game Furcadia is still run by its original creators, and almost entirely staffed by long-time players.
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3174719">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3174719"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3174719" data-permalink="206-gemstone-iv_final-fantasy-xiv" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3174719" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="206-gemstone-iv_final-fantasy-xiv" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3174719&amp;permalink=206-gemstone-iv_final-fantasy-xiv" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3174719&amp;permalink=206-gemstone-iv_final-fantasy-xiv">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep206_gemstone-iv_final-fantasy-xiv-now-youre-covered-in-friends_thumbnail.1686948262.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="Gemstone IV / Final Fantasy XIV - Now You&#39;re Covered in Friends | Preserving Worlds" style="word-break: break-word;">Gemstone IV / Final Fantasy XIV - Now You&#39;re Covered in Friends | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">55:11</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3174719" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              The history of online games is short enough that some players have seen nearly their entire evolution first-hand.
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_3182930">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="3182930"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="3182930" data-permalink="207-diy" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="3182930" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="207-diy" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=3182930&amp;permalink=207-diy" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=3182930&amp;permalink=207-diy">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Fmtv-org_pw_ep207_diy-you-gotta-put-in-the-work_thumbnail.1687535345.png" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="DIY - You Gotta Put in the Work | Preserving Worlds" style="word-break: break-word;">DIY - You Gotta Put in the Work | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">45:26</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_3182930" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal border-t mt-2 p-1 pt-2 hidden" data-area="description">
              We spoke with DIY creators to learn about their methods, tools, and the ways their communities were able to benefit from their efforts.
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711409">
          <div class="m-3 ps-2  " data-area="playlist-divider">
    Bonus Expeditions
  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711410">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1711410"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1711410" data-permalink="pwbe_worldschatmp4-a6d0d5" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1711410" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pwbe_worldschatmp4-a6d0d5" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1711410&amp;permalink=pwbe_worldschatmp4-a6d0d5" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1711410&amp;permalink=pwbe_worldschatmp4-a6d0d5">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/911127/7507_2Fplayer_image_2F911127_2FEInO1ESTMu6B6vToW7t6_Thumb_BonusWorldsChat.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="BONUS: WorldsChat | Preserving Worlds" style="word-break: break-word;">BONUS: WorldsChat | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">41:05</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1711410" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711411">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1711411"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1711411" data-permalink="pwbe_zztmp4-d3eefd" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1711411" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pwbe_zztmp4-d3eefd" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1711411&amp;permalink=pwbe_zztmp4-d3eefd" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1711411&amp;permalink=pwbe_zztmp4-d3eefd">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/911186/7507_2Fplayer_image_2F911186_2FScdn3hndTJmti5jWLyGU_Mitchell_20Zemil_20-_20Thumb_BonusZZT.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="BONUS: ZZT | Preserving Worlds" style="word-break: break-word;">BONUS: ZZT | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">01:02:31</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1711411" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711412">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1711412"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1711412" data-permalink="pwbe_mystmp4-709081" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1711412" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pwbe_mystmp4-709081" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1711412&amp;permalink=pwbe_mystmp4-709081" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1711412&amp;permalink=pwbe_mystmp4-709081">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/911151/7507_2Fplayer_image_2F911151_2FsyyynSmQgijbzEik3SCw_Mitchell_20Zemil_20-_20Thumb_BonusMyst.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="BONUS: Myst Online | Preserving Worlds" style="word-break: break-word;">BONUS: Myst Online | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">52:53</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1711412" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711413">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1711413"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1711413" data-permalink="pwbe_doommp4-385685" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1711413" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pwbe_doommp4-385685" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1711413&amp;permalink=pwbe_doommp4-385685" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1711413&amp;permalink=pwbe_doommp4-385685">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/911152/7507_2Fplayer_image_2F911152_2FSx1DRoVsQAyBMeNN2vUZ_Thumb_BonusDoom.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="BONUS: Doom | Preserving Worlds" style="word-break: break-word;">BONUS: Doom | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">51:24</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1711413" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711414">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1711414"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1711414" data-permalink="pwbe_neohabitatmp4-56f24f" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1711414" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pwbe_neohabitatmp4-56f24f" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1711414&amp;permalink=pwbe_neohabitatmp4-56f24f" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1711414&amp;permalink=pwbe_neohabitatmp4-56f24f">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/911185/7507_2Fplayer_image_2F911185_2FWegHVC8ZQIqthbFjlFkY_Mitchell_20Zemil_20-_20Thumb_BonusNeoHabitat.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="BONUS: NeoHabitat | Preserving Worlds" style="word-break: break-word;">BONUS: NeoHabitat | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">35:48</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1711414" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16" class="ms-1 inline" data-area="downloadable-icon" height="14" width="16"><path fill="currentColor" fill-rule="evenodd" d="M2.645 8.175h7.553V6.87H2.645v1.305zm0 2.424h7.553V9.294H2.645V10.6zm0 2.424h5.128v-1.305H2.646v1.305zM11.63 4.69H9.445a1.074 1.074 0 0 1-1.074-1.074V1.432C8.371.641 7.731 0 6.94 0H1.432C.641 0 0 .64 0 1.432v12.261c0 .791.64 1.432 1.432 1.432H11.63c.79 0 1.432-.64 1.432-1.432v-7.57c0-.792-.641-1.433-1.432-1.433z" opacity=".8"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>      <turbo-frame class="contents" id="program_playlist_chapter_1711415">
          <div class="m-3 false break-all"
       data-controller="playlist-item"
       data-playlist-item-id-value="1711415"
       data-playlist-item-vertical-value="true"
       data-area="playlist-item"
  >
    <div data-cid="1711415" data-permalink="pwbe_secondlifemp4-b22cab" class="cursor-pointer">
      <form data-playlist-item-target="form" data-turbo="true" action="/programs/preservingworlds/next_video" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
        <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
        <input type="hidden" name="cid" id="cid" value="1711415" autocomplete="off" />
        <input type="hidden" name="permalink" id="permalink" value="pwbe_secondlifemp4-b22cab" autocomplete="off" />
        <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/preservingworlds?cid=1711415&amp;permalink=pwbe_secondlifemp4-b22cab" autocomplete="off" />

        <a data-action="click-&gt;playlist-item#nextVideo" class="block p-2 rounded group break-all" href="/programs/preservingworlds?cid=1711415&amp;permalink=pwbe_secondlifemp4-b22cab">
          <div class="flex items-start">
            <div class="relative flex-shrink-0 w-20">

              <img class="rounded w-full" data-area="preview-image" src="https://alpha.uscreencdn.com/270xnull/images/videos/911205/7507_2Fplayer_image_2F911205_2FCRkSnQ9iSPi838jGSTsA_Thumb_BonusSL.jpg" />

              <div class="absolute inset-0 bg-transparent-dark rounded hidden"></div>


                <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

                </div>
            </div>
            <div class="ms-3">
              <p class="text-sm line-clamp-2" data-area="title" title="BONUS: Second Life | Preserving Worlds" style="word-break: break-word;">BONUS: Second Life | Preserving Worlds</p>
              <p class="me-1 flex items-center text-xs text-gray-600">
                <span data-area="duration">45:26</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" fill="none" id="program_chapter_watched_icon_1711415" class="ms-1 inline hidden" data-area="watched-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.151 12.076.076l.848.848L5 8.848.576 4.424l.848-.848L5 7.15Z" fill="currentColor"></path></svg>

              </p>
            </div>
          </div>

            <p data-playlist-item-target="shortDescription" class="border-gray-300 dark:border-gray-700 text-xs text-gray-600 break-normal " data-area="description">
              
            </p>
</a></form></div>  </div>

</turbo-frame>  </div>
</div>

</turbo-frame>          </div>
    </div>

    <turbo-frame id="program_buttons">
      
<div class="mt-6">

  <div class="flex justify-between flex-col lg:flex-row">
    <div class="lg:flex justify-between w-full">
        <h2 class="flex-1 max-w-full lg:max-w-lg xl:max-w-2xl text-lg md:text-2xl leading-6 font-semibold" data-area="program-title">
          Ep4: Doom | Preserving Worlds
        </h2>
      <div class="cbt-action-bar flex-0 flex mt-4 items-stretch lg:items-start lg:mt-0 gap-2 lg:ps-4" data-area="program-buttons">
                

        <ds-button
          class="w-full lg:w-auto"
          data-controller="share-button"
          content-visible-on="md"
          data-action="click->share-button#show"
          data-share-button-content-value='{"main_poster":"https://alpha.uscreencdn.com/images/programs/907877/horizontal/small_7507_2Fcatalog_image_2F907877_2FgFLtBh1SpGITgVOw6Aou_BRANDED_20SHOW_20THUMB_20LQ.jpg"}'
          data-area="share-button">
          <ds-icon slot="before" name='share'></ds-icon>
          <span>Share</span>
        </ds-button>

        <ds-dropdown id="more_actions_btn" class="flex-1 w-full lg:w-auto hidden">
          <ds-button slot="control" class="w-full">
            <ds-icon name='dots-horizontal'></ds-icon>
          </ds-button>>
          <div slot="content" class="flex flex-col">
                      </div>
        </ds-dropdown>
      </div>
    </div>
  </div>
</div>

<turbo-frame loading="lazy" class="fixed bg-transparent-dark inset-0 flex items-center justify-center z-50 hidden" data-container="true" data-action="click-&gt;program#hideTrailer" id="program_trailer" src="/programs/mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e/trailer"></turbo-frame>

</turbo-frame>
    <div class="block lg:hidden">
      
    </div>

    <div class="flex justify-between flex-wrap items-start">
      <div class="w-full lg:w-2/3 lg:mt-1 mt-5" id="program_about">
        <turbo-frame class="w-full" id="program_description_block">
          
  <ds-show-more
    style="--ds-show-more-fade-color: var(--section-background-color);"
    lines="6"
    class="mt-1"
    float="left"
    show-more-title="Show more"
    show-less-title="Show less"
  >
    <div
      class="content-description program-description-text"
      slot="content"
      data-area="about-description"
      data-controller="timestamp"
    >
      <p><br></p>
    </div>
  </ds-show-more>

  <div class="content-categories flex flex-wrap mt-5" data-area="program-categories">

      <a class="category block dark:bg-white dark:text-black rounded bg-black text-white py-1 px-3 text-sm font-bold me-2 mb-2" data-area="category-item" href="/categories/category_originals">MEANS TV ORIGINALS</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e/resources?parent_collection_id=preservingworlds"></turbo-frame>

</turbo-frame>
          <div class="w-full mt-10" id="comments_section_wrapper">
            <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments">
  <h3 class="comments-title font-medium text-xl">
    Comments
    (<turbo-frame id="video_907789_comments_count">0</turbo-frame>)
  </h3>
    <p class="pt-4">
        <a class="text-primary capitalize" href="/sign_in">sign in</a> to view the conversation
    </p>
</turbo-frame>
          </div>
      </div>
      <div class="w-full lg:w-1/4 items-end flex-col flex">
        <div class="hidden w-full mt-5 lg:block">
          
        </div>

          <div class="w-full mt-10">
            <turbo-frame loading="lazy" id="program_related" src="/programs/mitchell-zemil-pw_03_doom_h264_210112mp4-75ff2e/related?vertical=true"></turbo-frame>
          </div>
      </div>
    </div>

</div>



</turbo-frame></template></turbo-stream></body></html>