gleam.io Open in urlscan Pro
172.66.40.77  Public Scan

Submitted URL: https://link.square-enix-games.com/click/35706129.3704079/aHR0cHM6Ly9raG9uc3RlYW0uY29tP3NhaWx0aHJ1X3ZhcnNba2luZ2RvbWhlYXJ0c109MQ/5e...
Effective URL: https://gleam.io/1WS2o/khonsteam?utm_source=Sailthru&utm_medium=email&utm_campaign=SEA%20-%20EN%20-%20Kingdom%20H...
Submission: On July 10 via manual from GB — Scanned from GB

Form analysis 37 forms found in the DOM

Name: emailRecoveryForm

<form class="compact-box form-compact ng-pristine ng-valid ng-scope" id="other-logins" name="emailRecoveryForm">
  <div class="form-compact__content">
    <div class="form-compact__part">
      <h3 class="center">Log in to your existing account</h3>
      <p class="center">
        <strong class="ng-binding"></strong>
      </p>
      <p class="center ng-binding">has already been used to log in to Gleam.</p>
      <p class="center">Please log in to your linked account:</p>
      <ul class="unstyled">
        <!-- ngRepeat: provider in contestantState.otherLogins -->
        <!-- ngIf: contestantState.form.email && contestantState.allowRecovery -->
      </ul>
    </div>
    <!-- ngIf: contestantState.recoveryState && !showRecoveryForm() -->
    <!-- ngIf: contestantState.recoveryState && showRecoveryForm() -->
  </div>
  <div class="form-actions center">
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Other Logins')">
Cancel
</a>
  </div>
</form>

Name: contestantEditForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantEditForm" style="padding-top: 15px">
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-if="!contestantState.form.email_verfication_required" style="padding-bottom: 10px">
    <div class="form-horizontal">
      <div class="input required stringish form-group" ng-class="{error: contestantEditForm.name.$invalid &amp;&amp; contestantEditForm.name.$touched, success: contestantEditForm.name.$valid}">
        <label class="implicit-label">
          <div class="control-label">Full Name</div>
          <div class="form-wrapper">
            <input name="name" ng-disabled="contestantEditFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
              class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
            <div class="help-inline" ng-hide="contestantEditForm.name.$viewValue">Required</div>
          </div>
        </label>
      </div>
      <div class="email input required stringish form-group"
        ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantEditForm.email.$invalid &amp;&amp; contestantEditForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantEditForm.email.$valid}">
        <label class="implicit-label">
          <div class="control-label">Email</div>
          <div class="form-wrapper">
            <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantEditFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
              pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
              class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
            <div class="help-inline" ng-hide="contestantEditForm.email.$viewValue">Required</div>
            <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
            </div>
          </div>
        </label>
      </div>
    </div>
    <!-- ngIf: ::!isReward() && campaign.show_competition_subscription -->
    <div class="boolean input optional form-group ng-scope" ng-if="::!isReward() &amp;&amp; campaign.show_competition_subscription">
      <div class="form-wrapper">
        <label class="checkbox ng-binding">
          <span class="icon"></span>
          <span class="icon-to-fade"></span>
          <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
          <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
      </div>
    </div><!-- end ngIf: ::!isReward() && campaign.show_competition_subscription -->
    <!-- ngIf: campaign.confirmation_email_enabled -->
    <div class="boolean input optional form-group ng-scope" ng-if="campaign.confirmation_email_enabled">
      <div class="form-wrapper">
        <label class="checkbox ng-binding">
          <span class="icon"></span>
          <span class="icon-to-fade"></span>
          <input ng-model="contestantState.form.send_confirmation" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty"> Send post entry confirmation emails </label>
      </div>
    </div><!-- end ngIf: campaign.confirmation_email_enabled -->
    <!-- ngIf: contestantState.contestant.authentications.length > 0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center">
    <!-- ngIf: !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-binding ng-scope" ng-click="updateContestant()" ng-disabled="contestantState.updating || contestantEditForm.$invalid"
      ng-if="!contestantState.form.email_verfication_required" disabled="disabled"> Save </button><!-- end ngIf: !contestantState.form.email_verfication_required -->
    <!-- ngIf: contestantState.form.email_verfication_required && !contestantState.contestant.verificationToEmail -->
    <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail --> &nbsp; <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="toggleEdit()" ng-disabled="contestantState.updating" ng-if="!contestantState.form.email_verfication_required" class="ng-binding ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
    <!-- ngIf: contestantState.form.email_verfication_required -->
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm" ng-init="entryState.formData[entry_method.id] = {}">
  <!-- ngIf: canEnter(entry_method) -->
  <div ng-if="canEnter(entry_method)" class="ng-scope">
    <div class="form-compact__content">
      <!-- ngIf: ::entry_method.config3 -->
      <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::entry_method.config3" ng-if="::entry_method.config3">
        <h2>Which prizes are you aiming for?<br></h2>
        <div style="font-size: 0.9375rem;text-align: center;"><span id="selectionBoundary_1718287602035_6342110217054708" class="rangySelectionBoundary"></span>(Tutorial - 1 of 3)</div>
        <p><br></p>
        <p><br></p>
        <ul style="text-align: left;font-size: 14px;">
          <li style="font-size: 14px;"><b>1st Place:</b><br><span style="font-size: 14px;text-align: left;float: none;">Tetsuya Nomura Signed Steam Deck OLED 1TB&nbsp;|&nbsp;<span style="font-size: 14.6667px;text-align: left;float: none;">KINGDOM
                HEARTS INTEGRUM MASTERPIECE&nbsp;</span><span style="font-size: 14px;text-align: left;float: none;">|&nbsp;</span>HiGround Keyboard Selection
              (<a href="https://higround.co/collections/crystal-collection" target="" title="">Crystal Collection</a> or <a href="https://higround.co/collections/basecamp-series" target="" title="">Topograph Collection</a>) | 1st Choice of KH Merch
              (See T&amp;Cs for list)</span></li>
        </ul>
        <p><br></p>
        <ul style="text-align: left;font-size: 14px;">
          <li style="font-size: 14px;"><b>Key Bearer Status Winner:</b><span style="font-size: 14px;text-align: left;float: none;"><span style="font-size: 14px;text-align: left;float: none;"><br><span
                  style="font-size: 14px;text-align: left;float: none;"><span style="font-size: 14px;text-align: left;float: none;">Steam Deck OLED 1TB&nbsp;|&nbsp;</span><span style="font-size: 14px;text-align: left;float: none;"></span>KINGDOM
                  HEARTS INTEGRUM MASTERPIECE&nbsp;<span style="font-size: 14px;text-align: left;float: none;">|&nbsp;</span><span style="font-size: 14px;text-align: left;float: none;">HiGround Keyboard Selection
                    (</span><a href="https://higround.co/collections/crystal-collection" target="" title="" style="text-decoration: underline;font-size: 14px;text-align: left;">Crystal Collection</a><span
                    style="font-size: 14px;text-align: left;float: none;">&nbsp;or&nbsp;</span><a href="https://higround.co/collections/basecamp-series" target="" title="" style="text-decoration: underline;font-size: 14px;text-align: left;">Topograph Collection</a><span
                    style="font-size: 14px;text-align: left;float: none;">) | 2nd Choice of KH Merch (See T&amp;Cs for list)</span></span></span></span></li>
        </ul>
        <p><br></p>
        <ul style="text-align: left;font-size: 14px;">
          <li style="font-size: 14px;"><b>#KHonSteam Winner<b style="font-size: 14px;text-align: left;">(x1-2) - Dependent on Community bonus</b>:</b>&nbsp;</li><span style="font-size: 14px;text-align: left;float: none;">Steam Deck OLED 512GB
            |&nbsp;KINGDOM HEARTS INTEGRUM MASTERPIECE | 3rd/4th Choice of KH Merch&nbsp;<span style="font-size: 14px;text-align: left;float: none;">(See T&amp;Cs for list)</span></span>
        </ul>
        <div>
          <p><br></p>
          <div>
            <ul style="text-align: left;font-size: 14px;">
              <li style="font-size: 14px;"><b>General Pool Winner<b style="font-size: 14px;text-align: left;">(x3)</b>:</b>&nbsp;<br>Steam Deck LCD 256GB&nbsp;<span style="font-size: 14px;text-align: left;float: none;">(Dependent on Community
                  Bonus)&nbsp;</span>| KINGDOM HEARTS INTEGRUM MASTERPIECE</li>
            </ul>
            <p>(Other than act as additional entries, your selection here will not increase, nor decrease, the likelihood of you receiving a specific award)</p>
          </div>
        </div>
      </div><!-- end ngIf: ::entry_method.config3 -->
      <div class="form-compact__part center">
        <ul class="text-choices unstyled clearfix">
          <!-- ngRepeat: choice in ::choices(entry_method) -->
          <li ng-repeat="choice in ::choices(entry_method)" class="ng-scope">
            <label class="checkbox ng-binding">
              <span class="icon"></span>
              <span class="icon-to-fade"></span>
              <input name="choice" ng-model="entryState.formData[entry_method.id][choice]" ng-value="entry_method.config2" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty" value="unique"> 1st Place </label>
          </li><!-- end ngRepeat: choice in ::choices(entry_method) -->
          <li ng-repeat="choice in ::choices(entry_method)" class="ng-scope">
            <label class="checkbox ng-binding">
              <span class="icon"></span>
              <span class="icon-to-fade"></span>
              <input name="choice" ng-model="entryState.formData[entry_method.id][choice]" ng-value="entry_method.config2" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty" value="unique"> Key Bearer Prize </label>
          </li><!-- end ngRepeat: choice in ::choices(entry_method) -->
          <li ng-repeat="choice in ::choices(entry_method)" class="ng-scope">
            <label class="checkbox ng-binding">
              <span class="icon"></span>
              <span class="icon-to-fade"></span>
              <input name="choice" ng-model="entryState.formData[entry_method.id][choice]" ng-value="entry_method.config2" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty" value="unique"> #KHonSteam </label>
          </li><!-- end ngRepeat: choice in ::choices(entry_method) -->
          <li ng-repeat="choice in ::choices(entry_method)" class="ng-scope">
            <label class="checkbox ng-binding">
              <span class="icon"></span>
              <span class="icon-to-fade"></span>
              <input name="choice" ng-model="entryState.formData[entry_method.id][choice]" ng-value="entry_method.config2" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty" value="unique"> General Pool Prize </label>
          </li><!-- end ngRepeat: choice in ::choices(entry_method) -->
        </ul>
      </div>
    </div>
    <div class="form-actions center">
      <button class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled"> Continue </button>
      <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Choose Options')">
