gleam.io
Open in
urlscan Pro
172.66.43.179
Public Scan
Submitted URL: https://wn.nr/bKS5cTb
Effective URL: https://gleam.io/1WS2o/khonsteam?gsr=1WS2o-musByx4Zfz
Submission: On June 15 via manual from GU — Scanned from DE
Effective URL: https://gleam.io/1WS2o/khonsteam?gsr=1WS2o-musByx4Zfz
Submission: On June 15 via manual from GU — Scanned from DE
Form analysis
37 forms found in the DOMName: 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantEditForm.email.$invalid && contestantEditForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && 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() && 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="::"Notify me of other Square Enix Competitions"|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 --> <!-- 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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 | <span style="font-size: 14.6667px;text-align: left;float: none;">KINGDOM
HEARTS INTEGRUM MASTERPIECE </span><span style="font-size: 14px;text-align: left;float: none;">| </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&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 | </span><span style="font-size: 14px;text-align: left;float: none;"></span>KINGDOM
HEARTS INTEGRUM MASTERPIECE <span style="font-size: 14px;text-align: left;float: none;">| </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;"> or </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&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> </li><span style="font-size: 14px;text-align: left;float: none;">Steam Deck OLED 512GB
| KINGDOM HEARTS INTEGRUM MASTERPIECE | 3rd/4th Choice of KH Merch <span style="font-size: 14px;text-align: left;float: none;">(See T&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> <br>Steam Deck LCD 256GB <span style="font-size: 14px;text-align: left;float: none;">(Dependent on Community
Bonus) </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') && !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 </b>entries, you will be entered into an exclusive drawing (Prize details in the previous entry action).</li>
<li><b>#KHonSteam winner:</b> A winner's post will be chosen based on on <b>3 </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. </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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for 0 more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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') && !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 </b>entries, you will be entered into an exclusive drawing (Described in previous entry action)</p>
<p><b>Community Bonus: </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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for 0 more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && isAuthenticated(entry_method, 'twitter'))" style="margin-bottom: 0">
<div class="input-append" ng-hide="!entry_method.fallback_to_details_submission && 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 && 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') && !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. </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' && 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' && entryState.expanded == entry_method && !entryState.autoExpanded" id="em7685030Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
ng-model-options="{ debounce: 200 }" ng-model="entryState.formData[entry_method.id]" 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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 <b>#KHonSteam</b> <b>#Contest</b> 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;"> </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). </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. </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: <span>https://www.twitch.tv/squareenix</span></p>
<p><br></p>
<p>Use your Channel Points to unlock this entry.<br> You can earn & 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("https://static-cdn.jtvnw.net/custom-reward-images/default-2.png");"></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: 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 & 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("https://static-cdn.jtvnw.net/custom-reward-images/default-2.png");"></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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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') && !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' && 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' && entryState.expanded == entry_method && !entryState.autoExpanded" id="em7685031Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
ng-model-options="{ debounce: 200 }" ng-model="entryState.formData[entry_method.id]" 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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && isAuthenticated(entry_method, 'twitter'))" style="margin-bottom: 0">
<div class="input-append" ng-hide="!entry_method.fallback_to_details_submission && 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 && 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') && !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. </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' && 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' && entryState.expanded == entry_method && !entryState.autoExpanded" id="em7685029Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
ng-model-options="{ debounce: 200 }" ng-model="entryState.formData[entry_method.id]" 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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 && isAuthenticated(entry_method, 'twitter'))" style="margin-bottom: 0">
<div class="input-append" ng-hide="!entry_method.fallback_to_details_submission && 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 && 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') && !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' && entryState.expanded == entry_method && !entryState.autoExpanded" id="em7678355Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
ng-model-options="{ debounce: 200 }" ng-model="entryState.formData[entry_method.id]" 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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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') && !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? </span></p>
<div><span style="font-size: 16px;float: none;">Rate 1 if you prefer exploring every detail and storyline on your own. </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' && 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' && entryState.expanded == entry_method && !entryState.autoExpanded" id="em7684977Details" name="data" ng-class="{invalid: continueDisabled(entry_method)}"
ng-model-options="{ debounce: 200 }" ng-model="entryState.formData[entry_method.id]" 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) && !entry_method.timePassed)" class="ng-binding ng-hide">
Visit for NaN more seconds
</span>
<span ng-hide="isTimerAction(entry_method) && !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 && !campaign.details_first && campaign.login_first && !contestantState.contestant.id) || socialLoginRequired() && !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="Twitter">
<i class="fab fa-twitter"></i>
<span class="login-block--prefix">Login with</span>
<span class="login-block--text ng-binding">
Twitter
</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() && ( !campaign.login_first || contestantState.emailLogin || campaign.details_first || (contestantState.contestant.id && campaign.login_first && !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 && 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 && 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-options="{ debounce: 300 }" ng-model="contestantState.form.name" 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 && contestantState.form.email == contestantState.failedEmail) || (contestantForm.email.$invalid && contestantForm.email.$touched)), success: contestantState.form.email != contestantState.failedEmail && 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-options="{ debounce: 300 }" ng-model="contestantState.form.email"
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 && contestantState.form.email == contestantState.failedEmail">
</div>
</div>
</label>
</div>
<div
ng-init="dc.i_have_read_the_terms_and_conditions = ({"type":"checkbox","label":"I have read the terms and conditions","autoticked":true,"required":true,"template_name":"I have read the terms and conditions","terms_and_conditions":true,"terms_and_conditions_url":"https://linktr.ee/oo_sqex","terms_and_conditions_label":"I have read the","terms_and_conditions_title":"terms and conditions"}|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() && 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="::"Notify me of other Square Enix Competitions"|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() && ( !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() && !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 && 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 3,894,620 Total Entries 10 Days Left 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 Twitter * Login with YouTube This Competition has ended COMPETITION PAUSED This Competition is currently paused. Please try again later. WINNING ENTRIES This promotion starts in 10 Days 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 Twitter * 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 Twitter * 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 Twitter * 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 Twitter * 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 Twitter * 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 Twitter * 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 Win a Steam Deck and more in the #KHonSteam sweepstakes. Enter here: t.co/yZKAYfYeJv https://t.co/pmUHv9fV6K Spread the KH love Or Connect Your Twitter Account Connect your Twitter account to verify Twitter actions in 1 click. We will not post without your permission. Already tweeted? 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 Twitter * 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 Twitter * 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 Twitter * 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 Twitter * 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 Twitter * 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 Twitter twitter.com/KINGDOMHEARTS Unlock 4 entries for following @KINGDOMHEARTS on Twitter Follow Or Connect Your Twitter 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 Twitter * 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 Twitter * 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 Twitter twitter.com/higround Unlock 4 entries for following @higround on Twitter Follow Or Connect Your Twitter 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 Twitter * 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