/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face { font-family: CenturyGothic-PL; font-weight: normal; font-style: italic; src: url("../fonts/CenturyGothic-PL.eot"); src: url("../fonts/CenturyGothic-PL.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic-PL.woff") format("woff"), url("../fonts/CenturyGothic-PL.ttf") format("truetype"), url("../fonts/CenturyGothic-PL.svg#CenturyGothic-PL") format("svg"); }
@font-face { font-family: CenturyGothic-PL; font-weight: bold; font-style: normal; src: url("../fonts/CenturyGothicBoldPL.eot"); src: url("../fonts/CenturyGothicBoldPL.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothicBoldPL.woff") format("woff"), url("../fonts/CenturyGothicBoldPL.ttf") format("truetype"), url("../fonts/CenturyGothicBoldPL.svg#CenturyGothic-PL") format("svg"); }
/** APP **/
html { width: 100%; height: 100%; }

body { margin: 0px; padding: 0px; min-width: 100%; min-height: 100%; }

#oldBrowser { position: fixed; display: table; width: 100%; height: 100%; background-color: #000000; z-index: 99999; }

.browsehappy { display: table-cell; color: #89d100; font-size: 18px; text-align: center; vertical-align: middle; }

.browsehappy a { color: #89d100; }

#container, #preloader { visibility: visible; position: absolute; width: 100%; padding-bottom: 63.28125%; background-color: #000000; overflow: hidden; height: auto; }

#preloaderImage { position: absolute; width: 25.625%; height: 13.45679%; left: 37.10938%; top: 41.97531%; }

#preloaderBarContainer { position: absolute; width: 25.07813%; height: auto; left: 37.26563%; top: 55.4321%; }

#preloaderBar { position: absolute; width: 0%; height: auto; border-top: 1px solid #5dc1ff; }

#preloaderPct { color: #f6b9ec; text-align: right; font-size: 1em; font-weight: bold; font-family: Helvetica; }

#title { position: absolute; opacity: 1.0; visibility: visible; width: 92.8125%; height: 19.50617%; top: 12.71605%; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; }

#names { position: absolute; opacity: 1.0; visibility: visible; width: 88.4375%; height: 18.39506%; top: 1.11111%; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; }

#closeButton { position: absolute; opacity: 0.0; visibility: hidden; width: 6.09375%; height: 3.7037%; top: 0%; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; }

#date { position: absolute; width: 64.76563%; height: 3.7037%; left: 18.51563%; top: 94.93827%; display: block; }

#legal { position: absolute; width: 96.71875%; height: 2.59259%; left: 1.71875%; top: 95.06173%; display: block; }

#accelerometer, #tapAndDrag { display: block; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.94); padding-top: 25%; position: absolute; }
#accelerometer img, #tapAndDrag img { display: inline-block; }
#accelerometer .text, #tapAndDrag .text { display: block; max-width: 510px; margin: auto; font-family: "CenturyGothic-PL"; font-weight: bold; font-size: 22px; color: #f6b9ec; text-shadow: 0 0 38px #FF94F2; }
#accelerometer .text p, #tapAndDrag .text p { margin-bottom: 3px; }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) { #accelerometer, #tapAndDrag { padding-top: 13%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) { #accelerometer, #tapAndDrag { padding-top: 12%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) { #accelerometer, #tapAndDrag { padding-top: 15%; } }
.parallaxLayer { position: absolute; }

#background { top: 0%; width: 204.84375%; height: 100%; display: block; }

#characterWrapper { bottom: 0%; width: 204.84375%; height: 76.91358%; }

#characters, #characters img { width: 100%; height: 100%; }

#characterHotspots { width: 100%; height: 130.01605%; top: -30.01605%; }

#scrim { width: 100%; height: 130.01605%; top: -30.01605%; background-color: #000000; opacity: 0.0; visibility: hidden; position: absolute; }

.character { position: absolute; opacity: 0.0; visibility: hidden; display: block; }

#character1 { left: 0%; top: 9.95185%; width: 16.43783%; height: 66.61316%; }

#character2 { left: 1.79252%; top: 10.75441%; width: 11.28909%; height: 72.39165%; }

#character3 { left: 7.8566%; top: 19.18138%; width: 20.28986%; height: 65.97111%; }

#character4 { left: 14.79786%; top: 19.66292%; width: 18.955%; height: 68.86035%; }

#character5 { left: 25.47674%; top: 14.687%; width: 11.86117%; height: 66.45265%; }

#character6 { left: 35.39283%; top: 11.1557%; width: 22.38749%; height: 76.72552%; }

#character7 { left: 55.7971%; top: 9.79133%; width: 6.29291%; height: 55.05618%; }

#character8 { left: 51.10603%; top: 13.00161%; width: 19.98474%; height: 68.69984%; }

#character9 { left: 65.0267%; top: 0.16051%; width: 12.92906%; height: 78.97271%; }

#character10 { left: 66.78108%; top: 6.90209%; width: 25.17162%; height: 70.46549%; }

#character11 { left: 84.59191%; top: 8.34671%; width: 14.64531%; height: 74.47833%; }

.characterName { position: absolute; visibility: hidden; top: 5.679%; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; }

.characterName svg { height: 100%; width: 100%; }

#characterName1 { height: 9.259%; width: 65.391%; }

.characterName1Image { -webkit-clip-path: url(#characterName1Mask0); clip-path: url(#characterName1Mask0); }

#characterName2 { height: 9.259%; width: 64.688%; }

.characterName2Image { -webkit-clip-path: url(#characterName2Mask0); clip-path: url(#characterName2Mask0); }

#characterName3 { height: 9.012%; width: 53.906%; }

.characterName3Image { -webkit-clip-path: url(#characterName3Mask0); clip-path: url(#characterName3Mask0); }

#characterName4 { height: 9.259%; width: 53.203%; }

.characterName4Image { -webkit-clip-path: url(#characterName4Mask0); clip-path: url(#characterName4Mask0); }

#characterName5 { height: 9.259%; width: 75.781%; }

.characterName5Image { -webkit-clip-path: url(#characterName5Mask0); clip-path: url(#characterName5Mask0); }

#characterName6 { height: 9.259%; width: 52.578%; }

.characterName6Image { -webkit-clip-path: url(#characterName6Mask0); clip-path: url(#characterName6Mask0); }

#characterName7 { height: 8.889%; width: 21.406%; }

.characterName7Image { -webkit-clip-path: url(#characterName7Mask0); clip-path: url(#characterName7Mask0); }

#characterName8 { height: 9.259%; width: 63.828%; }

.characterName8Image { -webkit-clip-path: url(#characterName8Mask0); clip-path: url(#characterName8Mask0); }

#characterName9 { height: 9.259%; width: 57.969%; }

.characterName9Image { -webkit-clip-path: url(#characterName9Mask0); clip-path: url(#characterName9Mask0); }

#characterName10 { height: 9.136%; width: 56.562%; }

.characterName10Image { -webkit-clip-path: url(#characterName10Mask0); clip-path: url(#characterName10Mask0); }

#characterName11 { height: 9.136%; width: 46.406%; }

.characterName11Image { -webkit-clip-path: url(#characterName11Mask0); clip-path: url(#characterName11Mask0); }

#bioButtonUp { display: block; top: 17.53086%; left: 81.25%; width: 2.34375%; height: 2.46914%; position: absolute; opacity: 0.0; visibility: hidden; }

#bioButtonDown { display: block; top: 25.80247%; left: 81.25%; width: 2.34375%; height: 2.46914%; position: absolute; opacity: 0.0; visibility: hidden; }

#characterBio { position: absolute; opacity: 0.0; visibility: hidden; width: 62.5%; height: 13.08642%; top: 16.66667%; margin-left: auto; margin-right: auto; left: 0; right: 0; overflow: hidden; }

#characterBio p { font-size: .875em; font-family: "CenturyGothic-PL", Helvetica; color: #8f8f8f; text-align: center; margin: 0px; padding: 0px; }

#title svg { height: 100%; width: 100%; }

#hotspotMarker { width: 18.7643%; height: 17.6565%; position: absolute; visibility: hidden; }

#hotspotMarker .name, #hotspotMarker .circles { position: absolute; width: 100%; height: 100%; }

.marker1 { left: -3.9%; top: 36.689%; }

.marker2 { left: -0.3%; top: 44.689%; }

.marker3 { left: 8%; top: 37.544%; }

.marker4 { left: 13.3%; top: 50.238%; }

.marker5 { left: 20.3%; top: 50.4%; }

.marker6 { left: 39.783%; top: 49.238%; }

.marker7 { left: 53.3%; top: 32.3%; }

.marker8 { left: 54.5%; top: 50%; }

.marker9 { left: 63.6%; top: 26.5%; }

.marker10 { left: 77.7%; top: 35.446%; }

.marker11 { left: 88.7%; top: 40.5%; }

body.deviceFonts #characterBio p { font-family: "Arial" !important; }
body.deviceFonts #accelerometer .text, body.deviceFonts #tapAndDrag .text { font-family: "Arial" !important; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:CenturyGothic-PL;font-weight:400;font-style:italic;src:url(../fonts/CenturyGothic-PL.eot);src:url(../fonts/CenturyGothic-PL.eot?#iefix) format("embedded-opentype"),url(../fonts/CenturyGothic-PL.woff) format("woff"),url(../fonts/CenturyGothic-PL.ttf) format("truetype"),url(../fonts/CenturyGothic-PL.svg#CenturyGothic-PL) format("svg")}@font-face{font-family:CenturyGothic-PL;font-weight:700;font-style:normal;src:url(../fonts/CenturyGothicBoldPL.eot);src:url(../fonts/CenturyGothicBoldPL.eot?#iefix) format("embedded-opentype"),url(../fonts/CenturyGothicBoldPL.woff) format("woff"),url(../fonts/CenturyGothicBoldPL.ttf) format("truetype"),url(../fonts/CenturyGothicBoldPL.svg#CenturyGothic-PL) format("svg")}html{width:100%;height:100%}body{margin:0;padding:0;min-width:100%;min-height:100%}#oldBrowser{position:fixed;display:table;width:100%;height:100%;background-color:#000;z-index:99999}.browsehappy{display:table-cell;color:#89d100;font-size:18px;text-align:center;vertical-align:middle}.browsehappy a{color:#89d100}#container,#preloader{visibility:visible;position:absolute;width:100%;padding-bottom:63.28125%;background-color:#000;overflow:hidden;height:auto}#preloaderImage{position:absolute;width:25.625%;height:13.45679%;left:37.10938%;top:41.97531%}#preloaderBarContainer{position:absolute;width:25.07813%;height:auto;left:37.26563%;top:55.4321%}#preloaderBar{position:absolute;width:0;height:auto;border-top:1px solid #5dc1ff}#preloaderPct{color:#f6b9ec;text-align:right;font-size:1em;font-weight:700;font-family:Helvetica}#title{position:absolute;opacity:1;visibility:visible;width:92.8125%;height:19.50617%;top:12.71605%;margin-left:auto;margin-right:auto;left:0;right:0;display:block}#names{position:absolute;opacity:1;visibility:visible;width:88.4375%;height:18.39506%;top:1.11111%;margin-left:auto;margin-right:auto;left:0;right:0;display:block}#closeButton{position:absolute;opacity:0;visibility:hidden;width:6.09375%;height:3.7037%;top:0;margin-left:auto;margin-right:auto;left:0;right:0;display:block}#date{position:absolute;width:64.76563%;height:3.7037%;left:18.51563%;top:94.93827%;display:block}#legal{position:absolute;width:96.71875%;height:2.59259%;left:1.71875%;top:95.06173%;display:block}#accelerometer,#tapAndDrag{display:block;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.94);padding-top:25%;position:absolute}#accelerometer img,#tapAndDrag img{display:inline-block}#accelerometer .text,#tapAndDrag .text{display:block;max-width:510px;margin:auto;font-family:CenturyGothic-PL;font-weight:700;font-size:22px;color:#f6b9ec;text-shadow:0 0 38px #FF94F2}#accelerometer .text p,#tapAndDrag .text p{margin-bottom:3px}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){#accelerometer,#tapAndDrag{padding-top:13%}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){#accelerometer,#tapAndDrag{padding-top:12%}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape){#accelerometer,#tapAndDrag{padding-top:15%}}.parallaxLayer{position:absolute}#background{top:0;width:204.84375%;height:100%;display:block}#characterWrapper{bottom:0;width:204.84375%;height:76.91358%}#characters,#characters img{width:100%;height:100%}#characterHotspots{width:100%;height:130.01605%;top:-30.01605%}#scrim{width:100%;height:130.01605%;top:-30.01605%;background-color:#000;opacity:0;visibility:hidden;position:absolute}.character{position:absolute;opacity:0;visibility:hidden;display:block}#character1{left:0;top:9.95185%;width:16.43783%;height:66.61316%}#character2{left:1.79252%;top:10.75441%;width:11.28909%;height:72.39165%}#character3{left:7.8566%;top:19.18138%;width:20.28986%;height:65.97111%}#character4{left:14.79786%;top:19.66292%;width:18.955%;height:68.86035%}#character5{left:25.47674%;top:14.687%;width:11.86117%;height:66.45265%}#character6{left:35.39283%;top:11.1557%;width:22.38749%;height:76.72552%}#character7{left:55.7971%;top:9.79133%;width:6.29291%;height:55.05618%}#character8{left:51.10603%;top:13.00161%;width:19.98474%;height:68.69984%}#character9{left:65.0267%;top:.16051%;width:12.92906%;height:78.97271%}#character10{left:66.78108%;top:6.90209%;width:25.17162%;height:70.46549%}#character11{left:84.59191%;top:8.34671%;width:14.64531%;height:74.47833%}.characterName{position:absolute;visibility:hidden;top:5.679%;margin-left:auto;margin-right:auto;left:0;right:0;display:block}.characterName svg{height:100%;width:100%}#characterName1{height:9.259%;width:65.391%}.characterName1Image{-webkit-clip-path:url(#characterName1Mask0);clip-path:url(#characterName1Mask0)}#characterName2{height:9.259%;width:64.688%}.characterName2Image{-webkit-clip-path:url(#characterName2Mask0);clip-path:url(#characterName2Mask0)}#characterName3{height:9.012%;width:53.906%}.characterName3Image{-webkit-clip-path:url(#characterName3Mask0);clip-path:url(#characterName3Mask0)}#characterName4{height:9.259%;width:53.203%}.characterName4Image{-webkit-clip-path:url(#characterName4Mask0);clip-path:url(#characterName4Mask0)}#characterName5{height:9.259%;width:75.781%}.characterName5Image{-webkit-clip-path:url(#characterName5Mask0);clip-path:url(#characterName5Mask0)}#characterName6{height:9.259%;width:52.578%}.characterName6Image{-webkit-clip-path:url(#characterName6Mask0);clip-path:url(#characterName6Mask0)}#characterName7{height:8.889%;width:21.406%}.characterName7Image{-webkit-clip-path:url(#characterName7Mask0);clip-path:url(#characterName7Mask0)}#characterName8{height:9.259%;width:63.828%}.characterName8Image{-webkit-clip-path:url(#characterName8Mask0);clip-path:url(#characterName8Mask0)}#characterName9{height:9.259%;width:57.969%}.characterName9Image{-webkit-clip-path:url(#characterName9Mask0);clip-path:url(#characterName9Mask0)}#characterName10{height:9.136%;width:56.562%}.characterName10Image{-webkit-clip-path:url(#characterName10Mask0);clip-path:url(#characterName10Mask0)}#characterName11{height:9.136%;width:46.406%}.characterName11Image{-webkit-clip-path:url(#characterName11Mask0);clip-path:url(#characterName11Mask0)}#bioButtonUp{display:block;top:17.53086%;left:81.25%;width:2.34375%;height:2.46914%;position:absolute;opacity:0;visibility:hidden}#bioButtonDown{display:block;top:25.80247%;left:81.25%;width:2.34375%;height:2.46914%;position:absolute;opacity:0;visibility:hidden}#characterBio{position:absolute;opacity:0;visibility:hidden;width:62.5%;height:13.08642%;top:16.66667%;margin-left:auto;margin-right:auto;left:0;right:0;overflow:hidden}#characterBio p{font-size:.875em;font-family:CenturyGothic-PL,Helvetica;color:#8f8f8f;text-align:center;margin:0;padding:0}#title svg{height:100%;width:100%}#hotspotMarker{width:18.7643%;height:17.6565%;position:absolute;visibility:hidden}#hotspotMarker .circles,#hotspotMarker .name{position:absolute;width:100%;height:100%}.marker1{left:-3.9%;top:36.689%}.marker2{left:-.3%;top:44.689%}.marker3{left:8%;top:37.544%}.marker4{left:13.3%;top:50.238%}.marker5{left:20.3%;top:50.4%}.marker6{left:39.783%;top:49.238%}.marker7{left:53.3%;top:32.3%}.marker8{left:54.5%;top:50%}.marker9{left:63.6%;top:26.5%}.marker10{left:77.7%;top:35.446%}.marker11{left:88.7%;top:40.5%}body.deviceFonts #accelerometer .text,body.deviceFonts #characterBio p,body.deviceFonts #tapAndDrag .text{font-family:Arial!important}