Cancel
</a>
    </div>
  </div><!-- end ngIf: canEnter(entry_method) -->
  <!-- ngIf: !canEnter(entry_method) -->
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact " name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <h1>How to Win (4 Ways)</h1>
      <p><span style="font-size: 14px;text-align: center;float: none;">(Tutorial - 2 of 3)</span><br><br><br></p>
      <ol>
        <li><b>1st Place: </b>Accumulate the most amount of entries and win the ultimate prize (if tied, winner will be determined by the first player to reach the number of entries).</li>
        <li><b>Key Bearer Winner:</b> If you gain over <b>100&nbsp;</b>entries, you will be entered into an exclusive drawing (Prize details in the previous entry action).</li>
        <li><b>#KHonSteam winner:</b>&nbsp;A winner's post will be chosen based on on <b>3&nbsp;</b>variables: relevance, uniqueness, and creativity.</li>
        <li><b>General Pool:</b> By simply entering the contest, you're entered to win this prize. However, the more entries you undertake, the higher your chances.&nbsp;</li>
      </ol>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for 0 more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact " name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <h1><span style="font-size: 14px;text-align: center;float: none;">Key Bearer Status | Community Bonus Overview</span><br></h1>
      <div>
        <div style="font-size: 0.9375rem;text-align: center;"><span style="font-size: 14px;text-align: center;">(Tutorial - 3 of 3)</span></div><br>
      </div>
      <p><b>Key Bearer Status:</b></p>
      <p>If you accumulate over <b>100&nbsp;</b>entries, you will be entered into an exclusive drawing (Described in previous entry action)</p>
      <p><b>Community Bonus:&nbsp;</b></p>
      <p>If the "Total Entries" goes above the thresholds below, we will add the following rewards to the appropriate pool:</p>
      <ul style="text-align: left;font-size: 14px;">
        <li>​150,000 - Steam Deck - Randomly Selected Pool</li>
        <li>300,000 - Steam Deck - Randomly Selected Pool</li>
        <li>​600,000 - Steam Deck - Randomly Selected Pool</li>
        <li>​1,000,000 - An additional winner can win the #KHonSteam Prize</li>
      </ul>
      <p><br></p>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for 0 more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm" ng-init="entryState.formData[entry_method.id] = {}">
  <!-- ngIf: canEnter(entry_method) -->
  <!-- ngIf: !canEnter(entry_method) -->
  <div ng-if="!canEnter(entry_method)" class="ng-scope">
    <div class="form-compact__content ng-scope" ng-controller="PollResultsController">
      <h4 class="form-compact__part center"> Results </h4>
      <div class="form-compact__part">
        <!-- ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Online forums (e.g., Reddit) <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Online News (e.g., blogs, articles) <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts Social Channels <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts Website <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Social media/#KHonSteam Post (e.g., X, TikTok, etc) <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> YouTube and/or Twitch streams <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Friend Referral <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Sweepstakes Aggregation Site <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Other <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
      </div>
      <div class="form-actions center">
        <button class="btn btn-primary" href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Close|Poll Results')"> Close </button>
      </div>
    </div>
  </div><!-- end ngIf: !canEnter(entry_method) -->
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="compact-box entry_details twitter-username ng-pristine ng-valid ng-valid-pattern ng-hide" name="entryDetailsForm"
  ng-show="entry_method.show_extra || (!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter'))" style="margin-bottom: 0">
  <div class="input-append" ng-hide="!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter')" style="margin-bottom: 0">
    <label class="inline-too" for="em7648781Details" style="margin-bottom: 0">Username</label>
    <input class="twitter-username__field ng-pristine ng-untouched ng-valid ng-empty ng-valid-pattern" id="em7648781Details" name="data" ng-enter="saveEntryDetails(entry_method)"
      ng-init="entryState.formData[entry_method.id] ? null : entryState.formData[entry_method.id] = {}" ng-model="entryState.formData[entry_method.id]['twitter_username']" ng-pattern="/^@?(?:[A-Za-z0-9_]{1,15})$/" placeholder="@MyName" type="text">
    <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" tooltip-placement="left" uib-tooltip="Please enter a valid Twitter username to continue" disabled="disabled">
Continue
</a>
  </div>
  <div class="form-actions center ng-hide" ng-show="!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter')" style="margin: -13px">
    <div style="display: inline-block; position: relative; z-index: 1" tooltip-placement="left" uib-tooltip="Please enter a valid Twitter username to continue">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span>
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm">
  <!-- ngIf: canEnter(entry_method) -->
  <!-- ngIf: !canEnter(entry_method) -->
  <div ng-if="!canEnter(entry_method)" class="ng-scope">
    <div class="form-compact__content ng-scope" ng-controller="PollResultsController">
      <h4 class="form-compact__part center"> Results </h4>
      <div class="form-compact__part">
        <!-- ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Never played a KH title before <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Played one or two <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Veteran player <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
      </div>
      <div class="form-actions center">
        <button class="btn btn-primary" href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Close|Poll Results')"> Close </button>
      </div>
    </div>
  </div><!-- end ngIf: !canEnter(entry_method) -->
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact question ng-invalid ng-invalid-required" name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <h1><span style="font-size: 16px;">What Do You Prefer?</span></h1>
      <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;">On a scale of 1 to 10, what gameplay elements do you tend to prefer in a game.&nbsp;</span></div>
      <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;"></span></div>
      <p><br></p>
      <p><span style="font-size: 16px;float: none;">Rate 1 if you exclusively play for mechanics and strategies</span></p>
      <div><span style="font-size: 16px;float: none;">Rate 10 if you exclusively play for story and emotional aspects</span><br>
        <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;"></span></div>
      </div>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
    <div class="form-compact__part ng-scope" ng-if="::entry_method.config4">
      <div class="text input optional form-group" ng-show="::entry_method.config4">
        <div class="form-wrapper center">
          <label for="em7685030Details">
            <h4 class="center ng-binding"> What's your gameplay preference? </h4>
          </label>
          <!-- ngIf: ::!entry_method.config6 -->
          <div ng-if="::!entry_method.config6" class="ng-scope">
            <!-- ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <div ng-if="::(entry_method.config5 == '1' &amp;&amp; entry_method.config9)" style="width: 85%; display: inline-block" class="ng-scope">
              <span class="pull-right ng-binding"> 0/50 </span>
            </div><!-- end ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <textarea focus-on="entry_method.method_type == 'Ask a question' &amp;&amp; entryState.expanded == entry_method &amp;&amp; !entryState.autoExpanded" id="em7685030Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
              ng-model="entryState.formData[entry_method.id]" ng-model-options="{ debounce: 200 }" required="" style="height: 43px" type="text" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required invalid"></textarea>
          </div><!-- end ngIf: ::!entry_method.config6 -->
          <!-- ngIf: ::entry_method.config6 -->
        </div>
      </div>
    </div><!-- end ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="Complete action above">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: contestantState.contestant.entered[entry_method.id][0] -->
    <div class="form-compact__part">
      <div class="text input optional form-group">
        <div class="form-wrapper center">
          <!-- ngIf: entry_method.config4 --><label for="em7667666Details" ng-if="entry_method.config4" class="ng-scope">
            <h4 class="center user-fragment ng-binding" ng-bind-html="entry_method.config4"></h4>
            <h1>Official Contest Entry</h1>
            <div style="font-size: 14px;text-align: center;">1. Post&nbsp;<b>#KHonSteam</b>&nbsp;<b>#Contest</b>&nbsp;on any of the following social media platforms (X, IG, TikTok, YouTube) using one of the prompts below, or use your own based on the
              below.</div>
            <div style="font-size: 14px;text-align: center;">2. Input the link of your post in this entry.</div>
            <div style="font-size: 14px;text-align: center;">&nbsp;</div>
            <div style="font-size: 14px;text-align: center;">You can have two tries, as you can submit again within one week from your original post date (until the contest ends).&nbsp;</div>
            <p><br></p>
            <p><b>Potential Prompts:</b></p>
            <ul>
              <li>Post about why you like Kingdom Hearts</li>
              <li>Post/Caption/Meme a Kingdom Hearts related memory (clip, soundtrack, content creator/celebrity moment, etc)<br></li>
              <li>Post about how you got started with Kingdom Hearts (first game, console, etc)</li>
              <li>Post your own creative/inspired works in relation to Kingdom Hearts</li>
            </ul>
            <p><br></p>
            <p>Help your post go further by tagging your Kingdom Hearts crew and/or KH influencer/celebrity that would appreciate the post.&nbsp;</p>
            <p></p>
          </label><!-- end ngIf: entry_method.config4 -->
          <div class="input-append input-append--full-width">
            <input id="em7667666Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}" ng-model="entryState.formData[entry_method.id]" placeholder="" type="text" class="ng-pristine ng-untouched ng-valid ng-empty invalid">
            <span class="add-on">
              <!-- ngIf: continueDisabled(entry_method) --><i class="fas fa-hashtag" ng-if="continueDisabled(entry_method)"></i><!-- end ngIf: continueDisabled(entry_method) -->
              <!-- ngIf: !continueDisabled(entry_method) -->
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="URL is not valid">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
Continue
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Submit URL')">
Cancel
</a>
  </div>
