css:
  @media (max-width: 800px) {
    .mobile-single { display: block !important; }
    .desktop-single { display: none; }
    #scoreboard-switches { display: none; }
  }

- if @contest.puzzles.size < 2
  = render "selectors"

  turbo-frame id="scoreboard"
    a.btn.btn-primary href="" id="refresh-button" style="display: none;"
    .mobile-single style="display: none;"
      = render "scoreboard_mobile_single"
    .desktop-single
      = render "scoreboard_desktop_single"
  
- else
  turbo-frame id="scoreboard"
    a.btn.btn-primary href="" id="refresh-button" style="display: none;"
    = render "scoreboard_desktop_marathon"