</form>

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope">
  <div class="form-compact__content">
    <!-- ngIf: contestantState.contestant.entered[entry_method.id][0] -->
    <div class="form-compact__part">
      <!-- ngIf: ::entry_method.config5 -->
      <div class="user-fragment center ng-binding ng-scope" ng-bind-html="::entry_method.config5" ng-if="::entry_method.config5">
        <p>Key Stream:</p>
        <p>June 13th @ 12pm PST</p>
        <p>Link:&nbsp;<span>https://www.twitch.tv/squareenix</span></p>
        <p><br></p>
        <p>Use your Channel Points to unlock this entry.<br> You can earn &amp; redeem Channel Points through our Twitch chat.<br> Then, come back and click 'Continue' to complete this action.</p>
      </div><!-- end ngIf: ::entry_method.config5 -->
      <!-- ngIf: ::!entry_method.config5 -->
      <div class="center">
        <a ng-href="https://twitch.tv/Square Enix" ng-style="::{'background-color': parseJson(entry_method.config9).background_color}" rel="noopener" style="display: block; width: 93px; height: 68px; margin: 13px auto; padding-top: 25px; border-radius: 4px; text-decoration: none; background-color: rgb(145, 71, 255);" target="_blank" href="https://twitch.tv/Square Enix">
<div ng-style="::{'background-image': 'url(' + entry_method.config8 + ')'}" style="margin: 0px auto 15px; width: 28px; height: 28px; background-size: 28px 28px; background-image: url(&quot;https://static-cdn.jtvnw.net/custom-reward-images/default-2.png&quot;);"></div>
<div style="color: white; line-height: 18px; font-size: 12px">
<span style="background-color: rgba(0,0,0,.35); padding: 0 3px;" class="ng-binding">
<figure style="display: inline-block; fill: white; position: relative; top: 1px;"><svg width="12px" height="12px" version="1.1" viewBox="0 0 20 20" x="0px" y="0px"><g><path d="M10 6a4 4 0 014 4h-2a2 2 0 00-2-2V6z"></path><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0a6 6 0 11-12 0 6 6 0 0112 0z" clip-rule="evenodd"></path></g></svg></figure>
150
</span>
</div>
</a>
        <div ng-bind="::parseJson(entry_method.config9).title" style="margin: 5px auto;" class="ng-binding">#KHonSteam Twitch Redemption #1</div>
        <div style="margin: 5px auto 15px;">
          <a ng-href="https://twitch.tv/Square Enix" rel="noopener" target="_blank" class="ng-binding" href="https://twitch.tv/Square Enix">
twitch.tv/Square Enix
</a>
        </div>
      </div>
      <div></div>
      <div class="typeform-twitch-alert alert alert-info center">If you claimed the reward multiple times, click ‘Continue’ until all entries have been unlocked.</div>
    </div>
  </div>
  <div class="form-actions center">
    <button class="btn btn-primary" ng-click="saveEntryDetails(entry_method)"> Continue </button>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Twitchtv Subscribe')">
Cancel
</a>
  </div>
</form>

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope">
  <div class="form-compact__content">
    <!-- ngIf: contestantState.contestant.entered[entry_method.id][0] -->
    <div class="form-compact__part">
      <!-- ngIf: ::entry_method.config5 -->
      <div class="user-fragment center ng-binding ng-scope" ng-bind-html="::entry_method.config5" ng-if="::entry_method.config5">
        <p></p>
        <div style="font-size: 14px;text-align: center;"><b>Key Stream:</b></div>
        <div style="font-size: 14px;text-align: center;">June 13th @ 12pm PST</div>
        <div style="font-size: 14px;text-align: center;">Link:&nbsp;https://www.twitch.tv/squareenix</div>
        <div style="font-size: 14px;text-align: center;"><br></div>
        <div style="font-size: 14px;text-align: center;">Use your Channel Points to unlock this entry.<br>You can earn &amp; redeem Channel Points through our Twitch chat.<br>Then, come back and click 'Continue' to complete this action.</div>
        <p><br></p>
        <p><br></p>
        <p></p>
      </div><!-- end ngIf: ::entry_method.config5 -->
      <!-- ngIf: ::!entry_method.config5 -->
      <div class="center">
        <a ng-href="https://twitch.tv/Square Enix" ng-style="::{'background-color': parseJson(entry_method.config9).background_color}" rel="noopener" style="display: block; width: 93px; height: 68px; margin: 13px auto; padding-top: 25px; border-radius: 4px; text-decoration: none; background-color: rgb(0, 19, 163);" target="_blank" href="https://twitch.tv/Square Enix">
<div ng-style="::{'background-image': 'url(' + entry_method.config8 + ')'}" style="margin: 0px auto 15px; width: 28px; height: 28px; background-size: 28px 28px; background-image: url(&quot;https://static-cdn.jtvnw.net/custom-reward-images/default-2.png&quot;);"></div>
<div style="color: white; line-height: 18px; font-size: 12px">
<span style="background-color: rgba(0,0,0,.35); padding: 0 3px;" class="ng-binding">
<figure style="display: inline-block; fill: white; position: relative; top: 1px;"><svg width="12px" height="12px" version="1.1" viewBox="0 0 20 20" x="0px" y="0px"><g><path d="M10 6a4 4 0 014 4h-2a2 2 0 00-2-2V6z"></path><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0a6 6 0 11-12 0 6 6 0 0112 0z" clip-rule="evenodd"></path></g></svg></figure>
300
</span>
</div>
</a>
        <div ng-bind="::parseJson(entry_method.config9).title" style="margin: 5px auto;" class="ng-binding">#KHonSteam Twitch Redemption #2</div>
        <div style="margin: 5px auto 15px;">
          <a ng-href="https://twitch.tv/Square Enix" rel="noopener" target="_blank" class="ng-binding" href="https://twitch.tv/Square Enix">
twitch.tv/Square Enix
</a>
        </div>
      </div>
      <div></div>
      <div class="typeform-twitch-alert alert alert-info center">If you claimed the reward multiple times, click ‘Continue’ until all entries have been unlocked.</div>
    </div>
  </div>
  <div class="form-actions center">
    <button class="btn btn-primary" ng-click="saveEntryDetails(entry_method)"> Continue </button>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Twitchtv Subscribe')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm">
  <!-- ngIf: canEnter(entry_method) -->
  <!-- ngIf: !canEnter(entry_method) -->
  <div ng-if="!canEnter(entry_method)" class="ng-scope">
    <div class="form-compact__content ng-scope" ng-controller="PollResultsController">
      <h4 class="form-compact__part center"> Results </h4>
      <div class="form-compact__part">
        <!-- ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> PC <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Playstation <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Xbox <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Nintendo Switch <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Mobile <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
      </div>
      <div class="form-actions center">
        <button class="btn btn-primary" href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Close|Poll Results')"> Close </button>
      </div>
    </div>
  </div><!-- end ngIf: !canEnter(entry_method) -->
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact question ng-invalid ng-invalid-required" name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <h1><span style="font-size: 16px;">What Do You Prefer?</span></h1>
      <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;">On a scale of 1 to 10, rate your preference for how you like to tackle new areas or challenges in games.</span></div>
      <div style="font-size: 14px;text-align: center;">
        <div><br></div>
      </div>
      <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;">Rate 1 if you thoroughly explore and complete all aspects immediately.</span></div>
      <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;">Rate 10 if you prefer to explore and complete tasks more flexibly as you go.</span><br></div>
      <p><br></p>
      <p><br></p>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
    <div class="form-compact__part ng-scope" ng-if="::entry_method.config4">
      <div class="text input optional form-group" ng-show="::entry_method.config4">
        <div class="form-wrapper center">
          <label for="em7685031Details">
            <h4 class="center ng-binding"> What's your pacing style? </h4>
          </label>
          <!-- ngIf: ::!entry_method.config6 -->
          <div ng-if="::!entry_method.config6" class="ng-scope">
            <!-- ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <div ng-if="::(entry_method.config5 == '1' &amp;&amp; entry_method.config9)" style="width: 85%; display: inline-block" class="ng-scope">
              <span class="pull-right ng-binding"> 0/50 </span>
            </div><!-- end ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <textarea focus-on="entry_method.method_type == 'Ask a question' &amp;&amp; entryState.expanded == entry_method &amp;&amp; !entryState.autoExpanded" id="em7685031Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
              ng-model="entryState.formData[entry_method.id]" ng-model-options="{ debounce: 200 }" required="" style="height: 43px" type="text" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required invalid"></textarea>
          </div><!-- end ngIf: ::!entry_method.config6 -->
          <!-- ngIf: ::entry_method.config6 -->
        </div>
      </div>
    </div><!-- end ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="Complete action above">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm" ng-init="entryState.formData[entry_method.id] = {}">
  <!-- ngIf: canEnter(entry_method) -->
  <!-- ngIf: !canEnter(entry_method) -->
  <div ng-if="!canEnter(entry_method)" class="ng-scope">
    <div class="form-compact__content ng-scope" ng-controller="PollResultsController">
      <h4 class="form-compact__part center"> Results </h4>
      <div class="form-compact__part">
        <!-- ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts: Chain of Memories <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts II <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts 358/2 Days <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts Birth By Sleep <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts Re:Coded <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts Dream Drop Distance <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts χ Back Cover <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts 0.2 A Fragmentary Passage <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts III + Remind DLC <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Kingdom Hearts Melody of Memories <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
      </div>
      <div class="form-actions center">
        <button class="btn btn-primary" href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Close|Poll Results')"> Close </button>
      </div>
    </div>
  </div><!-- end ngIf: !canEnter(entry_method) -->
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="compact-box entry_details twitter-username ng-pristine ng-valid ng-valid-pattern ng-hide" name="entryDetailsForm"
  ng-show="entry_method.show_extra || (!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter'))" style="margin-bottom: 0">
  <div class="input-append" ng-hide="!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter')" style="margin-bottom: 0">
    <label class="inline-too" for="em7684931Details" style="margin-bottom: 0">Username</label>
    <input class="twitter-username__field ng-pristine ng-untouched ng-valid ng-empty ng-valid-pattern" id="em7684931Details" name="data" ng-enter="saveEntryDetails(entry_method)"
      ng-init="entryState.formData[entry_method.id] ? null : entryState.formData[entry_method.id] = {}" ng-model="entryState.formData[entry_method.id]['twitter_username']" ng-pattern="/^@?(?:[A-Za-z0-9_]{1,15})$/" placeholder="@MyName" type="text">
    <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" tooltip-placement="left" uib-tooltip="Please enter a valid Twitter username to continue" disabled="disabled">
Continue
</a>
  </div>
  <div class="form-actions center ng-hide" ng-show="!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter')" style="margin: -13px">
    <div style="display: inline-block; position: relative; z-index: 1" tooltip-placement="left" uib-tooltip="Please enter a valid Twitter username to continue">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span>
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" name="entryDetailsForm" ng-init="entryState.formData[entry_method.id] = {}">
  <!-- ngIf: canEnter(entry_method) -->
  <!-- ngIf: !canEnter(entry_method) -->
  <div ng-if="!canEnter(entry_method)" class="ng-scope">
    <div class="form-compact__content ng-scope" ng-controller="PollResultsController">
      <h4 class="form-compact__part center"> Results </h4>
      <div class="form-compact__part">
        <!-- ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Combat system <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Disney characters <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Final Fantasy Characters <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Original characters (e.g., Sora, Riku, Kairi) <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Storyline <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Collectibles and exploration <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Mini-games and challenges <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Music and soundtrack <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Graphics and art style <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
        <div ng-repeat="result in results" class="ng-scope">
          <p style="margin-bottom: 3px" class="ng-binding"> Worlds and settings <!-- ngIf: isNumber(result.percentage) -->
            <!-- ngIf: result.was_chosen -->
          </p>
          <div class="progress">
            <div class="bar" style="width: 0%; transition: width 1s ease-in-out;"></div>
          </div>
        </div><!-- end ngRepeat: result in results -->
      </div>
      <div class="form-actions center">
        <button class="btn btn-primary" href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Close|Poll Results')"> Close </button>
      </div>
    </div>
  </div><!-- end ngIf: !canEnter(entry_method) -->
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact question ng-invalid ng-invalid-required" name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <h2></h2>
      <h2></h2>
      <h2><span style="font-size: 16px;">What Do You Prefer?</span></h2>
      <div><span style="font-size: 16px;float: none;">On a scale of 1 to 10, rate your preference for what appeals to you more.&nbsp;</span></div>
      <div>
        <p><br></p>
      </div>
      <div><span style="font-size: 16px;float: none;">Rate 1 if you primarily appreciate the rich, detailed worlds and tangible gameplay elements.</span></div>
      <div><span style="font-size: 16px;float: none;">Rate 10 if you are drawn more to the overarching themes and hidden meanings behind the story.</span><br><br>
        <div style="font-size: 14px;text-align: center;"><span style="font-size: 16px;float: none;"></span></div><br><br>
      </div>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
    <div class="form-compact__part ng-scope" ng-if="::entry_method.config4">
      <div class="text input optional form-group" ng-show="::entry_method.config4">
        <div class="form-wrapper center">
          <label for="em7685029Details">
            <h4 class="center ng-binding"> What appeals to you more? </h4>
          </label>
          <!-- ngIf: ::!entry_method.config6 -->
          <div ng-if="::!entry_method.config6" class="ng-scope">
            <!-- ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <div ng-if="::(entry_method.config5 == '1' &amp;&amp; entry_method.config9)" style="width: 85%; display: inline-block" class="ng-scope">
              <span class="pull-right ng-binding"> 0/50 </span>
            </div><!-- end ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <textarea focus-on="entry_method.method_type == 'Ask a question' &amp;&amp; entryState.expanded == entry_method &amp;&amp; !entryState.autoExpanded" id="em7685029Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
              ng-model="entryState.formData[entry_method.id]" ng-model-options="{ debounce: 200 }" required="" style="height: 43px" type="text" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required invalid"></textarea>
          </div><!-- end ngIf: ::!entry_method.config6 -->
          <!-- ngIf: ::entry_method.config6 -->
        </div>
      </div>
    </div><!-- end ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="Complete action above">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope">
  <div class="form-compact__content">
    <div class="form-compact__part alert alert-danger ng-hide" ng-show="entry_method.show_extra"> Sorry, Game details are not Public on your Steam Community profile. <br>
      <a ng-href="" target="_blank">
Update Settings
</a>
    </div>
  </div>
  <div class="form-compact__content center">
    <div class="form-compact__part center">
      <p> Only people that have played <a class="no-underline ng-binding" ng-href="https://store.steampowered.com/app/2552430/KINGDOM_HEARTS_HD_1525_ReMIX/" rel="noopener" target="_blank" href="https://store.steampowered.com/app/2552430/KINGDOM_HEARTS_HD_1525_ReMIX/">
Kingdom Hearts HD 1.5 + 2.5
</a>
        <!-- ngIf: ::entry_method.config3 --> on Steam can get this entry </p>
    </div>
    <div class="form-compact__part center">
      <p>
        <a ng-href="https://store.steampowered.com/app/2552430/KINGDOM_HEARTS_HD_1525_ReMIX/" href="https://store.steampowered.com/app/2552430/KINGDOM_HEARTS_HD_1525_ReMIX/">
<img ng-src="https://steamcdn-a.akamaihd.net/steam/apps/2552430/header.jpg" src="https://steamcdn-a.akamaihd.net/steam/apps/2552430/header.jpg">
</a>
      </p>
    </div>
    <div class="form-compact__part center">
      <!-- ngIf: ::entry_method.config5 -->
      <p ng-bind-html="::toTrusted(entry_method.config5)" ng-if="::entry_method.config5" class="ng-binding ng-scope"><img
          src="https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2552430/extras/in-text-benner_rogo.png?t=1716531591"><br>KINGDOM HEARTS -HD 1.5+2.5 ReMIX- is an essential collection of the first six stories in the KINGDOM HEARTS
        series, a collaboration between Disney and SQUARE ENIX. Wield the legendary Keyblade and unlock the true power of friendship as you explore Disney worlds and defend them from darkness.<br><br></p>
      <ul class="bb_ul">
        <li>KINGDOM HEARTS FINAL MIX<br>
        </li>
        <li>KINGDOM HEARTS Re:Chain of Memories<br>
        </li>
        <li>KINGDOM HEARTS II FINAL MIX<br>
        </li>
        <li>KINGDOM HEARTS 358/2 Days (HD cutscene compilation)<br>
        </li>
        <li>KINGDOM HEARTS Birth by Sleep FINAL MIX<br>
        </li>
        <li>KINGDOM HEARTS Re:coded (HD cutscene compilation)</li>
      </ul><br>Enhanced backgrounds make this collection more stunning than ever before. Start your KINGDOM HEARTS journey now!<br><img
        src="https://shared.akamai.steamstatic.com/store_item_assets/steam/apps/2552430/extras/in-text-benner.gif?t=1716531591">
      <p></p><!-- end ngIf: ::entry_method.config5 -->
    </div>
  </div>
  <div class="form-actions center" style="margin-top: 10px;">
    <button class="btn btn-primary" ng-click="saveEntryDetails(entry_method)"> Continue </button>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Steam Play Game')">
Cancel
</a>
  </div>
</form>

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope" ng-controller="SpotifyListenController">
  <div ng-style="{ height: '380px', background: 'black' }" style="height: 380px; background: black;">
    <!-- ngIf: shouldLoadIframe() -->
  </div>
  <div class="form-actions center">
    <button class="btn btn-primary disabled" ng-hide="entry_method.timePassed" tooltip-placement="top" uib-tooltip="Please listen longer to continue">
      <!-- ngIf: listenTimeRemaining < 60 -->
      <!-- ngIf: listenTimeRemaining >= 60 -->
    </button>
    <button class="btn btn-primary ng-hide" ng-click="songListened(entry_method)" ng-show="entry_method.timePassed"> Continue </button>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Spotify')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Name: entryDetailsForm

<form class="compact-box entry_details twitter-username ng-pristine ng-valid ng-valid-pattern ng-hide" name="entryDetailsForm"
  ng-show="entry_method.show_extra || (!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter'))" style="margin-bottom: 0">
  <div class="input-append" ng-hide="!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter')" style="margin-bottom: 0">
    <label class="inline-too" for="em7684932Details" style="margin-bottom: 0">Username</label>
    <input class="twitter-username__field ng-pristine ng-untouched ng-valid ng-empty ng-valid-pattern" id="em7684932Details" name="data" ng-enter="saveEntryDetails(entry_method)"
      ng-init="entryState.formData[entry_method.id] ? null : entryState.formData[entry_method.id] = {}" ng-model="entryState.formData[entry_method.id]['twitter_username']" ng-pattern="/^@?(?:[A-Za-z0-9_]{1,15})$/" placeholder="@MyName" type="text">
    <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" tooltip-placement="left" uib-tooltip="Please enter a valid Twitter username to continue" disabled="disabled">
Continue
</a>
  </div>
  <div class="form-actions center ng-hide" ng-show="!entry_method.fallback_to_details_submission &amp;&amp; isAuthenticated(entry_method, 'twitter')" style="margin: -13px">
    <div style="display: inline-block; position: relative; z-index: 1" tooltip-placement="left" uib-tooltip="Please enter a valid Twitter username to continue">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span>
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope">
  <div class="form-compact__content center">
    <div class="form-compact__part">
      <p> Click the link below to join the <b class="ng-binding">#rules</b> on the <b class="ng-binding">Milan Records</b> Discord Server </p>
      <p>
        <a class="btn btn-info btn-large btn-embossed ng-binding" ng-click="triggerVisit(entry_method, false)" ng-href="https://discord.gg/YNUzmN6yGp" rel="noopener" target="_blank" href="https://discord.gg/YNUzmN6yGp">
<span class="fab fa-discord"></span>
Join
#rules
</a>
      </p>
    </div>
  </div>
  <div class="form-actions center" style="margin-top: 10px;">
    <button class="btn btn-primary" ng-click="saveEntryDetails(entry_method)"> Continue </button>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Join Discord Server')">
Cancel
</a>
  </div>
</form>

<form class="entry_details compact-box form-compact ng-pristine ng-valid ng-scope">
  <div class="form-compact__content">
    <div class="form-compact__part">
      <p class="center">This action allows you to claim bonus entries if you've met any of the requirements below:</p>
      <!-- ngRepeat: tier in entry_method.tiers -->
      <div ng-repeat="tier in entry_method.tiers" class="ng-scope">
        <div class="tier" id="tier22054" ng-class="{done: isTierEntered(entry_method, tier)}" ng-click="enterTierLinkClick(entry_method, tier)">
          <span class="text ng-binding">Bonus entries if you've participated in a previous SQEX sweepstakes</span>
          <span class="tally" tooltip-placement="left" uib-tooltip="You need to enter 1 more campaign to unlock this">
            <!-- ngIf: !tier.entering && !tier.error && !isTierEntered(entry_method, tier) && !isTierLocked(tier) -->
            <i ng-class="tallyTierIcon(entry_method, tier)" class="fas fa-lock"></i>
          </span>
        </div>
      </div><!-- end ngRepeat: tier in entry_method.tiers -->
      <div ng-repeat="tier in entry_method.tiers" class="ng-scope">
        <div class="tier" id="tier22055" ng-class="{done: isTierEntered(entry_method, tier)}" ng-click="enterTierLinkClick(entry_method, tier)">
          <span class="text ng-binding">Bonus entries if you've participated in two previous SQEX sweepstakes</span>
          <span class="tally" tooltip-placement="left" uib-tooltip="You need to enter 2 more campaigns to unlock this">
            <!-- ngIf: !tier.entering && !tier.error && !isTierEntered(entry_method, tier) && !isTierLocked(tier) -->
            <i ng-class="tallyTierIcon(entry_method, tier)" class="fas fa-lock"></i>
          </span>
        </div>
      </div><!-- end ngRepeat: tier in entry_method.tiers -->
      <div ng-repeat="tier in entry_method.tiers" class="ng-scope">
        <div class="tier" id="tier22056" ng-class="{done: isTierEntered(entry_method, tier)}" ng-click="enterTierLinkClick(entry_method, tier)">
          <span class="text ng-binding">Bonus entries if you've participated in three previous SQEX sweepstakes</span>
          <span class="tally" tooltip-placement="left" uib-tooltip="You need to enter 3 more campaigns to unlock this">
            <!-- ngIf: !tier.entering && !tier.error && !isTierEntered(entry_method, tier) && !isTierLocked(tier) -->
            <i ng-class="tallyTierIcon(entry_method, tier)" class="fas fa-lock"></i>
          </span>
        </div>
      </div><!-- end ngRepeat: tier in entry_method.tiers -->
    </div>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact question ng-invalid ng-invalid-required" name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <p>Fan Preference (6 of 6)<br></p>
      <p>Providing a space in case you would like to elaborate on any of the questions you've answered so far.</p>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
    <div class="form-compact__part ng-scope" ng-if="::entry_method.config4">
      <div class="text input optional form-group" ng-show="::entry_method.config4">
        <div class="form-wrapper center">
          <label for="em7678355Details">
            <h4 class="center ng-binding"> Anything else you'd like to add? </h4>
          </label>
          <!-- ngIf: ::!entry_method.config6 -->
          <div ng-if="::!entry_method.config6" class="ng-scope">
            <!-- ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <textarea focus-on="entry_method.method_type == 'Ask a question' &amp;&amp; entryState.expanded == entry_method &amp;&amp; !entryState.autoExpanded" id="em7678355Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
              ng-model="entryState.formData[entry_method.id]" ng-model-options="{ debounce: 200 }" required="" style="height: 43px" type="text" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required invalid"></textarea>
          </div><!-- end ngIf: ::!entry_method.config6 -->
          <!-- ngIf: ::entry_method.config6 -->
        </div>
      </div>
    </div><!-- end ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="Complete action above">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: entryDetailsForm

<form class="entry_details compact-box form-compact question ng-invalid ng-invalid-required" name="entryDetailsForm">
  <div class="form-compact__content">
    <!-- ngIf: ::entry_method.config3 -->
    <div class="form-compact__part user-fragment center ng-binding ng-scope" ng-bind-html="::customActionHtml(entry_method)"
      ng-class="::{'visit-trigger': (entry_method.workflow == 'VisitDelay' || entry_method.template == 'visit') &amp;&amp; !entry_method.config4}" ng-if="::entry_method.config3">
      <h1><span style="font-size: 16px;float: none;">What Do You Prefer?</span></h1>
      <div style="font-size: 14px;text-align: center;"></div>
      <p><span style="font-size: 16px;float: none;">On a scale of 1 to 10, how do you prefer to engage with games?&nbsp;</span></p>
      <div><span style="font-size: 16px;float: none;">Rate 1 if you prefer exploring every detail and storyline on your own.&nbsp;</span></div>
      <div><span style="font-size: 16px;float: none;">Rate 10 if you enjoy sharing and discussing your gameplay experiences with others.</span></div>
    </div><!-- end ngIf: ::entry_method.config3 -->
    <!-- ngIf: ::entry_method.config4 -->
    <div class="form-compact__part ng-scope" ng-if="::entry_method.config4">
      <div class="text input optional form-group" ng-show="::entry_method.config4">
        <div class="form-wrapper center">
          <label for="em7684977Details">
            <h4 class="center ng-binding"> How do you prefer to engage with games? </h4>
          </label>
          <!-- ngIf: ::!entry_method.config6 -->
          <div ng-if="::!entry_method.config6" class="ng-scope">
            <!-- ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <div ng-if="::(entry_method.config5 == '1' &amp;&amp; entry_method.config9)" style="width: 85%; display: inline-block" class="ng-scope">
              <span class="pull-right ng-binding"> 0/50 </span>
            </div><!-- end ngIf: ::(entry_method.config5 == '1' && entry_method.config9) -->
            <textarea focus-on="entry_method.method_type == 'Ask a question' &amp;&amp; entryState.expanded == entry_method &amp;&amp; !entryState.autoExpanded" id="em7684977Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
              ng-model="entryState.formData[entry_method.id]" ng-model-options="{ debounce: 200 }" required="" style="height: 43px" type="text" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required invalid"></textarea>
          </div><!-- end ngIf: ::!entry_method.config6 -->
          <!-- ngIf: ::entry_method.config6 -->
        </div>
      </div>
    </div><!-- end ngIf: ::entry_method.config4 -->
  </div>
  <div class="form-actions center">
    <div style="display: inline-block; position: relative; z-index: 1" uib-tooltip="Complete action above">
      <a class="btn btn-primary" ng-click="saveEntryDetails(entry_method)" ng-disabled="continueDisabled(entry_method)" disabled="disabled">
<span ng-hide="!(isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) &amp;&amp; !entry_method.timePassed">
Continue
</span>
</a>
    </div>
    <a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Custom')">
Cancel
</a>
  </div>
</form>

Name: contestantForm

<form class="contestant compact-box form-compact ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern ng-valid-email" name="contestantForm" ng-init="initFacebook()">
  <fieldset class="center login-header ng-hide"
    ng-show="(!contestantState.emailLogin &amp;&amp; !campaign.details_first &amp;&amp; campaign.login_first &amp;&amp; !contestantState.contestant.id) || socialLoginRequired() &amp;&amp; !contestantState.form.email_verfication_required">
    <p class="login-label ng-binding" style="margin-top: 15px"> Log in using... </p>
    <div class="login-choice center login-types-9">
      <ul>
        <!-- ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline discord-background popup-window" data-track-event="###APP_NAME### Login|discord" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Discord">
<i class="fab fa-discord"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Discord
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline email-background popup-window" data-track-event="###APP_NAME### Login|email" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Email">
<i class="far fa-envelope"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Email
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline facebook-background popup-window" data-track-event="###APP_NAME### Login|facebook" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Facebook">
<i class="fab fa-facebook-f"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Facebook
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline google-background popup-window" data-track-event="###APP_NAME### Login|google" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Google">
<i class="fab fa-google"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Google
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline spotify-background popup-window" data-track-event="###APP_NAME### Login|spotify" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Spotify">
<i class="fab fa-spotify"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Spotify
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline steam-background popup-window" data-track-event="###APP_NAME### Login|steam" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Steam">
<i class="fab fa-steam"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Steam
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitchtv-background popup-window" data-track-event="###APP_NAME### Login|twitchtv" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="Twitch">
<i class="fab fa-twitch"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitch
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline twitter-background popup-window" data-track-event="###APP_NAME### Login|twitter" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="X">
<i class="fab fa-x-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
X
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
        <li ng-repeat="provider in campaign.login_types" class="ng-scope">
          <a class="no-underline youtube-background popup-window" data-track-event="###APP_NAME### Login|youtube" href="javascript:void(0)" ng-click="openAuthentication(provider)" uib-tooltip="YouTube">
<i class="fab fa-youtube"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
YouTube
</span>
</a>
        </li><!-- end ngRepeat: provider in campaign.login_types -->
      </ul>
    </div>
  </fieldset>
  <!-- ngIf: !contestantState.form.email_verfication_required -->
  <fieldset class="inputs ng-scope" ng-show="!socialLoginRequired() &amp;&amp; (                     !campaign.login_first ||                                                      contestantState.emailLogin ||                                                 campaign.details_first ||                                                     (contestantState.contestant.id &amp;&amp; campaign.login_first &amp;&amp; !enoughUserDetails(entry_method)) || 
contestantState.unconfirmed)" ng_if="!contestantState.form.email_verfication_required">
    <div class="center details-header" ng-switch="::isReward()">
      <!-- ngSwitchWhen: true -->
      <!-- ngSwitchWhen: false -->
      <div ng-switch-when="false" class="ng-scope">
        <!-- ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <div ng-if="campaign.additional_contestant_details &amp;&amp; contestantStep==0" class="ng-scope">
          <!-- ngIf: ::campaign.login_first -->
          <!-- ngIf: ::!campaign.login_first -->
          <h4 ng-if="::!campaign.login_first" class="ng-binding ng-scope">Please enter your details to complete your entry</h4><!-- end ngIf: ::!campaign.login_first -->
        </div><!-- end ngIf: campaign.additional_contestant_details && contestantStep==0 -->
        <!-- ngIf: ::!campaign.additional_contestant_details -->
      </div><!-- end ngSwitchWhen: -->
    </div>
    <div class="form-horizontal">
      <div ng-init="contestantSteps=1">
        <!-- ngIf: contestantStep==0 -->
        <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
          <div class="input required stringish form-group" ng-class="{error: contestantForm.name.$invalid &amp;&amp; contestantForm.name.$touched, success: contestantForm.name.$valid}">
            <label class="implicit-label">
              <div class="control-label">Full Name</div>
              <div class="form-wrapper">
                <input name="name" ng-disabled="contestantFormFullnameDisabled" ng-model="contestantState.form.name" ng-model-options="{ debounce: 300 }" ng-pattern=".*" placeholder="Alice Smith" required="" style="width: 246px" type="text"
                  class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.name.$viewValue">Required</div>
              </div>
            </label>
          </div>
          <div class="email input required stringish form-group"
            ng-class="{error: ((contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid &amp;&amp; contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail &amp;&amp; contestantForm.email.$valid}">
            <label class="implicit-label">
              <div class="control-label">Email</div>
              <div class="form-wrapper">
                <input name="email" ng-change="contestantState.failedEmail = nil" ng-disabled="contestantFormEmailDisabled" ng-model="contestantState.form.email" ng-model-options="{ debounce: 300 }"
                  pattern="[A-Z0-9._%a-z\-+]+@(?:[A-Z0-9a-z\-]+\.)+[A-Za-z]{2,12}" placeholder="alice.smith@example.com" required="" style="width: 246px; -webkit-appearance: none;" type="email"
                  class="ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern">
                <div class="help-inline" ng-hide="contestantForm.email.$viewValue">Required</div>
                <div class="help-inline error ng-binding ng-hide" ng-show="contestantState.form.email &amp;&amp; contestantState.form.email == contestantState.failedEmail">
                </div>
              </div>
            </label>
          </div>
          <div
            ng-init="dc.i_have_read_the_terms_and_conditions = ({&quot;type&quot;:&quot;checkbox&quot;,&quot;label&quot;:&quot;I have read the terms and conditions&quot;,&quot;autoticked&quot;:true,&quot;required&quot;:true,&quot;template_name&quot;:&quot;I have read the terms and conditions&quot;,&quot;terms_and_conditions&quot;:true,&quot;terms_and_conditions_url&quot;:&quot;https://linktr.ee/oo_sqex&quot;,&quot;terms_and_conditions_label&quot;:&quot;I have read the&quot;,&quot;terms_and_conditions_title&quot;:&quot;terms and conditions&quot;}|unescapeAngular)">
            <div class="input boolean form-group additional-checkbox terms-and-conditions">
              <div class="form-wrapper">
                <label class="checkbox">
                  <span class="icon"></span>
                  <span class="icon-to-fade"></span>
                  <input name="i_have_read_the_terms_and_conditions" ng-init="contestantState.form.i_have_read_the_terms_and_conditions = allowAutoticking() &amp;&amp; true" ng-model="contestantState.form.i_have_read_the_terms_and_conditions"
                    ng-required="true" placeholder="" type="checkbox" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required">
                  <span class="ng-binding"> I have read the <a href="https://linktr.ee/oo_sqex" rel="noopener" target="_blank" class="ng-binding">
terms and conditions
</a>
                  </span>
                </label>
              </div>
            </div>
          </div>
        </div><!-- end ngIf: contestantStep==0 -->
      </div>
    </div>
    <!-- ngIf: contestantStep==0 -->
    <div class="contestant-form-group ng-scope" ng-if="contestantStep==0">
      <div class="boolean input optional form-group" ng-hide="::isReward() || !campaign.show_competition_subscription">
        <div class="form-wrapper">
          <label class="checkbox ng-binding">
            <span class="icon"></span>
            <span class="icon-to-fade"></span>
            <input ng-model="contestantState.form.competition_subscription" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">
            <span class="user-fragment ng-binding" ng-bind-html="::&quot;Notify me of other Square Enix Competitions&quot;|unescapeAngular">Notify me of other Square Enix Competitions</span> (optional) </label>
        </div>
      </div>
      <!-- ngIf: ::campaign.facebook_url -->
    </div><!-- end ngIf: contestantStep==0 -->
  </fieldset><!-- end ngIf: !contestantState.form.email_verfication_required -->
  <!-- ngIf: contestantState.form.email_verfication_required -->
  <div class="form-actions center" ng-show="!socialLoginRequired() &amp;&amp; (                   !campaign.login_first ||                                                       contestantState.emailLogin ||                                                  campaign.details_first ||                                                      
contestantState.contestant.id)">
    <span style="position: inline-block; position: relative">
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && !contestantState.contestant.verificationToEmail -->
      <!-- ngIf: contestantState.form.email_verfication_required && !nextStepAvailable() && contestantState.contestant.verificationToEmail -->
      <!-- ngIf: nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <!-- ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required --><button class="btn btn-primary ng-scope" ng-click="setContestant()" ng-disabled="contestantForm.$invalid || contestantState.sending"
        ng-if="!nextStepAvailable() &amp;&amp; !contestantState.form.email_verfication_required" disabled="disabled">
        <span class="fas fa-rotate fa-spin ng-hide" ng-show="contestantState.sending"></span>
        <!-- ngIf: ::campaign.login_first -->
        <!-- ngIf: ::!campaign.login_first --><span ng-if="::!campaign.login_first" class="ng-scope">Save</span><!-- end ngIf: ::!campaign.login_first -->
      </button><!-- end ngIf: !nextStepAvailable() && !contestantState.form.email_verfication_required -->
      <span ng-show="contestantButtonTooltip(contestantForm.$valid)" style="position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0" tooltip-placement="top" uib-tooltip="Please complete your details to continue"></span>
    </span>
    <span ng-hide="::campaign.login_first &amp;&amp; campaign.details_first">
      <!-- ngIf: !contestantState.form.email_verfication_required --><a href="javascript:void(0)" ng-click="cancelEntry('###APP_NAME### Click|Cancel|Contestant')" ng-if="!contestantState.form.email_verfication_required" class="ng-scope">
Cancel
</a><!-- end ngIf: !contestantState.form.email_verfication_required -->
      <!-- ngIf: contestantState.form.email_verfication_required -->
    </span>
  </div>
</form>

Text Content

0 Your Entries

7,324,426 Total Entries

Ended


LOG IN TO YOUR EXISTING ACCOUNT



has already been used to log in to Gleam.

Please log in to your linked account:

Cancel


VERIFICATION NEEDED

Sorry! We need you to verify that you are a real person. Please log in with any
of these social networks to get started:

   
 * Login with Facebook
   
 * Login with Twitter
   
 * Login with Instagram
   
 * Login with Google
   
 * Login with Telegram
   
 * Login with Discord
   

Full Name
Required
Email
Required

Notify me of other Square Enix Competitions (optional)
Send post entry confirmation emails
Save   Cancel


#KHONSTEAM

The more actions you complete, the better your chances of winning

The rest is up to you

Edit Logout
Entering as
 * 
   

Login with:
   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

This Competition has ended


COMPETITION PAUSED

This Competition is currently paused. Please try again later.


WINNING ENTRIES

This promotion starts in
Ended

Edit Logout
Entering as
 * 
   

Login with:
   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
Edit Logout
Entering as
 * 
   

Login with:
   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   


34 WAYS TO ENTER

up to +2 +2 per hour per day per week left My Friends Are My Power

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +2 +2 per hour per day per week left Which prizes are you aiming for?


WHICH PRIZES ARE YOU AIMING FOR?


(Tutorial - 1 of 3)







 * 1st Place:
   Tetsuya Nomura Signed Steam Deck OLED 1TB | KINGDOM HEARTS INTEGRUM
   MASTERPIECE | HiGround Keyboard Selection (Crystal Collection or Topograph
   Collection) | 1st Choice of KH Merch (See T&Cs for list)




 * Key Bearer Status Winner:
   Steam Deck OLED 1TB | KINGDOM HEARTS INTEGRUM MASTERPIECE | HiGround Keyboard
   Selection (Crystal Collection or Topograph Collection) | 2nd Choice of KH
   Merch (See T&Cs for list)




 * #KHonSteam Winner(x1-2) - Dependent on Community bonus: 
   Steam Deck OLED 512GB | KINGDOM HEARTS INTEGRUM MASTERPIECE | 3rd/4th Choice
   of KH Merch (See T&Cs for list)




 * General Pool Winner(x3): 
   Steam Deck LCD 256GB (Dependent on Community Bonus) | KINGDOM HEARTS INTEGRUM
   MASTERPIECE

(Other than act as additional entries, your selection here will not increase,
nor decrease, the likelihood of you receiving a specific award)

   
 * 1st Place
   
 * Key Bearer Prize
   
 * #KHonSteam
   
 * General Pool Prize
   

Continue Cancel
up to +1 +1 per hour per day per week left How to Win?


HOW TO WIN (4 WAYS)

(Tutorial - 2 of 3)




 1. 1st Place: Accumulate the most amount of entries and win the ultimate prize
    (if tied, winner will be determined by the first player to reach the number
    of entries).
 2. Key Bearer Winner: If you gain over 100 entries, you will be entered into an
    exclusive drawing (Prize details in the previous entry action).
 3. #KHonSteam winner: A winner's post will be chosen based on on 3 variables:
    relevance, uniqueness, and creativity.
 4. General Pool: By simply entering the contest, you're entered to win this
    prize. However, the more entries you undertake, the higher your chances. 

Visit for 0 more seconds Continue
Cancel
up to +1 +1 per hour per day per week left Key Bearer Status | Community Bonus
Overview


KEY BEARER STATUS | COMMUNITY BONUS OVERVIEW


(Tutorial - 3 of 3)


Key Bearer Status:

If you accumulate over 100 entries, you will be entered into an exclusive
drawing (Described in previous entry action)

Community Bonus: 

If the "Total Entries" goes above the thresholds below, we will add the
following rewards to the appropriate pool:

 * 150,000 - Steam Deck - Randomly Selected Pool
 * 300,000 - Steam Deck - Randomly Selected Pool
 * 600,000 - Steam Deck - Randomly Selected Pool
 * 1,000,000 - An additional winner can win the #KHonSteam Prize




Visit for 0 more seconds Continue
Cancel
up to +5 +5 per hour per day per week left Enlightenment Bonus

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +2 +2 per hour per day per week left How did you hear about this contest?

RESULTS

Online forums (e.g., Reddit)



Online News (e.g., blogs, articles)



Kingdom Hearts Social Channels



Kingdom Hearts Website



Social media/#KHonSteam Post (e.g., X, TikTok, etc)



YouTube and/or Twitch streams



Friend Referral



Sweepstakes Aggregation Site



Other


Close
up to +5 +5 per hour per day per week left A Look Over the Years

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +7 +7 per hour per day per week left Spread the KH love
Last weekend to enter for a Steam Deck signed by Tetsuya Nomura. Enter the
#KHonSteam sweepstakes: t.co/yZKAYfYeJv https://t.co/sfBv4hSZF3
Spread the KH love   Or   Connect Your X Account

Connect your Twitter account to verify Twitter actions in 1 click.
We will not post without your permission.

Already posted?

Username Continue
Continue
Cancel
up to +2 +2 per hour per day per week left How familiar are you with Kingdom
Hearts?

RESULTS

Never played a KH title before



Played one or two



Veteran player


Close
up to +3 +3 per hour per day per week left Gamer Style (1 of 4)


WHAT DO YOU PREFER?

On a scale of 1 to 10, what gameplay elements do you tend to prefer in a game. 





Rate 1 if you exclusively play for mechanics and strategies

Rate 10 if you exclusively play for story and emotional aspects



WHAT'S YOUR GAMEPLAY PREFERENCE?

0/50
Visit for NaN more seconds Continue
Cancel
up to +2 +2 per hour per day per week left Daily Bonus (1 of 2)

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +10 +10 per hour per day per week left KHonSteam Contest Entry


OFFICIAL CONTEST ENTRY

1. POST #KHONSTEAM #CONTEST ON ANY OF THE FOLLOWING SOCIAL MEDIA PLATFORMS (X,
IG, TIKTOK, YOUTUBE) USING ONE OF THE PROMPTS BELOW, OR USE YOUR OWN BASED ON
THE BELOW.
2. INPUT THE LINK OF YOUR POST IN THIS ENTRY.
 
YOU CAN HAVE TWO TRIES, AS YOU CAN SUBMIT AGAIN WITHIN ONE WEEK FROM YOUR
ORIGINAL POST DATE (UNTIL THE CONTEST ENDS). 




POTENTIAL PROMPTS:

 * POST ABOUT WHY YOU LIKE KINGDOM HEARTS
 * POST/CAPTION/MEME A KINGDOM HEARTS RELATED MEMORY (CLIP, SOUNDTRACK, CONTENT
   CREATOR/CELEBRITY MOMENT, ETC)
   
 * POST ABOUT HOW YOU GOT STARTED WITH KINGDOM HEARTS (FIRST GAME, CONSOLE, ETC)
 * POST YOUR OWN CREATIVE/INSPIRED WORKS IN RELATION TO KINGDOM HEARTS




HELP YOUR POST GO FURTHER BY TAGGING YOUR KINGDOM HEARTS CREW AND/OR KH
INFLUENCER/CELEBRITY THAT WOULD APPRECIATE THE POST. 




Continue
Cancel
up to +3 +3 per hour per day per week left Redeem Twitch Channel Points Reward -
Expired

Key Stream:

June 13th @ 12pm PST

Link: https://www.twitch.tv/squareenix




Use your Channel Points to unlock this entry.
You can earn & redeem Channel Points through our Twitch chat.
Then, come back and click 'Continue' to complete this action.

150
#KHonSteam Twitch Redemption #1
twitch.tv/Square Enix

If you claimed the reward multiple times, click ‘Continue’ until all entries
have been unlocked.
Continue Cancel
up to +5 +5 per hour per day per week left Redeem Twitch Channel Points Reward -
Expired

Key Stream:
June 13th @ 12pm PST
Link: https://www.twitch.tv/squareenix


Use your Channel Points to unlock this entry.
You can earn & redeem Channel Points through our Twitch chat.
Then, come back and click 'Continue' to complete this action.









300
#KHonSteam Twitch Redemption #2
twitch.tv/Square Enix

If you claimed the reward multiple times, click ‘Continue’ until all entries
have been unlocked.
Continue Cancel
up to +5 +5 per hour per day per week left Wishlist on Steam

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +3 +3 per hour per day per week left Where do you game most often?

RESULTS

PC



Playstation



Xbox



Nintendo Switch



Mobile


Close
up to +4 +4 per hour per day per week left Bonus for squareenix Twitch Followers
twitch.tv/squareenix

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +4 +4 per hour per day per week left Gamer Style (2 of 4)


WHAT DO YOU PREFER?

On a scale of 1 to 10, rate your preference for how you like to tackle new areas
or challenges in games.


Rate 1 if you thoroughly explore and complete all aspects immediately.
Rate 10 if you prefer to explore and complete tasks more flexibly as you go.








WHAT'S YOUR PACING STYLE?

0/50
Visit for NaN more seconds Continue
Cancel
up to +5 +5 per hour per day per week left Dedicated Bonus

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +4 +4 per hour per day per week left Which Kingdom Hearts games are your
favorite?

RESULTS

Kingdom Hearts



Kingdom Hearts: Chain of Memories



Kingdom Hearts II



Kingdom Hearts 358/2 Days



Kingdom Hearts Birth By Sleep



Kingdom Hearts Re:Coded



Kingdom Hearts Dream Drop Distance



Kingdom Hearts χ Back Cover



Kingdom Hearts 0.2 A Fragmentary Passage



Kingdom Hearts III + Remind DLC



Kingdom Hearts Melody of Memories


Close
up to +2 +2 per hour per day per week left View Higround's Premium Gaming
Keyboard's and Peripherals

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +4 +4 per hour per day per week left Follow @KINGDOMHEARTS on X
twitter.com/KINGDOMHEARTS
Unlock 4 entries for following @KINGDOMHEARTS on X
Follow Or   Connect Your X Account

Connect your Twitter account to verify Twitter actions in 1 click.
We will not post without your permission.

Already followed?

Username Continue
Continue
Cancel
up to +4 +4 per hour per day per week left What do you like most about the
Kingdom Hearts series?

RESULTS

Combat system



Disney characters



Final Fantasy Characters



Original characters (e.g., Sora, Riku, Kairi)



Storyline



Collectibles and exploration



Mini-games and challenges



Music and soundtrack



Graphics and art style



Worlds and settings


Close
up to +5 +5 per hour per day per week left Gamer Style (3 of 4)


WHAT DO YOU PREFER?

On a scale of 1 to 10, rate your preference for what appeals to you more. 




Rate 1 if you primarily appreciate the rich, detailed worlds and tangible
gameplay elements.
Rate 10 if you are drawn more to the overarching themes and hidden meanings
behind the story.






WHAT APPEALS TO YOU MORE?

0/50
Visit for NaN more seconds Continue
Cancel
up to +3 +3 per hour per day per week left Daily Bonus (2 of 2)

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +4 +4 per hour per day per week left Play Kingdom Hearts HD 1.5 + 2.5 on
Steam
https://store.steampowered.com/app/2552430/KINGDOM_HEARTS_HD_1525_ReMIX/
Sorry, Game details are not Public on your Steam Community profile.
Update Settings

Only people that have played Kingdom Hearts HD 1.5 + 2.5 on Steam can get this
entry




KINGDOM HEARTS -HD 1.5+2.5 ReMIX- is an essential collection of the first six
stories in the KINGDOM HEARTS series, a collaboration between Disney and SQUARE
ENIX. Wield the legendary Keyblade and unlock the true power of friendship as
you explore Disney worlds and defend them from darkness.



 * KINGDOM HEARTS FINAL MIX
   
 * KINGDOM HEARTS Re:Chain of Memories
   
 * KINGDOM HEARTS II FINAL MIX
   
 * KINGDOM HEARTS 358/2 Days (HD cutscene compilation)
   
 * KINGDOM HEARTS Birth by Sleep FINAL MIX
   
 * KINGDOM HEARTS Re:coded (HD cutscene compilation)


Enhanced backgrounds make this collection more stunning than ever before. Start
your KINGDOM HEARTS journey now!




Continue Cancel
up to +2 +2 per hour per day per week left Listen KINGDOM HEARTS on Spotify
open.spotify.com/playlist/37i9dQZF1DXau5 ...
Continue Cancel
up to +5 +5 per hour per day per week left Follow Hikaru Utada on Spotify
open.spotify.com/artist/7lbSsjYACZHn1MSD ...

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel
up to +4 +4 per hour per day per week left Follow @higround on X
twitter.com/higround
Unlock 4 entries for following @higround on X
Follow Or   Connect Your X Account

Connect your Twitter account to verify Twitter actions in 1 click.
We will not post without your permission.

Already followed?

Username Continue
Continue
Cancel
up to +4 +4 per hour per day per week left Join the Milan Records Server (Anime,
Gaming, Music and everything in between)

Click the link below to join the #rules on the Milan Records Discord Server

Join #rules

Continue Cancel
up to +4 +4 per hour per day per week left Claim SQEX Loyalty Bonus

This action allows you to claim bonus entries if you've met any of the
requirements below:

Bonus entries if you've participated in a previous SQEX sweepstakes
Bonus entries if you've participated in two previous SQEX sweepstakes
Bonus entries if you've participated in three previous SQEX sweepstakes
up to +5 +5 per hour per day per week left Final Question

Fan Preference (6 of 6)


Providing a space in case you would like to elaborate on any of the questions
you've answered so far.

ANYTHING ELSE YOU'D LIKE TO ADD?


Visit for NaN more seconds Continue
Cancel
up to +6 +6 per hour per day per week left Gamer Style (4 of 4)


WHAT DO YOU PREFER?



On a scale of 1 to 10, how do you prefer to engage with games? 

Rate 1 if you prefer exploring every detail and storyline on your own. 
Rate 10 if you enjoy sharing and discussing your gameplay experiences with
others.

HOW DO YOU PREFER TO ENGAGE WITH GAMES?

0/50
Visit for NaN more seconds Continue
Cancel
up to +10 +10 per hour per day per week left Keyblade Master Bonus

Log in using...

   
 * Login with Discord
   
 * Login with Email
   
 * Login with Facebook
   
 * Login with Google
   
 * Login with Spotify
   
 * Login with Steam
   
 * Login with Twitch
   
 * Login with X
   
 * Login with YouTube
   

PLEASE ENTER YOUR DETAILS TO COMPLETE YOUR ENTRY

Full Name
Required
Email
Required

I have read the terms and conditions
Notify me of other Square Enix Competitions (optional)
Save Cancel


UNLOCK MORE ENTRIES

Complete the above entries to unlock the rest!




TERMS & CONDITIONS

NO PURCHASE IS NECESSARY TO ENTER OR WIN. A PURCHASE DOES NOT INCREASE THE
CHANCES OF WINNING.

 1.  Sponsor: The Sponsor of Rand Sweeps is Square Enix
 2.  Eligibility: Rand Sweeps (the "Sweepstakes") is only open to those who sign
     up at https://gleam.io/1WS2o/rand-sweeps. The Sweepstakes is open
     worldwide, and is void where prohibited by law. Employees, independent
     contractors, interns, officers, directors, and agents of Square Enix (the
     "Sponsor") their respective affiliates, subsidiaries, advertising and
     promotion agencies, suppliers and their immediate family members and/or
     those living in the same household of each are not eligible to participate
     in the Sweepstakes. The Sweepstakes is subject to all applicable federal,
     state and local laws and regulations. Void where prohibited.
 3.  Agreement to Rules: By entering the Sweepstakes, the contestant ("You")
     agree to comply with and abide by these Rules and the decisions of the
     Sponsor, and you represent and warrant that you meet the eligibility
     requirements. In addition, you agree to accept the Sponsor's decisions as
     final and binding as it relates to the content of this campaign. Entrants
     should look solely to the Sponsor with any questions, comments or issues
     related to the Sweepstakes.
 4.  Entry Period: The Sweepstakes begins at on 31 May, 2024 at 12:00AM PDT and
     ends at on 01 July, 2024 at 12:00AM PDT (the "Entry Period"). Entries
     submitted before or after the Entry Period will not be eligible.
 5.  How to Enter: The Sweepstakes must be entered by submitting an entry using
     the online form provided at https://gleam.io/1WS2o/rand-sweeps and pass any
     verification requirements (email or fraud score) set by the Sponsor. The
     entry must fulfil all requirements of the Sweepstakes, as specified, to be
     eligible to win a prize. Entries that are incomplete or do not adhere to
     the rules or specifications of the Sweepstakes may be disqualified at the
     sole discretion of the Sponsor. You must provide the information requested.
     You may not enter more times than indicated by using multiple email
     addresses, identities, or devices in an attempt to circumvent the rules. If
     you use fraudulent methods or otherwise attempt to circumvent the rules of
     the Sweepstakes, your submission may be disqualified at the sole discretion
     of the Sponsor.
 6.  Prizes: The winner(s) of the Sweepstakes (the "Winner") will receive the
     following prizes:
     * 1 winner(s) will receive Rand Prize
     Actual/appraised value of prizes may differ at time of prize award. The
     specifics of the prize shall be solely determined by the Sponsor. No cash
     or other prize substitution shall be permitted except for at the Sponsor's
     discretion. The prize is non transferable. Substitution of the prize or
     transfer/assignment of the prize to others or request for the cash
     equivalent of the prize by the Winner is not permitted. Any and all prize
     related expenses, including without limitation any and all federal, state,
     and/or local taxes shall be the sole responsibility of the Winner.
     Acceptance of the prize constitutes permission for the Sponsor to use the
     Winner’s name, likeness, and entry for purposes of advertising and trade
     without further compensation, unless prohibited by law.
 7.  Odds of Winning: The odds of winning depend on the number of eligible
     entries received.
 8.  Winner Selection and Notification: The Winner will be selected by Random
     Draw under the supervision of the Sponsor. The Winner will be notified
     within 7 days of the winner selection. The Sponsor shall have no liability
     for a Winner's failure to receive notices due to spam, junk e-mail or other
     security settings or for a Winner’s provision of incorrect or otherwise
     non-functioning contact information. If the Winner cannot be contacted, is
     ineligible, fails to claim the prize within 7 days from the time award
     notification was sent, or fails to timely return a completed and executed
     declaration and release as required, the prize may be forfeited and an
     alternate Winner selected. Receipt of the prize offered in this Campaign by
     the Winner is conditioned upon compliance with any and all federal, state,
     and local laws and regulations. Any violation of these official rules by
     the Winner at the Sponsor's sole discretion will result in the Winner's
     disqualification as winner, and all privileges as winner will be
     immediately terminated.
 9.  Rights Granted by the Entrant: By entering this content (e.g., photo,
     video, text, etc.), You understand and agree that the Sponsor and anyone
     acting on behalf of the Sponsor or its respective licensees, successors,
     and assigns, shall have the right, where permitted by law, to print,
     publish, broadcast, distribute, and use in any media now known or hereafter
     developed, in perpetuity and throughout the World, without limitation, your
     entry, name, portrait, picture, voice, likeness, image, statements about
     the Campaign, and biographical information for news, publicity,
     information, trade, advertising, public relations, and promotional purposes
     without any further compensation, notice, review, or consent. By entering
     this content, you represent and warrant that your entry is an original work
     of authorship, and does not violate any third party’s proprietary or
     intellectual property rights. If your entry infringes upon the intellectual
     property right of another, you will be disqualified at the sole discretion
     of the Sponsor. If the content of your entry is claimed to constitute
     infringement of any proprietary or intellectual proprietary rights of any
     third party, you shall, at your sole expense, defend or settle against such
     claims. You shall indemnify, defend, and hold harmless Square Enix from and
     against any suit, proceeding, claims, liability, loss, damage, costs or
     expense, which Square Enix may incur, suffer, or be required to pay arising
     out of such infringement or suspected infringement of any third party’s
     right.
 10. Terms and Conditions: The Sponsor reserves the right, in its sole
     discretion, to cancel, terminate, modify or suspend the Sweepstakes should
     virus, bug, non-authorised human intervention, fraud, or other cause beyond
     the Sponsor’s control corrupt or affect the administration, security,
     fairness, or proper conduct of the Sweepstakes. In such cases, the Sponsor
     may select a winner(s) from eligible entries received before and/or after
     the action taken by the Sponsor if appropriate. The Sponsor reserves the
     right at its sole discretion to disqualify any individual who tampers or
     attempts to tamper with the entry process or the operation of the
     Sweepstakes or website or violates these Terms & Conditions. The Sponsor
     has the right, in its sole discretion, to maintain the integrity of the
     Sweepstakes, to void entries for any reason, including, but not limited to:
     multiple entries from the same user from different IP addresses; multiple
     entries from the same computer in excess of that allowed by Sweepstakes
     rules; or the use of bots, macros, scripts, or other technical means for
     entering. Any attempt by an entrant to deliberately damage any website or
     undermine the legitimate operation of the Sweepstakes may be a violation of
     criminal and civil laws. Should such an attempt be made, the Sponsor
     reserves the right to seek damages to the fullest extent permitted by law.
 11. Limitation of Liability: By entering the Sweepstakes you agree to release
     and hold harmless Square Enix and its subsidiaries, affiliates, advertising
     and promotion agencies, partners, representatives, agents, successors,
     assigns, employees, officers and directors from any liability, illness,
     injury, death, loss, litigation, claim or damage that may occur, directly
     or indirectly, whether caused by negligence or not, from (i) such entrant’s
     participation in the Sweepstakes and/or his/her acceptance, possession,
     use, or misuse of any prize or any portion thereof; (ii) unauthorised human
     intervention in any part of the Sweepstakes; (iii) electronic or human
     error in the administration of the Sweepstakes or the processing of
     entries; (iv) technical errors of any kind, including but not limited to
     the malfunction of any computer, cable, network, hardware, or software, or
     other mechanical equipment; (v) the unavailability or inaccessibility of
     any transmissions, telephone, or Internet service; (vi) printing errors;
     (vii) lost, late, postage due, misdirected, or undeliverable mail.
 12. Disputes: This Sweepstakes is governed by the laws of United States,
     without respect to conflict of law doctrines. By participating in this
     Campaign, you agree that any and all disputes that cannot be resolved
     between the parties, and causes of action arising out of or connected with
     this Campaign, shall be resolved individually, without resort to any form
     of class action, exclusively before a court located in United States having
     jurisdiction. Further, in any such dispute, under no circumstances shall
     You be permitted to obtain awards for, and hereby waives all rights to,
     punitive, incidental, or consequential damages, including reasonable
     attorney’s fees, other than actual out-of-pocket expenses (i.e. costs
     associated with entering the Sweepstakes). You further waives all rights to
     have damages multiplied or increased.
 13. Winners List: To request a copy of the winners list please contact the
     Sponsor. Requests must be sent within four (4) weeks of the end of the
     Entry Period.
 14. The Sweepstakes is in no way sponsored, endorsed, administered by, or
     associated with Facebook, Twitter, Instagram, Snapchat, YouTube, Reddit,
     Pinterest, LinkedIn or any other social networks that are used to share the
     Sweepstakes. You understand that you are providing your information to the
     owner of the Sweepstakes and not to Facebook, Twitter, Instagram, Snapchat,
     YouTube, Reddit, Pinterest, LinkedIn or any other social networks.
 15. Acceptance of Rules: By participating in the Sweepstakes, You have
     affirmatively reviewed, accepted, and agreed to all of the Official Rules,
     Terms and Conditions.


PLATFORM DISCLAIMER

This Sweepstakes is powered by Crowd9 PTY LTD ("Gleam"). Gleam does not sponsor,
administer, endorse or bear liability for this promotion. By entering the
Sweepstakes, you agree to Gleam's Privacy Policy

Terms & Conditions | © Square Enix