@import url(https://fonts.googleapis.com/css?family=Princess+Sofia|Rouge+Script|Ruthie|Shadows+Into+Light|Lateef);
@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);
@import url(https://fonts.googleapis.com/css?family=Princess+Sofia|Rouge+Script|Ruthie|Shadows+Into+Light|Lateef);
@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);
@import url(https://fonts.googleapis.com/css?family=Princess+Sofia|Rouge+Script|Ruthie|Shadows+Into+Light|Lateef);
@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);
@import url(https://fonts.googleapis.com/css?family=Princess+Sofia|Rouge+Script|Ruthie|Shadows+Into+Light|Lateef);
@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);
/* Collection default theme */
/* Grid default theme */
/* Table default theme */
.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center; }

.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center; }

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px; }

.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap; }

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px; }

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer; }

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center; }

.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor; }

/* List default theme */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

html {
  box-sizing: border-box; }

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

*, *:before, *:after {
  box-sizing: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent; }
  *:focus, *:before:focus, *:after:focus {
    outline: none; }

body {
  background-color: black;
  font: normal 14px/1.5 "Fira Sans", "Helvetica Neue", sans-serif;
  color: #fff;
  overflow: hidden; }

#root {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  transition: transform 1s ease, opacity 2s;
  opacity: 1;
  display: flex;
  flex-direction: column-reverse; }

.debug:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 10px;
  width: 10px;
  color: white;
  background: red; }

.flex-container {
  display: flex; }
  .flex-container.direction-row {
    flex-direction: row; }
  .flex-container.direction-column {
    flex-direction: column; }

.feedback.app-app {
  position: absolute;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.53); }
  .feedback.app-app ul {
    border: none; }

.downtime {
  position: absolute;
  top: 45%;
  width: 336px;
  background: white;
  color: black;
  left: calc(50% - (356px / 2));
  padding: 10px;
  border: 3px solid #8da3df; }
  .downtime strong {
    font-size: 1.2em;
    display: block;
    color: #467fbb; }
  .downtime a {
    color: #467fca; }

.msg-parent {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: all;
  transition: opacity .25s ease;
  justify-content: center; }
  .msg-parent.visible {
    opacity: 1;
    pointer-events: all; }
    .msg-parent.visible > .close-modal-btn {
      display: block; }
  .msg-parent .msg-text {
    overflow-y: auto;
    width: 70vw;
    align-self: center;
    max-width: 500px;
    min-width: 300px;
    padding: 10px 20px;
    background: white;
    color: black;
    font-size: 1.2em;
    text-align: center;
    max-height: 500px; }
  .msg-parent > .close-msg-btn {
    margin: 10px auto;
    padding: 8px 16px;
    width: 150px;
    height: 35px;
    cursor: pointer;
    background: #585858;
    color: #eeeeee;
    text-align: center;
    letter-spacing: .05em;
    border-radius: 2px;
    border: none;
    text-decoration: none; }
    .msg-parent > .close-msg-btn:focus {
      background: linear-gradient(#83a0a6, #415252);
      color: white;
      border: 1px solid #d1e2e9;
      filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2)); }

@media screen and (max-width: 600px), screen and (max-height: 600px) {
  .msg-parent .msg-text {
    height: 88vh !important;
    width: 90vw !important;
    font-size: 1.3em; }
  .msg-parent > .close-msg-btn {
    width: 90vw !important;
    height: initial !important;
    font-size: 1.5em; }
  .msg-parent.password .modal-frame {
    width: 100%;
    max-width: unset; } }

div.hhc-badge-shortcuts {
  margin: 0;
  z-index: 99999;
  position: absolute;
  top: calc(50% - 160px);
  background: var(--toggles-bg);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1ch 1.5ch 0ch 1ch;
  left: -50px;
  transition: left 1s; }
  div.hhc-badge-shortcuts.visible {
    left: 0px; }
  div.hhc-badge-shortcuts.tpz-mode {
    right: 0;
    left: unset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  div.hhc-badge-shortcuts a,
  div.hhc-badge-shortcuts button {
    color: black;
    text-decoration: none;
    opacity: 1;
    transition: opacity 1s; }
    div.hhc-badge-shortcuts a.disabled, div.hhc-badge-shortcuts a[disabled="true"],
    div.hhc-badge-shortcuts button.disabled,
    div.hhc-badge-shortcuts button[disabled="true"] {
      pointer-events: none;
      opacity: 0.4; }
  div.hhc-badge-shortcuts ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    div.hhc-badge-shortcuts ul li {
      margin-bottom: 1ch;
      position: relative; }
      div.hhc-badge-shortcuts ul li .toast {
        border-radius: 7px;
        font-size: 10px;
        color: white;
        background-color: red;
        display: inline-block;
        padding: 4px 4px;
        line-height: 6px;
        position: absolute;
        top: 1px;
        right: -9px;
        border: 1px solid white;
        text-align: left; }
  div.hhc-badge-shortcuts > div {
    display: flex;
    justify-content: center;
    background: black;
    flex-grow: 0;
    padding: 8px 9px;
    align-items: center;
    min-height: 50px; }
    div.hhc-badge-shortcuts > div .actionbar-content {
      display: flex;
      flex-direction: row;
      max-width: 600px;
      flex-grow: 1; }
      div.hhc-badge-shortcuts > div .actionbar-content .menu-button,
      div.hhc-badge-shortcuts > div .actionbar-content .menu-list {
        flex-grow: 0;
        text-align: center;
        display: flex;
        justify-content: space-evenly; }
        div.hhc-badge-shortcuts > div .actionbar-content .menu-button > *,
        div.hhc-badge-shortcuts > div .actionbar-content .menu-list > * {
          background: none;
          cursor: pointer;
          padding: 6px;
          margin: 0px 2px;
          border-radius: 4px;
          background: #8c8c8c;
          flex-grow: 1; }
          div.hhc-badge-shortcuts > div .actionbar-content .menu-button > *.active,
          div.hhc-badge-shortcuts > div .actionbar-content .menu-list > *.active {
            background: #333;
            color: white; }
      div.hhc-badge-shortcuts > div .actionbar-content .menu-list {
        flex-grow: 1;
        text-align: center; }
      div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent {
        flex-grow: 1;
        display: flex;
        margin-right: 6px; }
        div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-input-background {
          padding: 7px 5px 5px 8px;
          background-color: white;
          transition: background-color .5s;
          position: relative;
          border-radius: 6px;
          min-width: 320px;
          flex-grow: 1; }
          div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-input-background:after {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-left-color: #ffffff;
            transition: border-left-color .5s;
            border-width: 8px;
            margin-top: -8px; }
          div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-input-background > input {
            width: 100%;
            border: none;
            transition: background-color  .5s;
            background-color: white;
            transition: background-color .5s; }
        div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent.whispering {
          --whisper-color: #cbf3d0; }
          div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent.whispering .chat-input-background {
            background-color: var(--whisper-color); }
            div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent.whispering .chat-input-background:after {
              border-left-color: var(--whisper-color); }
            div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent.whispering .chat-input-background > input {
              background-color: var(--whisper-color); }
        div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-avatar-crop {
          width: 40px;
          min-width: 40px;
          height: 40px;
          border-radius: 100%;
          overflow: hidden;
          margin: -4px 0px -40px 10px;
          box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.5);
          flex-grow: 0; }
          div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-avatar-crop .chat-avatar {
            width: 80px;
            height: 160px;
            margin: 0px; }
            div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-avatar-crop .chat-avatar .character {
              background-color: #65643a; }
              div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-avatar-crop .chat-avatar .character .character-head {
                background-image: url(/images/avatars/head_100.png); }
                div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-avatar-crop .chat-avatar .character .character-head .character-eyes {
                  background-image: url(/images/avatars/eyes_100.png); }
                div.hhc-badge-shortcuts > div .actionbar-content .chat-input-parent .chat-avatar-crop .chat-avatar .character .character-head .character-mouth {
                  background-image: url(/images/avatars/mouth_100.png); }
  div.hhc-badge-shortcuts .santa-noggin {
    width: 33px;
    height: 43px;
    background-image: url(/images/avatars/santa_noggin.png);
    background-size: cover;
    margin-right: -5px;
    margin-left: 3px;
    margin-top: 4px;
    cursor: pointer; }

.hhc-modal {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  justify-content: center; }
  .hhc-modal.password {
    background: rgba(0, 0, 0, 0.86); }
    .hhc-modal.password .modal-frame {
      height: auto;
      overflow-y: auto;
      width: 100%;
      align-self: center;
      max-width: 500px;
      min-width: 300px;
      padding: 10px 20px;
      background-color: #171b21;
      color: #ffffff;
      margin: 0px;
      border: 5px solid #3c3c3c;
      margin: 0px 20px; }
      .hhc-modal.password .modal-frame h2 {
        font-size: 2.4em;
        color: white;
        font-weight: 100; }
  .hhc-modal.visible {
    opacity: 1;
    pointer-events: all; }
    .hhc-modal.visible > .close-modal-btn {
      display: block; }
  .hhc-modal .modal-frame {
    height: 70vh;
    overflow-y: auto;
    width: 70vw;
    align-self: center;
    max-width: 800px;
    min-width: 300px;
    padding: 10px 20px;
    background: white;
    color: black; }
  .hhc-modal > .close-modal-btn {
    display: none;
    margin: 10px auto;
    padding: 8px 16px;
    width: 150px;
    height: 35px;
    cursor: pointer;
    background: #585858;
    color: #eeeeee;
    text-align: center;
    letter-spacing: .05em;
    border-radius: 2px;
    border: none;
    text-decoration: none; }
    .hhc-modal > .close-modal-btn:focus {
      background: linear-gradient(#83a0a6, #415252);
      color: white;
      border: 1px solid #d1e2e9;
      filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2)); }

@media screen and (max-width: 600px), screen and (max-height: 600px) {
  .hhc-modal .modal-frame {
    height: 88vh !important;
    width: 90vw !important;
    font-size: 1.3em; }
  .hhc-modal > .close-modal-btn {
    width: 90vw !important;
    height: initial !important;
    font-size: 1.5em; }
  .hhc-modal.password .modal-frame {
    width: 100%;
    max-width: unset; }
  .badtoken {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease; }
    .badtoken .modal-frame {
      overflow: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: none;
      height: 100%;
      padding: 0px;
      height: 90vh !important; }
      .badtoken .modal-frame .msg-content {
        background: #000000a1;
        border-radius: 10px;
        color: white;
        padding: 10px 30px 60px 30px;
        align-self: center;
        flex-shrink: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.3em;
        max-width: none !important; }
    .badtoken > a {
      margin-top: 0px !important;
      border-radius: 10px !important;
      background: #ccc !important;
      color: black !important; } }

div.ui-spinner {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity .5s;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center; }
  div.ui-spinner.visible {
    display: flex;
    opacity: 1;
    pointer-events: all;
    cursor: default; }
    div.ui-spinner.visible .spinner {
      display: block; }
  div.ui-spinner .spinner {
    color: #ffffff;
    display: none;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease; }

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

ul.notifications.corner-notifications {
  position: absolute;
  bottom: 50px;
  width: auto;
  color: white;
  z-index: 500000;
  list-style: none;
  font-size: 1.25em; }
  ul.notifications.corner-notifications li {
    margin-top: 2ch;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 1ch 2ch 1ch 6ch;
    border-radius: 10px;
    margin: 5px 0px;
    position: relative;
    border: 2px solid #900e0e; }
    ul.notifications.corner-notifications li i {
      color: green;
      font-size: 2em;
      position: absolute;
      top: 17px;
      left: 11px;
      width: 41px;
      text-align: center; }
    ul.notifications.corner-notifications li img.hat-notification {
      width: 60px;
      height: 60px;
      margin: 4px -2px;
      position: absolute;
      left: 0px;
      top: 0px; }
    ul.notifications.corner-notifications li p {
      font-size: 1rem;
      display: inline-block;
      margin: 0; }
    ul.notifications.corner-notifications li a {
      color: #e4e99b;
      font-size: .8em;
      font-style: italic;
      display: block; }

ul.notifications.toast-notifications {
  position: absolute;
  bottom: 50px;
  width: auto;
  color: white;
  z-index: 500000;
  list-style: none;
  font-size: 1.25em; }
  ul.notifications.toast-notifications li {
    margin-top: 2ch;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 1ch 2ch 1ch 5.5ch;
    border-radius: 10px;
    margin: 5px 0px;
    position: relative;
    border: 2px solid #12900e; }
    ul.notifications.toast-notifications li i {
      color: gold;
      font-size: 1.4em;
      position: absolute;
      top: 10px;
      left: 9px;
      width: 41px;
      text-align: center; }
    ul.notifications.toast-notifications li p {
      font-size: 1rem;
      display: inline-block;
      margin: 0; }
    ul.notifications.toast-notifications li a {
      color: #e4e99b;
      font-size: .8em;
      font-style: italic;
      display: block; }

.hhc-modal.challenge .modal-frame {
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: none;
  height: 80%;
  max-width: unset !important;
  width: 80%;
  background: black;
  border-radius: 10px;
  padding: 10px;
  color: white; }
  .hhc-modal.challenge .modal-frame iframe {
    height: 100%; }
  .hhc-modal.challenge .modal-frame.challenge-termHardwareHacking101A, .hhc-modal.challenge .modal-frame.challenge-termSnowballShowdown {
    max-width: unset;
    width: 90%;
    height: 90%; }
  .hhc-modal.challenge .modal-frame.challenge-termScoreboard {
    width: 92vw;
    height: 92vh; }
  .hhc-modal.challenge .modal-frame.challenge-termGiftTracking, .hhc-modal.challenge .modal-frame.challenge-termNmap {
    min-width: 1000px;
    max-width: unset;
    width: 92vw; }

.ui-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  z-index: 99; }
  .ui-layer.session {
    background: rgba(0, 0, 0, 0.8); }
  .ui-layer div.invite {
    transition: transform 1s ease, filter .5s ease;
    pointer-events: none; }
  .ui-layer.connected div.invite {
    pointer-events: all; }
  .ui-layer.connected.reg::before {
    filter: blur(0.25vmax) brightness(0.6); }
  .ui-layer.reg::before {
    content: '';
    width: 102vmax;
    height: 102vmax;
    display: block;
    position: absolute;
    z-index: -1;
    filter: blur(0vmax) brightness(0.3);
    top: -1vmax;
    left: -1vmax;
    background-image: url(/images/grassbg.jpg);
    background-size: cover;
    transition: filter .75s ease; }

@media screen and (max-width: 600px), screen and (max-height: 600px) {
  .ui-layer {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .ui-layer:before {
      display: none !important; } }

.ui-container {
  display: block;
  align-self: center;
  background: #333;
  width: 600px;
  height: auto;
  filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.3));
  position: relative; }
  .ui-container .card {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-items: center;
    background-image: none;
    background-color: #252525; }
    .ui-container .card ul.two-columns {
      width: 100%;
      padding-left: 0px; }
    .ui-container .card .a.go-back {
      display: none; }
    .ui-container .card > * {
      align-self: center; }

@media screen and (max-width: 650px), screen and (max-height: 650px) {
  .invite {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: left 1s;
    --webkit-transition: left 1s; }
    .invite.two {
      left: -100%; }
    .invite.three {
      left: -200%; }
    .invite.four {
      left: -300%; }
    .invite.five {
      left: -400%; }
    .invite.six {
      left: -500%; }
    .invite.final {
      left: -600%; }
    .invite .testnav {
      margin: 0px; } }

.important-link {
  position: relative;
  text-align: center;
  text-decoration: none;
  font-family: 'Lateef', cursive;
  font-size: 2.1em;
  color: #768fa7;
  display: block; }

.card {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: left bottom;
  background-image: url(/images/overlay.png); }
  .card h1 {
    font-family: 'Rouge Script';
    font-size: 4em;
    line-height: 1em;
    text-align: center;
    letter-spacing: -.03em;
    color: #de1700;
    font-weight: 100; }
  .card a.go-back {
    color: white;
    font-family: 'Lateef';
    font-size: 1.8em;
    text-decoration: none;
    font-style: italic;
    margin-left: -5px; }
  .card.two {
    background: url(/images/logo.png) no-repeat;
    z-index: 1000;
    min-height: 240px; }
    .card.two > a {
      display: flex;
      width: 100%;
      height: 100%;
      position: relative;
      justify-content: center; }
      .card.two > a > * {
        position: absolute;
        align-self: center; }
      .card.two > a img {
        z-index: 2; }
      .card.two > a .foil {
        background: rgba(169, 182, 193, 0.51);
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
        box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2), inset -1px -1px 4px rgba(255, 255, 255, 0.3);
        border: 7px solid #2f4a54; }
      .card.two > a .center-bit {
        background-color: #538990;
        width: 510px;
        height: 510px; }
        .card.two > a .center-bit:after {
          content: '';
          width: 100%;
          height: 100%;
          background-color: #55728e;
          display: block;
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), -1px -1px 4px rgba(255, 255, 255, 0.2);
          background-image: url(/images/overlay.png); }
      .card.two > a div.logo {
        display: block;
        width: auto;
        height: 100%;
        min-height: 190px;
        min-width: 209px;
        max-height: 460px;
        max-width: 209px;
        align-self: center;
        z-index: 10;
        flex-grow: 1; }
  .card.three {
    background-color: #fdfff0;
    background-image: url(/images/overlay.png), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    z-index: 800;
    padding: 43px 45px 33px 45px;
    color: #403f3e;
    overflow-y: auto;
    border: 7px solid #a2acb5; }
    .card.three p {
      font-family: 'Lateef', cursive;
      font-size: 1.25em;
      line-height: 1.15em;
      text-align: justify;
      margin: 15px 0px; }
    .card.three p.intro-line {
      margin: 8px 0px 17px 31px !important;
      padding: 0px;
      font-size: 1.25em !important;
      font-weight: bold; }
    .card.three p.first::first-letter {
      color: #376e90;
      float: left;
      font-size: 5em;
      margin: 0px .1em 0 0;
      display: block;
      font-weight: 700;
      font-family: 'Lateef', cursive;
      line-height: .6em; }
    .card.three .holidayhackcon {
      font-family: 'Lateef';
      font-size: 4.2em;
      line-height: 56px;
      text-align: center;
      letter-spacing: -.03em;
      color: #de1700; }
      .card.three .holidayhackcon span {
        font-size: 38px;
        letter-spacing: 0;
        display: block;
        margin: -5px 0; }
    .card.three em {
      display: block;
      text-align: center;
      line-height: .7em; }
  .card.four, .card.five, .card.six {
    background-color: #424c52;
    background-image: linear-gradient(rgba(77, 96, 109, 0.8), rgba(34, 36, 37, 0.81)), url(/images/overlay.png);
    padding: 23px 38px 33px 38px;
    color: #403f3e;
    border: 7px solid #a2acb5;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .card.four h1, .card.five h1, .card.six h1 {
      color: white;
      margin: .4em 0; }
    .card.four > *, .card.five > *, .card.six > * {
      align-self: center;
      transform: translateZ(0); }
    .card.four .feedback, .card.five .feedback, .card.six .feedback {
      width: 80%;
      margin: 1em 0; }
    .card.four .login-form,
    .card.four .rsvp-form, .card.five .login-form,
    .card.five .rsvp-form, .card.six .login-form,
    .card.six .rsvp-form {
      min-width: 400px;
      display: block;
      flex-direction: column;
      justify-content: center; }
      .card.four .login-form form.hhc-form ul.two-columns,
      .card.four .rsvp-form form.hhc-form ul.two-columns, .card.five .login-form form.hhc-form ul.two-columns,
      .card.five .rsvp-form form.hhc-form ul.two-columns, .card.six .login-form form.hhc-form ul.two-columns,
      .card.six .rsvp-form form.hhc-form ul.two-columns {
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .card.four .login-form form.hhc-form ul.two-columns li,
        .card.four .rsvp-form form.hhc-form ul.two-columns li, .card.five .login-form form.hhc-form ul.two-columns li,
        .card.five .rsvp-form form.hhc-form ul.two-columns li, .card.six .login-form form.hhc-form ul.two-columns li,
        .card.six .rsvp-form form.hhc-form ul.two-columns li {
          width: 48%;
          margin-bottom: 6px; }
      .card.four .login-form form.hhc-form .flex-outer li.float-left,
      .card.four .rsvp-form form.hhc-form .flex-outer li.float-left, .card.five .login-form form.hhc-form .flex-outer li.float-left,
      .card.five .rsvp-form form.hhc-form .flex-outer li.float-left, .card.six .login-form form.hhc-form .flex-outer li.float-left,
      .card.six .rsvp-form form.hhc-form .flex-outer li.float-left {
        width: 45%;
        float: left; }
      .card.four .login-form.session label:not(.updatable) input,
      .card.four .rsvp-form.session label:not(.updatable) input, .card.five .login-form.session label:not(.updatable) input,
      .card.five .rsvp-form.session label:not(.updatable) input, .card.six .login-form.session label:not(.updatable) input,
      .card.six .rsvp-form.session label:not(.updatable) input {
        pointer-events: none;
        color: gold !important;
        border-color: rgba(255, 255, 255, 0.2) !important; }
      .card.four .login-form.session label:not(.updatable) span,
      .card.four .login-form.session label:not(.updatable) .gdpr-affirmation-text,
      .card.four .rsvp-form.session label:not(.updatable) span,
      .card.four .rsvp-form.session label:not(.updatable) .gdpr-affirmation-text, .card.five .login-form.session label:not(.updatable) span,
      .card.five .login-form.session label:not(.updatable) .gdpr-affirmation-text,
      .card.five .rsvp-form.session label:not(.updatable) span,
      .card.five .rsvp-form.session label:not(.updatable) .gdpr-affirmation-text, .card.six .login-form.session label:not(.updatable) span,
      .card.six .login-form.session label:not(.updatable) .gdpr-affirmation-text,
      .card.six .rsvp-form.session label:not(.updatable) span,
      .card.six .rsvp-form.session label:not(.updatable) .gdpr-affirmation-text {
        color: rgba(255, 255, 255, 0.2) !important; }
  .card.four {
    z-index: 600; }
  .card.five {
    z-index: 400;
    color: white; }
    .card.five h1 {
      margin: .2em 0; }
    .card.five .feedback {
      width: 100%; }
    .card.five p {
      text-align: center;
      align-self: flex-start; }
      .card.five p strong {
        color: #de1700; }
    .card.five a.go-back {
      align-self: flex-start; }
  .card.final {
    background-color: #193a1f;
    background-image: linear-gradient(rgba(77, 109, 82, 0.8), rgba(14, 31, 16, 0.81)), url(/images/overlay.png);
    padding: 23px 38px 33px 38px;
    color: white;
    border: 7px solid #755555;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 200; }
    .card.final h1 {
      color: white;
      margin: .4em 0; }
    .card.final img {
      width: 150px; }
    .card.final p {
      color: #ccc;
      padding: 0 30px;
      text-align: center; }
    .card.final > * {
      align-self: center;
      transform: translateZ(0); }
  .card.six {
    z-index: 100; }
  .card.final {
    background: white;
    z-index: 0; }

@media screen and (max-width: 650px), screen and (max-height: 650px) {
  body {
    font: normal 16px/1.5 "Fira Sans", "Helvetica Neue", sans-serif !important; }
  .card {
    position: absolute;
    display: block;
    position: absolute;
    transform: none !important;
    --webkit-transform: none!important; }
    .card.two, .card.three, .card.four, .card.five, .card.six {
      overflow: initial;
      overflow-y: auto; }
    .card.two {
      left: 0%; }
      .card.two > a .center-bit {
        width: calc(100% - 12vmin);
        height: calc(100% - 12vmin); }
    .card.three {
      left: 100%;
      overflow-y: auto; }
      .card.three p {
        font-size: 1.6em; }
      .card.three div.holidayhackcon {
        font-size: 8vmax; }
    .card.four {
      left: 200%; }
    .card.five {
      left: 300%; }
    .card.four, .card.five {
      display: block; }
      .card.four .rsvp-form form.hhc-form ul.two-columns,
      .card.four .login-form form.hhc-form ul.two-columns, .card.five .rsvp-form form.hhc-form ul.two-columns,
      .card.five .login-form form.hhc-form ul.two-columns {
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-wrap: inherit;
        justify-content: center; }
        .card.four .rsvp-form form.hhc-form ul.two-columns li,
        .card.four .login-form form.hhc-form ul.two-columns li, .card.five .rsvp-form form.hhc-form ul.two-columns li,
        .card.five .login-form form.hhc-form ul.two-columns li {
          width: 100%;
          align-self: center;
          margin-bottom: 1.6em; }
      .card.four .rsvp-form form.hhc-form .flex-outer li,
      .card.four .login-form form.hhc-form .flex-outer li, .card.five .rsvp-form form.hhc-form .flex-outer li,
      .card.five .login-form form.hhc-form .flex-outer li {
        width: 100%;
        align-self: center; }
        .card.four .rsvp-form form.hhc-form .flex-outer li.float-left,
        .card.four .login-form form.hhc-form .flex-outer li.float-left, .card.five .rsvp-form form.hhc-form .flex-outer li.float-left,
        .card.five .login-form form.hhc-form .flex-outer li.float-left {
          width: 47%;
          float: left; }
        .card.four .rsvp-form form.hhc-form .flex-outer li .policy-checkbox,
        .card.four .login-form form.hhc-form .flex-outer li .policy-checkbox, .card.five .rsvp-form form.hhc-form .flex-outer li .policy-checkbox,
        .card.five .login-form form.hhc-form .flex-outer li .policy-checkbox {
          width: 100%; }
        .card.four .rsvp-form form.hhc-form .flex-outer li label,
        .card.four .login-form form.hhc-form .flex-outer li label, .card.five .rsvp-form form.hhc-form .flex-outer li label,
        .card.five .login-form form.hhc-form .flex-outer li label {
          font-size: 1.4em;
          line-height: 1.4em; }
        .card.four .rsvp-form form.hhc-form .flex-outer li label[for='country'],
        .card.four .login-form form.hhc-form .flex-outer li label[for='country'], .card.five .rsvp-form form.hhc-form .flex-outer li label[for='country'],
        .card.five .login-form form.hhc-form .flex-outer li label[for='country'] {
          width: 100%;
          margin: 0.9em 0;
          display: flex; }
          .card.four .rsvp-form form.hhc-form .flex-outer li label[for='country'] select,
          .card.four .login-form form.hhc-form .flex-outer li label[for='country'] select, .card.five .rsvp-form form.hhc-form .flex-outer li label[for='country'] select,
          .card.five .login-form form.hhc-form .flex-outer li label[for='country'] select {
            width: 100%; }
        .card.four .rsvp-form form.hhc-form .flex-outer li button,
        .card.four .login-form form.hhc-form .flex-outer li button, .card.five .rsvp-form form.hhc-form .flex-outer li button,
        .card.five .login-form form.hhc-form .flex-outer li button {
          font-size: 1.6em; }
      .card.four .login-form, .card.five .login-form {
        height: 310px;
        min-height: 310px;
        width: 100%; }
    .card.six {
      left: 400%; }
    .card.final {
      left: 500%; } }

.invite {
  display: block;
  align-self: center;
  background: darkgreen;
  width: 800px;
  height: 700px;
  filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.3));
  position: relative;
  perspective: 1500px;
  transform: translateZ(0);
  opacity: 1; }
  .invite .card {
    transition: transform 1s ease, margin-left 1s ease, opacity .5s ease;
    transform: translateZ(0); }
  .invite.two .card.two {
    opacity: 0;
    pointer-events: none; }
  .invite.two.three .card.three {
    transform: rotateZ(-18deg) translateX(-101%);
    pointer-events: none; }
  .invite.two.three.four .card.four {
    transform: rotateZ(-17deg) translateX(-100%);
    pointer-events: none; }
  .invite.two.three.four.five .card.five {
    transform: rotateZ(-16deg) translateX(-99%);
    pointer-events: none; }
  .invite.two.three.four.five.six .card.six {
    transform: rotateZ(-15deg) translateX(-98%);
    pointer-events: none; }
  .invite .curiosity {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .invite .curiosity p {
      text-align: center;
      margin: 0; }
  .invite .testnav {
    position: absolute;
    top: 0px;
    list-style: none;
    margin: -50px 0 0 0;
    padding: 0px;
    background: black;
    z-index: 20000; }
    .invite .testnav li {
      display: inline-block;
      margin: 0px 5px; }
      .invite .testnav li a {
        color: white; }

@media screen and (max-width: 650px), screen and (max-height: 650px) {
  .invite {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: left 1s;
    --webkit-transition: left 1s; }
    .invite.two {
      left: -100%; }
    .invite.three {
      left: -200%; }
    .invite.four {
      left: -300%; }
    .invite.five {
      left: -400%; }
    .invite.six {
      left: -500%; }
    .invite.final {
      left: -600%; }
    .invite .testnav {
      margin: 0px; } }

.important-link {
  position: relative;
  text-align: center;
  text-decoration: none;
  font-family: 'Lateef', cursive;
  font-size: 2.1em;
  color: #768fa7;
  display: block; }

.feedback {
  width: 100%;
  transition: opacity .25s, padding .25s;
  opacity: 1; }
  .feedback.hidden {
    opacity: 0;
    margin: 0px; }
    .feedback.hidden ul {
      padding: 0px; }
  .feedback ul {
    list-style: none;
    margin: 0px;
    padding: 10px;
    border: 1px solid #d81a1ab5;
    border-radius: 5px;
    background: #a940401f; }
    .feedback ul li {
      font-size: 1em;
      line-height: 1.65em;
      color: #ffffff;
      letter-spacing: .02em;
      position: relative;
      text-align: center;
      text-shadow: 0px 0px 10px #000000a3; }

@media screen and (max-width: 650px), screen and (max-height: 650px) {
  .feedback {
    width: 100%;
    transition: opacity .25s, padding .25s;
    opacity: 1; }
    .feedback.hidden {
      opacity: 0;
      margin: 0px; }
      .feedback.hidden ul {
        padding: 0px; }
    .feedback ul {
      list-style: none;
      margin: 0px;
      padding: 10px;
      border: 1px solid #d81a1ab5;
      border-radius: 5px;
      background: #a940401f; }
      .feedback ul li {
        font-size: 1.3em;
        line-height: 1.65em;
        color: #ffffff;
        letter-spacing: .02em;
        position: relative;
        text-align: center;
        text-shadow: 0px 0px 10px #000000a3; } }

.gdpr-affirmation {
  transition: opacity .25s ease;
  pointer-events: none;
  display: none;
  color: #ddd; }
  .gdpr-affirmation.visible {
    display: flex;
    pointer-events: all;
    height: 50px; }
  .gdpr-affirmation ul.gdpr-affirmation-text {
    flex-grow: 1;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style: none; }
    .gdpr-affirmation ul.gdpr-affirmation-text li {
      float: left;
      margin: 0px !important; }

.view-registration {
  color: white;
  text-align: left;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between; }
  .view-registration .left-column {
    z-index: 10; }
    .view-registration .left-column .hhc-form {
      margin-top: 10px;
      width: 220px; }
      .view-registration .left-column .hhc-form .flex-outer li {
        margin: 0px;
        align-items: initial; }
        .view-registration .left-column .hhc-form .flex-outer li button {
          text-transform: none;
          padding: 5px 8px;
          margin: .35em 0; }
          .view-registration .left-column .hhc-form .flex-outer li button.twitter-share-btn img {
            width: auto;
            height: 12px;
            margin-right: 4px;
            vertical-align: middle;
            margin-top: -2px; }
  .view-registration ul.your-info {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    .view-registration ul.your-info li:nth-child(even) {
      color: #d8cc87;
      margin-bottom: 1em;
      font-weight: 700;
      font-size: 1.2em; }
  .view-registration a {
    color: #a0cfce; }
  .view-registration h2 {
    color: #bfa412;
    margin: 5px 0; }
  .view-registration h1 {
    font-family: "Rouge Script", cursive;
    margin-top: 0px;
    font-weight: 100;
    font-size: 2.4em;
    margin-bottom: 12px; }
  .view-registration img {
    width: 160px;
    height: auto; }
  .view-registration .character-container {
    z-index: 0;
    position: absolute;
    right: 5px;
    top: -37px;
    height: 512px;
    width: 256px;
    transition: right .5s ease; }
    .view-registration .character-container .character {
      transition: filter .5s ease; }
      .view-registration .character-container .character div {
        transition-timing-function: ease;
        transition-duration: .5s;
        transition-property: all; }
      .view-registration .character-container .character .character-legs {
        background-image: url(/images/avatars/legs_full.png); }
        .view-registration .character-container .character .character-legs .character-torso {
          background-image: url(/images/avatars/torso_full.png); }
          .view-registration .character-container .character .character-legs .character-torso .character-head {
            background-image: url(/images/avatars/head_full.png); }
            .view-registration .character-container .character .character-legs .character-torso .character-head .character-eyes {
              background-image: url(/images/avatars/eyes_full.png); }
            .view-registration .character-container .character .character-legs .character-torso .character-head .character-mouth {
              background-image: url(/images/avatars/mouth_full.png); }
    .view-registration .character-container .badge-position {
      position: absolute;
      width: 26px;
      height: 36px;
      background-image: url(/images/badge_avatar.png);
      background-repeat: no-repeat;
      pointer-events: all;
      cursor: pointer;
      z-index: 999999; }

@media screen and (max-width: 650px), screen and (max-height: 650px) {
  .view-registration .character-container {
    right: -15px; } }

.avatar-edit {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 400;
  width: 100%;
  align-items: flex-start; }
  .avatar-edit h3 {
    margin: 0px;
    color: #e2ddbe;
    font-size: 1em;
    font-weight: 100; }
  .avatar-edit .randomize-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: white;
    text-decoration: underline;
    z-index: 999;
    font-size: 1.1em;
    padding: 0px;
    margin-bottom: 10px; }
  .avatar-edit .avatar-edit-controls {
    width: 100%;
    position: relative; }
    .avatar-edit .avatar-edit-controls ul {
      list-style: none;
      padding: 0px 5px;
      margin: 5px 0px; }
      .avatar-edit .avatar-edit-controls ul li.section-controls {
        color: white;
        margin-left: -10px; }
        .avatar-edit .avatar-edit-controls ul li.section-controls button.chevron {
          border: none;
          background: none;
          cursor: pointer;
          padding: 0px 4px; }
        .avatar-edit .avatar-edit-controls ul li.section-controls span {
          text-align: left;
          display: inline-block;
          vertical-align: text-bottom;
          padding-left: 8px; }

.rsvp-character {
  opacity: 1;
  transition-timing-function: linear;
  pointer-events: none; }
  .rsvp-character .character_avatar {
    transition-timing-function: cubic-bezier(0.63, -0.47, 0.16, 1.09);
    transition-duration: 1s;
    transition-property: background;
    margin-top: -110px; }

.chevron::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 8px;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 8px;
  color: #668bb3; }

.chevron.right:before {
  left: 0;
  transform: rotate(45deg); }

.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg); }

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg); }

@media screen and (max-width: 650px), screen and (max-height: 650px) {
  .avatar-edit .avatar-edit-controls ul {
    list-style: none;
    padding: 0px 5px;
    margin: 5px 0px 20px 0px; }
    .avatar-edit .avatar-edit-controls ul li.section-controls {
      color: white;
      margin-left: -5px;
      margin-bottom: 11px;
      display: flex;
      justify-content: left;
      flex-direction: row;
      align-items: center; }
      .avatar-edit .avatar-edit-controls ul li.section-controls button.chevron {
        border: 1px solid #c7c7c7;
        background: none;
        cursor: pointer;
        width: 40px;
        background: #5f5f5f;
        height: 37px;
        padding-top: 6px;
        border-radius: 8px;
        margin-right: 5px;
        float: left;
        color: white; }
        .avatar-edit .avatar-edit-controls ul li.section-controls button.chevron:before {
          left: 0.12em;
          color: white; }
        .avatar-edit .avatar-edit-controls ul li.section-controls button.chevron.right:before {
          left: 0em; }
      .avatar-edit .avatar-edit-controls ul li.section-controls:after {
        content: '';
        clear: both;
        display: table; }
      .avatar-edit .avatar-edit-controls ul li.section-controls span {
        text-align: left;
        display: inline-flex;
        vertical-align: text-bottom;
        padding-left: 0px;
        float: left;
        flex-direction: column;
        padding-left: 6px; }
        .avatar-edit .avatar-edit-controls ul li.section-controls span strong {
          font-weight: bolder;
          margin-bottom: -4px;
          color: #d9dcb4; } }

.character-container,
.character {
  width: 100%;
  height: 100%;
  position: relative; }
  .character-container .badge-anchor,
  .character .badge-anchor {
    position: absolute;
    pointer-events: none; }
  .character-container .character-hat,
  .character .character-hat {
    background-repeat: no-repeat;
    background-position: top left;
    width: 52% !important;
    height: 60% !important;
    background-size: contain; }
    .character-container .character-hat.model-baseball.style-abstract,
    .character .character-hat.model-baseball.style-abstract {
      background-image: url(/images/hats/baseball_abstract.png); }
    .character-container .character-hat.model-beach.style-abstract,
    .character .character-hat.model-beach.style-abstract {
      background-image: url(/images/hats/beach_abstract.png); }
    .character-container .character-hat.model-beanie1.style-abstract,
    .character .character-hat.model-beanie1.style-abstract {
      background-image: url(/images/hats/beanie1_abstract.png); }
    .character-container .character-hat.model-beanie2.style-abstract,
    .character .character-hat.model-beanie2.style-abstract {
      background-image: url(/images/hats/beanie2_abstract.png); }
    .character-container .character-hat.model-beanie3.style-abstract,
    .character .character-hat.model-beanie3.style-abstract {
      background-image: url(/images/hats/beanie3_abstract.png); }
    .character-container .character-hat.model-bowler1.style-abstract,
    .character .character-hat.model-bowler1.style-abstract {
      background-image: url(/images/hats/bowler1_abstract.png); }
    .character-container .character-hat.model-bowler2.style-abstract,
    .character .character-hat.model-bowler2.style-abstract {
      background-image: url(/images/hats/bowler2_abstract.png); }
    .character-container .character-hat.model-chef.style-abstract,
    .character .character-hat.model-chef.style-abstract {
      background-image: url(/images/hats/chef_abstract.png); }
    .character-container .character-hat.model-cowboy1.style-abstract,
    .character .character-hat.model-cowboy1.style-abstract {
      background-image: url(/images/hats/cowboy1_abstract.png); }
    .character-container .character-hat.model-cowboy2.style-abstract,
    .character .character-hat.model-cowboy2.style-abstract {
      background-image: url(/images/hats/cowboy2_abstract.png); }
    .character-container .character-hat.model-cowboy3.style-abstract,
    .character .character-hat.model-cowboy3.style-abstract {
      background-image: url(/images/hats/cowboy3_abstract.png); }
    .character-container .character-hat.model-porkpie.style-abstract,
    .character .character-hat.model-porkpie.style-abstract {
      background-image: url(/images/hats/porkpie_abstract.png); }
    .character-container .character-hat.model-resized.style-abstract,
    .character .character-hat.model-resized.style-abstract {
      background-image: url(/images/hats/resized_abstract.png); }
    .character-container .character-hat.model-sailor.style-abstract,
    .character .character-hat.model-sailor.style-abstract {
      background-image: url(/images/hats/sailor_abstract.png); }
    .character-container .character-hat.model-santa1.style-abstract,
    .character .character-hat.model-santa1.style-abstract {
      background-image: url(/images/hats/santa1_abstract.png); }
    .character-container .character-hat.model-santa2.style-abstract,
    .character .character-hat.model-santa2.style-abstract {
      background-image: url(/images/hats/santa2_abstract.png); }
    .character-container .character-hat.model-tophat1.style-abstract,
    .character .character-hat.model-tophat1.style-abstract {
      background-image: url(/images/hats/tophat1_abstract.png); }
    .character-container .character-hat.model-tophat2.style-abstract,
    .character .character-hat.model-tophat2.style-abstract {
      background-image: url(/images/hats/tophat2_abstract.png); }
    .character-container .character-hat.model-tophat3.style-abstract,
    .character .character-hat.model-tophat3.style-abstract {
      background-image: url(/images/hats/tophat3_abstract.png); }
    .character-container .character-hat.model-viking.style-abstract,
    .character .character-hat.model-viking.style-abstract {
      background-image: url(/images/hats/viking_abstract.png); }
    .character-container .character-hat.model-baseball.style-beige,
    .character .character-hat.model-baseball.style-beige {
      background-image: url(/images/hats/baseball_beige.png); }
    .character-container .character-hat.model-beach.style-beige,
    .character .character-hat.model-beach.style-beige {
      background-image: url(/images/hats/beach_beige.png); }
    .character-container .character-hat.model-beanie1.style-beige,
    .character .character-hat.model-beanie1.style-beige {
      background-image: url(/images/hats/beanie1_beige.png); }
    .character-container .character-hat.model-beanie2.style-beige,
    .character .character-hat.model-beanie2.style-beige {
      background-image: url(/images/hats/beanie2_beige.png); }
    .character-container .character-hat.model-beanie3.style-beige,
    .character .character-hat.model-beanie3.style-beige {
      background-image: url(/images/hats/beanie3_beige.png); }
    .character-container .character-hat.model-bowler1.style-beige,
    .character .character-hat.model-bowler1.style-beige {
      background-image: url(/images/hats/bowler1_beige.png); }
    .character-container .character-hat.model-bowler2.style-beige,
    .character .character-hat.model-bowler2.style-beige {
      background-image: url(/images/hats/bowler2_beige.png); }
    .character-container .character-hat.model-chef.style-beige,
    .character .character-hat.model-chef.style-beige {
      background-image: url(/images/hats/chef_beige.png); }
    .character-container .character-hat.model-cowboy1.style-beige,
    .character .character-hat.model-cowboy1.style-beige {
      background-image: url(/images/hats/cowboy1_beige.png); }
    .character-container .character-hat.model-cowboy2.style-beige,
    .character .character-hat.model-cowboy2.style-beige {
      background-image: url(/images/hats/cowboy2_beige.png); }
    .character-container .character-hat.model-cowboy3.style-beige,
    .character .character-hat.model-cowboy3.style-beige {
      background-image: url(/images/hats/cowboy3_beige.png); }
    .character-container .character-hat.model-porkpie.style-beige,
    .character .character-hat.model-porkpie.style-beige {
      background-image: url(/images/hats/porkpie_beige.png); }
    .character-container .character-hat.model-resized.style-beige,
    .character .character-hat.model-resized.style-beige {
      background-image: url(/images/hats/resized_beige.png); }
    .character-container .character-hat.model-sailor.style-beige,
    .character .character-hat.model-sailor.style-beige {
      background-image: url(/images/hats/sailor_beige.png); }
    .character-container .character-hat.model-santa1.style-beige,
    .character .character-hat.model-santa1.style-beige {
      background-image: url(/images/hats/santa1_beige.png); }
    .character-container .character-hat.model-santa2.style-beige,
    .character .character-hat.model-santa2.style-beige {
      background-image: url(/images/hats/santa2_beige.png); }
    .character-container .character-hat.model-tophat1.style-beige,
    .character .character-hat.model-tophat1.style-beige {
      background-image: url(/images/hats/tophat1_beige.png); }
    .character-container .character-hat.model-tophat2.style-beige,
    .character .character-hat.model-tophat2.style-beige {
      background-image: url(/images/hats/tophat2_beige.png); }
    .character-container .character-hat.model-tophat3.style-beige,
    .character .character-hat.model-tophat3.style-beige {
      background-image: url(/images/hats/tophat3_beige.png); }
    .character-container .character-hat.model-viking.style-beige,
    .character .character-hat.model-viking.style-beige {
      background-image: url(/images/hats/viking_beige.png); }
    .character-container .character-hat.model-baseball.style-birch,
    .character .character-hat.model-baseball.style-birch {
      background-image: url(/images/hats/baseball_birch.png); }
    .character-container .character-hat.model-beach.style-birch,
    .character .character-hat.model-beach.style-birch {
      background-image: url(/images/hats/beach_birch.png); }
    .character-container .character-hat.model-beanie1.style-birch,
    .character .character-hat.model-beanie1.style-birch {
      background-image: url(/images/hats/beanie1_birch.png); }
    .character-container .character-hat.model-beanie2.style-birch,
    .character .character-hat.model-beanie2.style-birch {
      background-image: url(/images/hats/beanie2_birch.png); }
    .character-container .character-hat.model-beanie3.style-birch,
    .character .character-hat.model-beanie3.style-birch {
      background-image: url(/images/hats/beanie3_birch.png); }
    .character-container .character-hat.model-bowler1.style-birch,
    .character .character-hat.model-bowler1.style-birch {
      background-image: url(/images/hats/bowler1_birch.png); }
    .character-container .character-hat.model-bowler2.style-birch,
    .character .character-hat.model-bowler2.style-birch {
      background-image: url(/images/hats/bowler2_birch.png); }
    .character-container .character-hat.model-chef.style-birch,
    .character .character-hat.model-chef.style-birch {
      background-image: url(/images/hats/chef_birch.png); }
    .character-container .character-hat.model-cowboy1.style-birch,
    .character .character-hat.model-cowboy1.style-birch {
      background-image: url(/images/hats/cowboy1_birch.png); }
    .character-container .character-hat.model-cowboy2.style-birch,
    .character .character-hat.model-cowboy2.style-birch {
      background-image: url(/images/hats/cowboy2_birch.png); }
    .character-container .character-hat.model-cowboy3.style-birch,
    .character .character-hat.model-cowboy3.style-birch {
      background-image: url(/images/hats/cowboy3_birch.png); }
    .character-container .character-hat.model-porkpie.style-birch,
    .character .character-hat.model-porkpie.style-birch {
      background-image: url(/images/hats/porkpie_birch.png); }
    .character-container .character-hat.model-resized.style-birch,
    .character .character-hat.model-resized.style-birch {
      background-image: url(/images/hats/resized_birch.png); }
    .character-container .character-hat.model-sailor.style-birch,
    .character .character-hat.model-sailor.style-birch {
      background-image: url(/images/hats/sailor_birch.png); }
    .character-container .character-hat.model-santa1.style-birch,
    .character .character-hat.model-santa1.style-birch {
      background-image: url(/images/hats/santa1_birch.png); }
    .character-container .character-hat.model-santa2.style-birch,
    .character .character-hat.model-santa2.style-birch {
      background-image: url(/images/hats/santa2_birch.png); }
    .character-container .character-hat.model-tophat1.style-birch,
    .character .character-hat.model-tophat1.style-birch {
      background-image: url(/images/hats/tophat1_birch.png); }
    .character-container .character-hat.model-tophat2.style-birch,
    .character .character-hat.model-tophat2.style-birch {
      background-image: url(/images/hats/tophat2_birch.png); }
    .character-container .character-hat.model-tophat3.style-birch,
    .character .character-hat.model-tophat3.style-birch {
      background-image: url(/images/hats/tophat3_birch.png); }
    .character-container .character-hat.model-viking.style-birch,
    .character .character-hat.model-viking.style-birch {
      background-image: url(/images/hats/viking_birch.png); }
    .character-container .character-hat.model-baseball.style-blue,
    .character .character-hat.model-baseball.style-blue {
      background-image: url(/images/hats/baseball_blue.png); }
    .character-container .character-hat.model-beach.style-blue,
    .character .character-hat.model-beach.style-blue {
      background-image: url(/images/hats/beach_blue.png); }
    .character-container .character-hat.model-beanie1.style-blue,
    .character .character-hat.model-beanie1.style-blue {
      background-image: url(/images/hats/beanie1_blue.png); }
    .character-container .character-hat.model-beanie2.style-blue,
    .character .character-hat.model-beanie2.style-blue {
      background-image: url(/images/hats/beanie2_blue.png); }
    .character-container .character-hat.model-beanie3.style-blue,
    .character .character-hat.model-beanie3.style-blue {
      background-image: url(/images/hats/beanie3_blue.png); }
    .character-container .character-hat.model-bowler1.style-blue,
    .character .character-hat.model-bowler1.style-blue {
      background-image: url(/images/hats/bowler1_blue.png); }
    .character-container .character-hat.model-bowler2.style-blue,
    .character .character-hat.model-bowler2.style-blue {
      background-image: url(/images/hats/bowler2_blue.png); }
    .character-container .character-hat.model-chef.style-blue,
    .character .character-hat.model-chef.style-blue {
      background-image: url(/images/hats/chef_blue.png); }
    .character-container .character-hat.model-cowboy1.style-blue,
    .character .character-hat.model-cowboy1.style-blue {
      background-image: url(/images/hats/cowboy1_blue.png); }
    .character-container .character-hat.model-cowboy2.style-blue,
    .character .character-hat.model-cowboy2.style-blue {
      background-image: url(/images/hats/cowboy2_blue.png); }
    .character-container .character-hat.model-cowboy3.style-blue,
    .character .character-hat.model-cowboy3.style-blue {
      background-image: url(/images/hats/cowboy3_blue.png); }
    .character-container .character-hat.model-porkpie.style-blue,
    .character .character-hat.model-porkpie.style-blue {
      background-image: url(/images/hats/porkpie_blue.png); }
    .character-container .character-hat.model-resized.style-blue,
    .character .character-hat.model-resized.style-blue {
      background-image: url(/images/hats/resized_blue.png); }
    .character-container .character-hat.model-sailor.style-blue,
    .character .character-hat.model-sailor.style-blue {
      background-image: url(/images/hats/sailor_blue.png); }
    .character-container .character-hat.model-santa1.style-blue,
    .character .character-hat.model-santa1.style-blue {
      background-image: url(/images/hats/santa1_blue.png); }
    .character-container .character-hat.model-santa2.style-blue,
    .character .character-hat.model-santa2.style-blue {
      background-image: url(/images/hats/santa2_blue.png); }
    .character-container .character-hat.model-tophat1.style-blue,
    .character .character-hat.model-tophat1.style-blue {
      background-image: url(/images/hats/tophat1_blue.png); }
    .character-container .character-hat.model-tophat2.style-blue,
    .character .character-hat.model-tophat2.style-blue {
      background-image: url(/images/hats/tophat2_blue.png); }
    .character-container .character-hat.model-tophat3.style-blue,
    .character .character-hat.model-tophat3.style-blue {
      background-image: url(/images/hats/tophat3_blue.png); }
    .character-container .character-hat.model-viking.style-blue,
    .character .character-hat.model-viking.style-blue {
      background-image: url(/images/hats/viking_blue.png); }
    .character-container .character-hat.model-baseball.style-cash,
    .character .character-hat.model-baseball.style-cash {
      background-image: url(/images/hats/baseball_cash.png); }
    .character-container .character-hat.model-beach.style-cash,
    .character .character-hat.model-beach.style-cash {
      background-image: url(/images/hats/beach_cash.png); }
    .character-container .character-hat.model-beanie1.style-cash,
    .character .character-hat.model-beanie1.style-cash {
      background-image: url(/images/hats/beanie1_cash.png); }
    .character-container .character-hat.model-beanie2.style-cash,
    .character .character-hat.model-beanie2.style-cash {
      background-image: url(/images/hats/beanie2_cash.png); }
    .character-container .character-hat.model-beanie3.style-cash,
    .character .character-hat.model-beanie3.style-cash {
      background-image: url(/images/hats/beanie3_cash.png); }
    .character-container .character-hat.model-bowler1.style-cash,
    .character .character-hat.model-bowler1.style-cash {
      background-image: url(/images/hats/bowler1_cash.png); }
    .character-container .character-hat.model-bowler2.style-cash,
    .character .character-hat.model-bowler2.style-cash {
      background-image: url(/images/hats/bowler2_cash.png); }
    .character-container .character-hat.model-chef.style-cash,
    .character .character-hat.model-chef.style-cash {
      background-image: url(/images/hats/chef_cash.png); }
    .character-container .character-hat.model-cowboy1.style-cash,
    .character .character-hat.model-cowboy1.style-cash {
      background-image: url(/images/hats/cowboy1_cash.png); }
    .character-container .character-hat.model-cowboy2.style-cash,
    .character .character-hat.model-cowboy2.style-cash {
      background-image: url(/images/hats/cowboy2_cash.png); }
    .character-container .character-hat.model-cowboy3.style-cash,
    .character .character-hat.model-cowboy3.style-cash {
      background-image: url(/images/hats/cowboy3_cash.png); }
    .character-container .character-hat.model-porkpie.style-cash,
    .character .character-hat.model-porkpie.style-cash {
      background-image: url(/images/hats/porkpie_cash.png); }
    .character-container .character-hat.model-resized.style-cash,
    .character .character-hat.model-resized.style-cash {
      background-image: url(/images/hats/resized_cash.png); }
    .character-container .character-hat.model-sailor.style-cash,
    .character .character-hat.model-sailor.style-cash {
      background-image: url(/images/hats/sailor_cash.png); }
    .character-container .character-hat.model-santa1.style-cash,
    .character .character-hat.model-santa1.style-cash {
      background-image: url(/images/hats/santa1_cash.png); }
    .character-container .character-hat.model-santa2.style-cash,
    .character .character-hat.model-santa2.style-cash {
      background-image: url(/images/hats/santa2_cash.png); }
    .character-container .character-hat.model-tophat1.style-cash,
    .character .character-hat.model-tophat1.style-cash {
      background-image: url(/images/hats/tophat1_cash.png); }
    .character-container .character-hat.model-tophat2.style-cash,
    .character .character-hat.model-tophat2.style-cash {
      background-image: url(/images/hats/tophat2_cash.png); }
    .character-container .character-hat.model-tophat3.style-cash,
    .character .character-hat.model-tophat3.style-cash {
      background-image: url(/images/hats/tophat3_cash.png); }
    .character-container .character-hat.model-viking.style-cash,
    .character .character-hat.model-viking.style-cash {
      background-image: url(/images/hats/viking_cash.png); }
    .character-container .character-hat.model-baseball.style-chartreuse,
    .character .character-hat.model-baseball.style-chartreuse {
      background-image: url(/images/hats/baseball_chartreuse.png); }
    .character-container .character-hat.model-beach.style-chartreuse,
    .character .character-hat.model-beach.style-chartreuse {
      background-image: url(/images/hats/beach_chartreuse.png); }
    .character-container .character-hat.model-beanie1.style-chartreuse,
    .character .character-hat.model-beanie1.style-chartreuse {
      background-image: url(/images/hats/beanie1_chartreuse.png); }
    .character-container .character-hat.model-beanie2.style-chartreuse,
    .character .character-hat.model-beanie2.style-chartreuse {
      background-image: url(/images/hats/beanie2_chartreuse.png); }
    .character-container .character-hat.model-beanie3.style-chartreuse,
    .character .character-hat.model-beanie3.style-chartreuse {
      background-image: url(/images/hats/beanie3_chartreuse.png); }
    .character-container .character-hat.model-bowler1.style-chartreuse,
    .character .character-hat.model-bowler1.style-chartreuse {
      background-image: url(/images/hats/bowler1_chartreuse.png); }
    .character-container .character-hat.model-bowler2.style-chartreuse,
    .character .character-hat.model-bowler2.style-chartreuse {
      background-image: url(/images/hats/bowler2_chartreuse.png); }
    .character-container .character-hat.model-chef.style-chartreuse,
    .character .character-hat.model-chef.style-chartreuse {
      background-image: url(/images/hats/chef_chartreuse.png); }
    .character-container .character-hat.model-cowboy1.style-chartreuse,
    .character .character-hat.model-cowboy1.style-chartreuse {
      background-image: url(/images/hats/cowboy1_chartreuse.png); }
    .character-container .character-hat.model-cowboy2.style-chartreuse,
    .character .character-hat.model-cowboy2.style-chartreuse {
      background-image: url(/images/hats/cowboy2_chartreuse.png); }
    .character-container .character-hat.model-cowboy3.style-chartreuse,
    .character .character-hat.model-cowboy3.style-chartreuse {
      background-image: url(/images/hats/cowboy3_chartreuse.png); }
    .character-container .character-hat.model-porkpie.style-chartreuse,
    .character .character-hat.model-porkpie.style-chartreuse {
      background-image: url(/images/hats/porkpie_chartreuse.png); }
    .character-container .character-hat.model-resized.style-chartreuse,
    .character .character-hat.model-resized.style-chartreuse {
      background-image: url(/images/hats/resized_chartreuse.png); }
    .character-container .character-hat.model-sailor.style-chartreuse,
    .character .character-hat.model-sailor.style-chartreuse {
      background-image: url(/images/hats/sailor_chartreuse.png); }
    .character-container .character-hat.model-santa1.style-chartreuse,
    .character .character-hat.model-santa1.style-chartreuse {
      background-image: url(/images/hats/santa1_chartreuse.png); }
    .character-container .character-hat.model-santa2.style-chartreuse,
    .character .character-hat.model-santa2.style-chartreuse {
      background-image: url(/images/hats/santa2_chartreuse.png); }
    .character-container .character-hat.model-tophat1.style-chartreuse,
    .character .character-hat.model-tophat1.style-chartreuse {
      background-image: url(/images/hats/tophat1_chartreuse.png); }
    .character-container .character-hat.model-tophat2.style-chartreuse,
    .character .character-hat.model-tophat2.style-chartreuse {
      background-image: url(/images/hats/tophat2_chartreuse.png); }
    .character-container .character-hat.model-tophat3.style-chartreuse,
    .character .character-hat.model-tophat3.style-chartreuse {
      background-image: url(/images/hats/tophat3_chartreuse.png); }
    .character-container .character-hat.model-viking.style-chartreuse,
    .character .character-hat.model-viking.style-chartreuse {
      background-image: url(/images/hats/viking_chartreuse.png); }
    .character-container .character-hat.model-baseball.style-chevron,
    .character .character-hat.model-baseball.style-chevron {
      background-image: url(/images/hats/baseball_chevron.png); }
    .character-container .character-hat.model-beach.style-chevron,
    .character .character-hat.model-beach.style-chevron {
      background-image: url(/images/hats/beach_chevron.png); }
    .character-container .character-hat.model-beanie1.style-chevron,
    .character .character-hat.model-beanie1.style-chevron {
      background-image: url(/images/hats/beanie1_chevron.png); }
    .character-container .character-hat.model-beanie2.style-chevron,
    .character .character-hat.model-beanie2.style-chevron {
      background-image: url(/images/hats/beanie2_chevron.png); }
    .character-container .character-hat.model-beanie3.style-chevron,
    .character .character-hat.model-beanie3.style-chevron {
      background-image: url(/images/hats/beanie3_chevron.png); }
    .character-container .character-hat.model-bowler1.style-chevron,
    .character .character-hat.model-bowler1.style-chevron {
      background-image: url(/images/hats/bowler1_chevron.png); }
    .character-container .character-hat.model-bowler2.style-chevron,
    .character .character-hat.model-bowler2.style-chevron {
      background-image: url(/images/hats/bowler2_chevron.png); }
    .character-container .character-hat.model-chef.style-chevron,
    .character .character-hat.model-chef.style-chevron {
      background-image: url(/images/hats/chef_chevron.png); }
    .character-container .character-hat.model-cowboy1.style-chevron,
    .character .character-hat.model-cowboy1.style-chevron {
      background-image: url(/images/hats/cowboy1_chevron.png); }
    .character-container .character-hat.model-cowboy2.style-chevron,
    .character .character-hat.model-cowboy2.style-chevron {
      background-image: url(/images/hats/cowboy2_chevron.png); }
    .character-container .character-hat.model-cowboy3.style-chevron,
    .character .character-hat.model-cowboy3.style-chevron {
      background-image: url(/images/hats/cowboy3_chevron.png); }
    .character-container .character-hat.model-porkpie.style-chevron,
    .character .character-hat.model-porkpie.style-chevron {
      background-image: url(/images/hats/porkpie_chevron.png); }
    .character-container .character-hat.model-resized.style-chevron,
    .character .character-hat.model-resized.style-chevron {
      background-image: url(/images/hats/resized_chevron.png); }
    .character-container .character-hat.model-sailor.style-chevron,
    .character .character-hat.model-sailor.style-chevron {
      background-image: url(/images/hats/sailor_chevron.png); }
    .character-container .character-hat.model-santa1.style-chevron,
    .character .character-hat.model-santa1.style-chevron {
      background-image: url(/images/hats/santa1_chevron.png); }
    .character-container .character-hat.model-santa2.style-chevron,
    .character .character-hat.model-santa2.style-chevron {
      background-image: url(/images/hats/santa2_chevron.png); }
    .character-container .character-hat.model-tophat1.style-chevron,
    .character .character-hat.model-tophat1.style-chevron {
      background-image: url(/images/hats/tophat1_chevron.png); }
    .character-container .character-hat.model-tophat2.style-chevron,
    .character .character-hat.model-tophat2.style-chevron {
      background-image: url(/images/hats/tophat2_chevron.png); }
    .character-container .character-hat.model-tophat3.style-chevron,
    .character .character-hat.model-tophat3.style-chevron {
      background-image: url(/images/hats/tophat3_chevron.png); }
    .character-container .character-hat.model-viking.style-chevron,
    .character .character-hat.model-viking.style-chevron {
      background-image: url(/images/hats/viking_chevron.png); }
    .character-container .character-hat.model-baseball.style-coffee,
    .character .character-hat.model-baseball.style-coffee {
      background-image: url(/images/hats/baseball_coffee.png); }
    .character-container .character-hat.model-beach.style-coffee,
    .character .character-hat.model-beach.style-coffee {
      background-image: url(/images/hats/beach_coffee.png); }
    .character-container .character-hat.model-beanie1.style-coffee,
    .character .character-hat.model-beanie1.style-coffee {
      background-image: url(/images/hats/beanie1_coffee.png); }
    .character-container .character-hat.model-beanie2.style-coffee,
    .character .character-hat.model-beanie2.style-coffee {
      background-image: url(/images/hats/beanie2_coffee.png); }
    .character-container .character-hat.model-beanie3.style-coffee,
    .character .character-hat.model-beanie3.style-coffee {
      background-image: url(/images/hats/beanie3_coffee.png); }
    .character-container .character-hat.model-bowler1.style-coffee,
    .character .character-hat.model-bowler1.style-coffee {
      background-image: url(/images/hats/bowler1_coffee.png); }
    .character-container .character-hat.model-bowler2.style-coffee,
    .character .character-hat.model-bowler2.style-coffee {
      background-image: url(/images/hats/bowler2_coffee.png); }
    .character-container .character-hat.model-chef.style-coffee,
    .character .character-hat.model-chef.style-coffee {
      background-image: url(/images/hats/chef_coffee.png); }
    .character-container .character-hat.model-cowboy1.style-coffee,
    .character .character-hat.model-cowboy1.style-coffee {
      background-image: url(/images/hats/cowboy1_coffee.png); }
    .character-container .character-hat.model-cowboy2.style-coffee,
    .character .character-hat.model-cowboy2.style-coffee {
      background-image: url(/images/hats/cowboy2_coffee.png); }
    .character-container .character-hat.model-cowboy3.style-coffee,
    .character .character-hat.model-cowboy3.style-coffee {
      background-image: url(/images/hats/cowboy3_coffee.png); }
    .character-container .character-hat.model-porkpie.style-coffee,
    .character .character-hat.model-porkpie.style-coffee {
      background-image: url(/images/hats/porkpie_coffee.png); }
    .character-container .character-hat.model-resized.style-coffee,
    .character .character-hat.model-resized.style-coffee {
      background-image: url(/images/hats/resized_coffee.png); }
    .character-container .character-hat.model-sailor.style-coffee,
    .character .character-hat.model-sailor.style-coffee {
      background-image: url(/images/hats/sailor_coffee.png); }
    .character-container .character-hat.model-santa1.style-coffee,
    .character .character-hat.model-santa1.style-coffee {
      background-image: url(/images/hats/santa1_coffee.png); }
    .character-container .character-hat.model-santa2.style-coffee,
    .character .character-hat.model-santa2.style-coffee {
      background-image: url(/images/hats/santa2_coffee.png); }
    .character-container .character-hat.model-tophat1.style-coffee,
    .character .character-hat.model-tophat1.style-coffee {
      background-image: url(/images/hats/tophat1_coffee.png); }
    .character-container .character-hat.model-tophat2.style-coffee,
    .character .character-hat.model-tophat2.style-coffee {
      background-image: url(/images/hats/tophat2_coffee.png); }
    .character-container .character-hat.model-tophat3.style-coffee,
    .character .character-hat.model-tophat3.style-coffee {
      background-image: url(/images/hats/tophat3_coffee.png); }
    .character-container .character-hat.model-viking.style-coffee,
    .character .character-hat.model-viking.style-coffee {
      background-image: url(/images/hats/viking_coffee.png); }
    .character-container .character-hat.model-baseball.style-cyan,
    .character .character-hat.model-baseball.style-cyan {
      background-image: url(/images/hats/baseball_cyan.png); }
    .character-container .character-hat.model-beach.style-cyan,
    .character .character-hat.model-beach.style-cyan {
      background-image: url(/images/hats/beach_cyan.png); }
    .character-container .character-hat.model-beanie1.style-cyan,
    .character .character-hat.model-beanie1.style-cyan {
      background-image: url(/images/hats/beanie1_cyan.png); }
    .character-container .character-hat.model-beanie2.style-cyan,
    .character .character-hat.model-beanie2.style-cyan {
      background-image: url(/images/hats/beanie2_cyan.png); }
    .character-container .character-hat.model-beanie3.style-cyan,
    .character .character-hat.model-beanie3.style-cyan {
      background-image: url(/images/hats/beanie3_cyan.png); }
    .character-container .character-hat.model-bowler1.style-cyan,
    .character .character-hat.model-bowler1.style-cyan {
      background-image: url(/images/hats/bowler1_cyan.png); }
    .character-container .character-hat.model-bowler2.style-cyan,
    .character .character-hat.model-bowler2.style-cyan {
      background-image: url(/images/hats/bowler2_cyan.png); }
    .character-container .character-hat.model-chef.style-cyan,
    .character .character-hat.model-chef.style-cyan {
      background-image: url(/images/hats/chef_cyan.png); }
    .character-container .character-hat.model-cowboy1.style-cyan,
    .character .character-hat.model-cowboy1.style-cyan {
      background-image: url(/images/hats/cowboy1_cyan.png); }
    .character-container .character-hat.model-cowboy2.style-cyan,
    .character .character-hat.model-cowboy2.style-cyan {
      background-image: url(/images/hats/cowboy2_cyan.png); }
    .character-container .character-hat.model-cowboy3.style-cyan,
    .character .character-hat.model-cowboy3.style-cyan {
      background-image: url(/images/hats/cowboy3_cyan.png); }
    .character-container .character-hat.model-porkpie.style-cyan,
    .character .character-hat.model-porkpie.style-cyan {
      background-image: url(/images/hats/porkpie_cyan.png); }
    .character-container .character-hat.model-resized.style-cyan,
    .character .character-hat.model-resized.style-cyan {
      background-image: url(/images/hats/resized_cyan.png); }
    .character-container .character-hat.model-sailor.style-cyan,
    .character .character-hat.model-sailor.style-cyan {
      background-image: url(/images/hats/sailor_cyan.png); }
    .character-container .character-hat.model-santa1.style-cyan,
    .character .character-hat.model-santa1.style-cyan {
      background-image: url(/images/hats/santa1_cyan.png); }
    .character-container .character-hat.model-santa2.style-cyan,
    .character .character-hat.model-santa2.style-cyan {
      background-image: url(/images/hats/santa2_cyan.png); }
    .character-container .character-hat.model-tophat1.style-cyan,
    .character .character-hat.model-tophat1.style-cyan {
      background-image: url(/images/hats/tophat1_cyan.png); }
    .character-container .character-hat.model-tophat2.style-cyan,
    .character .character-hat.model-tophat2.style-cyan {
      background-image: url(/images/hats/tophat2_cyan.png); }
    .character-container .character-hat.model-tophat3.style-cyan,
    .character .character-hat.model-tophat3.style-cyan {
      background-image: url(/images/hats/tophat3_cyan.png); }
    .character-container .character-hat.model-viking.style-cyan,
    .character .character-hat.model-viking.style-cyan {
      background-image: url(/images/hats/viking_cyan.png); }
    .character-container .character-hat.model-baseball.style-damask,
    .character .character-hat.model-baseball.style-damask {
      background-image: url(/images/hats/baseball_damask.png); }
    .character-container .character-hat.model-beach.style-damask,
    .character .character-hat.model-beach.style-damask {
      background-image: url(/images/hats/beach_damask.png); }
    .character-container .character-hat.model-beanie1.style-damask,
    .character .character-hat.model-beanie1.style-damask {
      background-image: url(/images/hats/beanie1_damask.png); }
    .character-container .character-hat.model-beanie2.style-damask,
    .character .character-hat.model-beanie2.style-damask {
      background-image: url(/images/hats/beanie2_damask.png); }
    .character-container .character-hat.model-beanie3.style-damask,
    .character .character-hat.model-beanie3.style-damask {
      background-image: url(/images/hats/beanie3_damask.png); }
    .character-container .character-hat.model-bowler1.style-damask,
    .character .character-hat.model-bowler1.style-damask {
      background-image: url(/images/hats/bowler1_damask.png); }
    .character-container .character-hat.model-bowler2.style-damask,
    .character .character-hat.model-bowler2.style-damask {
      background-image: url(/images/hats/bowler2_damask.png); }
    .character-container .character-hat.model-chef.style-damask,
    .character .character-hat.model-chef.style-damask {
      background-image: url(/images/hats/chef_damask.png); }
    .character-container .character-hat.model-cowboy1.style-damask,
    .character .character-hat.model-cowboy1.style-damask {
      background-image: url(/images/hats/cowboy1_damask.png); }
    .character-container .character-hat.model-cowboy2.style-damask,
    .character .character-hat.model-cowboy2.style-damask {
      background-image: url(/images/hats/cowboy2_damask.png); }
    .character-container .character-hat.model-cowboy3.style-damask,
    .character .character-hat.model-cowboy3.style-damask {
      background-image: url(/images/hats/cowboy3_damask.png); }
    .character-container .character-hat.model-porkpie.style-damask,
    .character .character-hat.model-porkpie.style-damask {
      background-image: url(/images/hats/porkpie_damask.png); }
    .character-container .character-hat.model-resized.style-damask,
    .character .character-hat.model-resized.style-damask {
      background-image: url(/images/hats/resized_damask.png); }
    .character-container .character-hat.model-sailor.style-damask,
    .character .character-hat.model-sailor.style-damask {
      background-image: url(/images/hats/sailor_damask.png); }
    .character-container .character-hat.model-santa1.style-damask,
    .character .character-hat.model-santa1.style-damask {
      background-image: url(/images/hats/santa1_damask.png); }
    .character-container .character-hat.model-santa2.style-damask,
    .character .character-hat.model-santa2.style-damask {
      background-image: url(/images/hats/santa2_damask.png); }
    .character-container .character-hat.model-tophat1.style-damask,
    .character .character-hat.model-tophat1.style-damask {
      background-image: url(/images/hats/tophat1_damask.png); }
    .character-container .character-hat.model-tophat2.style-damask,
    .character .character-hat.model-tophat2.style-damask {
      background-image: url(/images/hats/tophat2_damask.png); }
    .character-container .character-hat.model-tophat3.style-damask,
    .character .character-hat.model-tophat3.style-damask {
      background-image: url(/images/hats/tophat3_damask.png); }
    .character-container .character-hat.model-viking.style-damask,
    .character .character-hat.model-viking.style-damask {
      background-image: url(/images/hats/viking_damask.png); }
    .character-container .character-hat.model-baseball.style-denim,
    .character .character-hat.model-baseball.style-denim {
      background-image: url(/images/hats/baseball_denim.png); }
    .character-container .character-hat.model-beach.style-denim,
    .character .character-hat.model-beach.style-denim {
      background-image: url(/images/hats/beach_denim.png); }
    .character-container .character-hat.model-beanie1.style-denim,
    .character .character-hat.model-beanie1.style-denim {
      background-image: url(/images/hats/beanie1_denim.png); }
    .character-container .character-hat.model-beanie2.style-denim,
    .character .character-hat.model-beanie2.style-denim {
      background-image: url(/images/hats/beanie2_denim.png); }
    .character-container .character-hat.model-beanie3.style-denim,
    .character .character-hat.model-beanie3.style-denim {
      background-image: url(/images/hats/beanie3_denim.png); }
    .character-container .character-hat.model-bowler1.style-denim,
    .character .character-hat.model-bowler1.style-denim {
      background-image: url(/images/hats/bowler1_denim.png); }
    .character-container .character-hat.model-bowler2.style-denim,
    .character .character-hat.model-bowler2.style-denim {
      background-image: url(/images/hats/bowler2_denim.png); }
    .character-container .character-hat.model-chef.style-denim,
    .character .character-hat.model-chef.style-denim {
      background-image: url(/images/hats/chef_denim.png); }
    .character-container .character-hat.model-cowboy1.style-denim,
    .character .character-hat.model-cowboy1.style-denim {
      background-image: url(/images/hats/cowboy1_denim.png); }
    .character-container .character-hat.model-cowboy2.style-denim,
    .character .character-hat.model-cowboy2.style-denim {
      background-image: url(/images/hats/cowboy2_denim.png); }
    .character-container .character-hat.model-cowboy3.style-denim,
    .character .character-hat.model-cowboy3.style-denim {
      background-image: url(/images/hats/cowboy3_denim.png); }
    .character-container .character-hat.model-porkpie.style-denim,
    .character .character-hat.model-porkpie.style-denim {
      background-image: url(/images/hats/porkpie_denim.png); }
    .character-container .character-hat.model-resized.style-denim,
    .character .character-hat.model-resized.style-denim {
      background-image: url(/images/hats/resized_denim.png); }
    .character-container .character-hat.model-sailor.style-denim,
    .character .character-hat.model-sailor.style-denim {
      background-image: url(/images/hats/sailor_denim.png); }
    .character-container .character-hat.model-santa1.style-denim,
    .character .character-hat.model-santa1.style-denim {
      background-image: url(/images/hats/santa1_denim.png); }
    .character-container .character-hat.model-santa2.style-denim,
    .character .character-hat.model-santa2.style-denim {
      background-image: url(/images/hats/santa2_denim.png); }
    .character-container .character-hat.model-tophat1.style-denim,
    .character .character-hat.model-tophat1.style-denim {
      background-image: url(/images/hats/tophat1_denim.png); }
    .character-container .character-hat.model-tophat2.style-denim,
    .character .character-hat.model-tophat2.style-denim {
      background-image: url(/images/hats/tophat2_denim.png); }
    .character-container .character-hat.model-tophat3.style-denim,
    .character .character-hat.model-tophat3.style-denim {
      background-image: url(/images/hats/tophat3_denim.png); }
    .character-container .character-hat.model-viking.style-denim,
    .character .character-hat.model-viking.style-denim {
      background-image: url(/images/hats/viking_denim.png); }
    .character-container .character-hat.model-baseball.style-emergency,
    .character .character-hat.model-baseball.style-emergency {
      background-image: url(/images/hats/baseball_emergency.png); }
    .character-container .character-hat.model-beach.style-emergency,
    .character .character-hat.model-beach.style-emergency {
      background-image: url(/images/hats/beach_emergency.png); }
    .character-container .character-hat.model-beanie1.style-emergency,
    .character .character-hat.model-beanie1.style-emergency {
      background-image: url(/images/hats/beanie1_emergency.png); }
    .character-container .character-hat.model-beanie2.style-emergency,
    .character .character-hat.model-beanie2.style-emergency {
      background-image: url(/images/hats/beanie2_emergency.png); }
    .character-container .character-hat.model-beanie3.style-emergency,
    .character .character-hat.model-beanie3.style-emergency {
      background-image: url(/images/hats/beanie3_emergency.png); }
    .character-container .character-hat.model-bowler1.style-emergency,
    .character .character-hat.model-bowler1.style-emergency {
      background-image: url(/images/hats/bowler1_emergency.png); }
    .character-container .character-hat.model-bowler2.style-emergency,
    .character .character-hat.model-bowler2.style-emergency {
      background-image: url(/images/hats/bowler2_emergency.png); }
    .character-container .character-hat.model-chef.style-emergency,
    .character .character-hat.model-chef.style-emergency {
      background-image: url(/images/hats/chef_emergency.png); }
    .character-container .character-hat.model-cowboy1.style-emergency,
    .character .character-hat.model-cowboy1.style-emergency {
      background-image: url(/images/hats/cowboy1_emergency.png); }
    .character-container .character-hat.model-cowboy2.style-emergency,
    .character .character-hat.model-cowboy2.style-emergency {
      background-image: url(/images/hats/cowboy2_emergency.png); }
    .character-container .character-hat.model-cowboy3.style-emergency,
    .character .character-hat.model-cowboy3.style-emergency {
      background-image: url(/images/hats/cowboy3_emergency.png); }
    .character-container .character-hat.model-porkpie.style-emergency,
    .character .character-hat.model-porkpie.style-emergency {
      background-image: url(/images/hats/porkpie_emergency.png); }
    .character-container .character-hat.model-resized.style-emergency,
    .character .character-hat.model-resized.style-emergency {
      background-image: url(/images/hats/resized_emergency.png); }
    .character-container .character-hat.model-sailor.style-emergency,
    .character .character-hat.model-sailor.style-emergency {
      background-image: url(/images/hats/sailor_emergency.png); }
    .character-container .character-hat.model-santa1.style-emergency,
    .character .character-hat.model-santa1.style-emergency {
      background-image: url(/images/hats/santa1_emergency.png); }
    .character-container .character-hat.model-santa2.style-emergency,
    .character .character-hat.model-santa2.style-emergency {
      background-image: url(/images/hats/santa2_emergency.png); }
    .character-container .character-hat.model-tophat1.style-emergency,
    .character .character-hat.model-tophat1.style-emergency {
      background-image: url(/images/hats/tophat1_emergency.png); }
    .character-container .character-hat.model-tophat2.style-emergency,
    .character .character-hat.model-tophat2.style-emergency {
      background-image: url(/images/hats/tophat2_emergency.png); }
    .character-container .character-hat.model-tophat3.style-emergency,
    .character .character-hat.model-tophat3.style-emergency {
      background-image: url(/images/hats/tophat3_emergency.png); }
    .character-container .character-hat.model-viking.style-emergency,
    .character .character-hat.model-viking.style-emergency {
      background-image: url(/images/hats/viking_emergency.png); }
    .character-container .character-hat.model-baseball.style-fall,
    .character .character-hat.model-baseball.style-fall {
      background-image: url(/images/hats/baseball_fall.png); }
    .character-container .character-hat.model-beach.style-fall,
    .character .character-hat.model-beach.style-fall {
      background-image: url(/images/hats/beach_fall.png); }
    .character-container .character-hat.model-beanie1.style-fall,
    .character .character-hat.model-beanie1.style-fall {
      background-image: url(/images/hats/beanie1_fall.png); }
    .character-container .character-hat.model-beanie2.style-fall,
    .character .character-hat.model-beanie2.style-fall {
      background-image: url(/images/hats/beanie2_fall.png); }
    .character-container .character-hat.model-beanie3.style-fall,
    .character .character-hat.model-beanie3.style-fall {
      background-image: url(/images/hats/beanie3_fall.png); }
    .character-container .character-hat.model-bowler1.style-fall,
    .character .character-hat.model-bowler1.style-fall {
      background-image: url(/images/hats/bowler1_fall.png); }
    .character-container .character-hat.model-bowler2.style-fall,
    .character .character-hat.model-bowler2.style-fall {
      background-image: url(/images/hats/bowler2_fall.png); }
    .character-container .character-hat.model-chef.style-fall,
    .character .character-hat.model-chef.style-fall {
      background-image: url(/images/hats/chef_fall.png); }
    .character-container .character-hat.model-cowboy1.style-fall,
    .character .character-hat.model-cowboy1.style-fall {
      background-image: url(/images/hats/cowboy1_fall.png); }
    .character-container .character-hat.model-cowboy2.style-fall,
    .character .character-hat.model-cowboy2.style-fall {
      background-image: url(/images/hats/cowboy2_fall.png); }
    .character-container .character-hat.model-cowboy3.style-fall,
    .character .character-hat.model-cowboy3.style-fall {
      background-image: url(/images/hats/cowboy3_fall.png); }
    .character-container .character-hat.model-porkpie.style-fall,
    .character .character-hat.model-porkpie.style-fall {
      background-image: url(/images/hats/porkpie_fall.png); }
    .character-container .character-hat.model-resized.style-fall,
    .character .character-hat.model-resized.style-fall {
      background-image: url(/images/hats/resized_fall.png); }
    .character-container .character-hat.model-sailor.style-fall,
    .character .character-hat.model-sailor.style-fall {
      background-image: url(/images/hats/sailor_fall.png); }
    .character-container .character-hat.model-santa1.style-fall,
    .character .character-hat.model-santa1.style-fall {
      background-image: url(/images/hats/santa1_fall.png); }
    .character-container .character-hat.model-santa2.style-fall,
    .character .character-hat.model-santa2.style-fall {
      background-image: url(/images/hats/santa2_fall.png); }
    .character-container .character-hat.model-tophat1.style-fall,
    .character .character-hat.model-tophat1.style-fall {
      background-image: url(/images/hats/tophat1_fall.png); }
    .character-container .character-hat.model-tophat2.style-fall,
    .character .character-hat.model-tophat2.style-fall {
      background-image: url(/images/hats/tophat2_fall.png); }
    .character-container .character-hat.model-tophat3.style-fall,
    .character .character-hat.model-tophat3.style-fall {
      background-image: url(/images/hats/tophat3_fall.png); }
    .character-container .character-hat.model-viking.style-fall,
    .character .character-hat.model-viking.style-fall {
      background-image: url(/images/hats/viking_fall.png); }
    .character-container .character-hat.model-baseball.style-flowers,
    .character .character-hat.model-baseball.style-flowers {
      background-image: url(/images/hats/baseball_flowers.png); }
    .character-container .character-hat.model-beach.style-flowers,
    .character .character-hat.model-beach.style-flowers {
      background-image: url(/images/hats/beach_flowers.png); }
    .character-container .character-hat.model-beanie1.style-flowers,
    .character .character-hat.model-beanie1.style-flowers {
      background-image: url(/images/hats/beanie1_flowers.png); }
    .character-container .character-hat.model-beanie2.style-flowers,
    .character .character-hat.model-beanie2.style-flowers {
      background-image: url(/images/hats/beanie2_flowers.png); }
    .character-container .character-hat.model-beanie3.style-flowers,
    .character .character-hat.model-beanie3.style-flowers {
      background-image: url(/images/hats/beanie3_flowers.png); }
    .character-container .character-hat.model-bowler1.style-flowers,
    .character .character-hat.model-bowler1.style-flowers {
      background-image: url(/images/hats/bowler1_flowers.png); }
    .character-container .character-hat.model-bowler2.style-flowers,
    .character .character-hat.model-bowler2.style-flowers {
      background-image: url(/images/hats/bowler2_flowers.png); }
    .character-container .character-hat.model-chef.style-flowers,
    .character .character-hat.model-chef.style-flowers {
      background-image: url(/images/hats/chef_flowers.png); }
    .character-container .character-hat.model-cowboy1.style-flowers,
    .character .character-hat.model-cowboy1.style-flowers {
      background-image: url(/images/hats/cowboy1_flowers.png); }
    .character-container .character-hat.model-cowboy2.style-flowers,
    .character .character-hat.model-cowboy2.style-flowers {
      background-image: url(/images/hats/cowboy2_flowers.png); }
    .character-container .character-hat.model-cowboy3.style-flowers,
    .character .character-hat.model-cowboy3.style-flowers {
      background-image: url(/images/hats/cowboy3_flowers.png); }
    .character-container .character-hat.model-porkpie.style-flowers,
    .character .character-hat.model-porkpie.style-flowers {
      background-image: url(/images/hats/porkpie_flowers.png); }
    .character-container .character-hat.model-resized.style-flowers,
    .character .character-hat.model-resized.style-flowers {
      background-image: url(/images/hats/resized_flowers.png); }
    .character-container .character-hat.model-sailor.style-flowers,
    .character .character-hat.model-sailor.style-flowers {
      background-image: url(/images/hats/sailor_flowers.png); }
    .character-container .character-hat.model-santa1.style-flowers,
    .character .character-hat.model-santa1.style-flowers {
      background-image: url(/images/hats/santa1_flowers.png); }
    .character-container .character-hat.model-santa2.style-flowers,
    .character .character-hat.model-santa2.style-flowers {
      background-image: url(/images/hats/santa2_flowers.png); }
    .character-container .character-hat.model-tophat1.style-flowers,
    .character .character-hat.model-tophat1.style-flowers {
      background-image: url(/images/hats/tophat1_flowers.png); }
    .character-container .character-hat.model-tophat2.style-flowers,
    .character .character-hat.model-tophat2.style-flowers {
      background-image: url(/images/hats/tophat2_flowers.png); }
    .character-container .character-hat.model-tophat3.style-flowers,
    .character .character-hat.model-tophat3.style-flowers {
      background-image: url(/images/hats/tophat3_flowers.png); }
    .character-container .character-hat.model-viking.style-flowers,
    .character .character-hat.model-viking.style-flowers {
      background-image: url(/images/hats/viking_flowers.png); }
    .character-container .character-hat.model-baseball.style-flowers2,
    .character .character-hat.model-baseball.style-flowers2 {
      background-image: url(/images/hats/baseball_flowers2.png); }
    .character-container .character-hat.model-beach.style-flowers2,
    .character .character-hat.model-beach.style-flowers2 {
      background-image: url(/images/hats/beach_flowers2.png); }
    .character-container .character-hat.model-beanie1.style-flowers2,
    .character .character-hat.model-beanie1.style-flowers2 {
      background-image: url(/images/hats/beanie1_flowers2.png); }
    .character-container .character-hat.model-beanie2.style-flowers2,
    .character .character-hat.model-beanie2.style-flowers2 {
      background-image: url(/images/hats/beanie2_flowers2.png); }
    .character-container .character-hat.model-beanie3.style-flowers2,
    .character .character-hat.model-beanie3.style-flowers2 {
      background-image: url(/images/hats/beanie3_flowers2.png); }
    .character-container .character-hat.model-bowler1.style-flowers2,
    .character .character-hat.model-bowler1.style-flowers2 {
      background-image: url(/images/hats/bowler1_flowers2.png); }
    .character-container .character-hat.model-bowler2.style-flowers2,
    .character .character-hat.model-bowler2.style-flowers2 {
      background-image: url(/images/hats/bowler2_flowers2.png); }
    .character-container .character-hat.model-chef.style-flowers2,
    .character .character-hat.model-chef.style-flowers2 {
      background-image: url(/images/hats/chef_flowers2.png); }
    .character-container .character-hat.model-cowboy1.style-flowers2,
    .character .character-hat.model-cowboy1.style-flowers2 {
      background-image: url(/images/hats/cowboy1_flowers2.png); }
    .character-container .character-hat.model-cowboy2.style-flowers2,
    .character .character-hat.model-cowboy2.style-flowers2 {
      background-image: url(/images/hats/cowboy2_flowers2.png); }
    .character-container .character-hat.model-cowboy3.style-flowers2,
    .character .character-hat.model-cowboy3.style-flowers2 {
      background-image: url(/images/hats/cowboy3_flowers2.png); }
    .character-container .character-hat.model-porkpie.style-flowers2,
    .character .character-hat.model-porkpie.style-flowers2 {
      background-image: url(/images/hats/porkpie_flowers2.png); }
    .character-container .character-hat.model-resized.style-flowers2,
    .character .character-hat.model-resized.style-flowers2 {
      background-image: url(/images/hats/resized_flowers2.png); }
    .character-container .character-hat.model-sailor.style-flowers2,
    .character .character-hat.model-sailor.style-flowers2 {
      background-image: url(/images/hats/sailor_flowers2.png); }
    .character-container .character-hat.model-santa1.style-flowers2,
    .character .character-hat.model-santa1.style-flowers2 {
      background-image: url(/images/hats/santa1_flowers2.png); }
    .character-container .character-hat.model-santa2.style-flowers2,
    .character .character-hat.model-santa2.style-flowers2 {
      background-image: url(/images/hats/santa2_flowers2.png); }
    .character-container .character-hat.model-tophat1.style-flowers2,
    .character .character-hat.model-tophat1.style-flowers2 {
      background-image: url(/images/hats/tophat1_flowers2.png); }
    .character-container .character-hat.model-tophat2.style-flowers2,
    .character .character-hat.model-tophat2.style-flowers2 {
      background-image: url(/images/hats/tophat2_flowers2.png); }
    .character-container .character-hat.model-tophat3.style-flowers2,
    .character .character-hat.model-tophat3.style-flowers2 {
      background-image: url(/images/hats/tophat3_flowers2.png); }
    .character-container .character-hat.model-viking.style-flowers2,
    .character .character-hat.model-viking.style-flowers2 {
      background-image: url(/images/hats/viking_flowers2.png); }
    .character-container .character-hat.model-baseball.style-gray,
    .character .character-hat.model-baseball.style-gray {
      background-image: url(/images/hats/baseball_gray.png); }
    .character-container .character-hat.model-beach.style-gray,
    .character .character-hat.model-beach.style-gray {
      background-image: url(/images/hats/beach_gray.png); }
    .character-container .character-hat.model-beanie1.style-gray,
    .character .character-hat.model-beanie1.style-gray {
      background-image: url(/images/hats/beanie1_gray.png); }
    .character-container .character-hat.model-beanie2.style-gray,
    .character .character-hat.model-beanie2.style-gray {
      background-image: url(/images/hats/beanie2_gray.png); }
    .character-container .character-hat.model-beanie3.style-gray,
    .character .character-hat.model-beanie3.style-gray {
      background-image: url(/images/hats/beanie3_gray.png); }
    .character-container .character-hat.model-bowler1.style-gray,
    .character .character-hat.model-bowler1.style-gray {
      background-image: url(/images/hats/bowler1_gray.png); }
    .character-container .character-hat.model-bowler2.style-gray,
    .character .character-hat.model-bowler2.style-gray {
      background-image: url(/images/hats/bowler2_gray.png); }
    .character-container .character-hat.model-chef.style-gray,
    .character .character-hat.model-chef.style-gray {
      background-image: url(/images/hats/chef_gray.png); }
    .character-container .character-hat.model-cowboy1.style-gray,
    .character .character-hat.model-cowboy1.style-gray {
      background-image: url(/images/hats/cowboy1_gray.png); }
    .character-container .character-hat.model-cowboy2.style-gray,
    .character .character-hat.model-cowboy2.style-gray {
      background-image: url(/images/hats/cowboy2_gray.png); }
    .character-container .character-hat.model-cowboy3.style-gray,
    .character .character-hat.model-cowboy3.style-gray {
      background-image: url(/images/hats/cowboy3_gray.png); }
    .character-container .character-hat.model-porkpie.style-gray,
    .character .character-hat.model-porkpie.style-gray {
      background-image: url(/images/hats/porkpie_gray.png); }
    .character-container .character-hat.model-resized.style-gray,
    .character .character-hat.model-resized.style-gray {
      background-image: url(/images/hats/resized_gray.png); }
    .character-container .character-hat.model-sailor.style-gray,
    .character .character-hat.model-sailor.style-gray {
      background-image: url(/images/hats/sailor_gray.png); }
    .character-container .character-hat.model-santa1.style-gray,
    .character .character-hat.model-santa1.style-gray {
      background-image: url(/images/hats/santa1_gray.png); }
    .character-container .character-hat.model-santa2.style-gray,
    .character .character-hat.model-santa2.style-gray {
      background-image: url(/images/hats/santa2_gray.png); }
    .character-container .character-hat.model-tophat1.style-gray,
    .character .character-hat.model-tophat1.style-gray {
      background-image: url(/images/hats/tophat1_gray.png); }
    .character-container .character-hat.model-tophat2.style-gray,
    .character .character-hat.model-tophat2.style-gray {
      background-image: url(/images/hats/tophat2_gray.png); }
    .character-container .character-hat.model-tophat3.style-gray,
    .character .character-hat.model-tophat3.style-gray {
      background-image: url(/images/hats/tophat3_gray.png); }
    .character-container .character-hat.model-viking.style-gray,
    .character .character-hat.model-viking.style-gray {
      background-image: url(/images/hats/viking_gray.png); }
    .character-container .character-hat.model-baseball.style-green,
    .character .character-hat.model-baseball.style-green {
      background-image: url(/images/hats/baseball_green.png); }
    .character-container .character-hat.model-beach.style-green,
    .character .character-hat.model-beach.style-green {
      background-image: url(/images/hats/beach_green.png); }
    .character-container .character-hat.model-beanie1.style-green,
    .character .character-hat.model-beanie1.style-green {
      background-image: url(/images/hats/beanie1_green.png); }
    .character-container .character-hat.model-beanie2.style-green,
    .character .character-hat.model-beanie2.style-green {
      background-image: url(/images/hats/beanie2_green.png); }
    .character-container .character-hat.model-beanie3.style-green,
    .character .character-hat.model-beanie3.style-green {
      background-image: url(/images/hats/beanie3_green.png); }
    .character-container .character-hat.model-bowler1.style-green,
    .character .character-hat.model-bowler1.style-green {
      background-image: url(/images/hats/bowler1_green.png); }
    .character-container .character-hat.model-bowler2.style-green,
    .character .character-hat.model-bowler2.style-green {
      background-image: url(/images/hats/bowler2_green.png); }
    .character-container .character-hat.model-chef.style-green,
    .character .character-hat.model-chef.style-green {
      background-image: url(/images/hats/chef_green.png); }
    .character-container .character-hat.model-cowboy1.style-green,
    .character .character-hat.model-cowboy1.style-green {
      background-image: url(/images/hats/cowboy1_green.png); }
    .character-container .character-hat.model-cowboy2.style-green,
    .character .character-hat.model-cowboy2.style-green {
      background-image: url(/images/hats/cowboy2_green.png); }
    .character-container .character-hat.model-cowboy3.style-green,
    .character .character-hat.model-cowboy3.style-green {
      background-image: url(/images/hats/cowboy3_green.png); }
    .character-container .character-hat.model-porkpie.style-green,
    .character .character-hat.model-porkpie.style-green {
      background-image: url(/images/hats/porkpie_green.png); }
    .character-container .character-hat.model-resized.style-green,
    .character .character-hat.model-resized.style-green {
      background-image: url(/images/hats/resized_green.png); }
    .character-container .character-hat.model-sailor.style-green,
    .character .character-hat.model-sailor.style-green {
      background-image: url(/images/hats/sailor_green.png); }
    .character-container .character-hat.model-santa1.style-green,
    .character .character-hat.model-santa1.style-green {
      background-image: url(/images/hats/santa1_green.png); }
    .character-container .character-hat.model-santa2.style-green,
    .character .character-hat.model-santa2.style-green {
      background-image: url(/images/hats/santa2_green.png); }
    .character-container .character-hat.model-tophat1.style-green,
    .character .character-hat.model-tophat1.style-green {
      background-image: url(/images/hats/tophat1_green.png); }
    .character-container .character-hat.model-tophat2.style-green,
    .character .character-hat.model-tophat2.style-green {
      background-image: url(/images/hats/tophat2_green.png); }
    .character-container .character-hat.model-tophat3.style-green,
    .character .character-hat.model-tophat3.style-green {
      background-image: url(/images/hats/tophat3_green.png); }
    .character-container .character-hat.model-viking.style-green,
    .character .character-hat.model-viking.style-green {
      background-image: url(/images/hats/viking_green.png); }
    .character-container .character-hat.model-baseball.style-houndstooth,
    .character .character-hat.model-baseball.style-houndstooth {
      background-image: url(/images/hats/baseball_houndstooth.png); }
    .character-container .character-hat.model-beach.style-houndstooth,
    .character .character-hat.model-beach.style-houndstooth {
      background-image: url(/images/hats/beach_houndstooth.png); }
    .character-container .character-hat.model-beanie1.style-houndstooth,
    .character .character-hat.model-beanie1.style-houndstooth {
      background-image: url(/images/hats/beanie1_houndstooth.png); }
    .character-container .character-hat.model-beanie2.style-houndstooth,
    .character .character-hat.model-beanie2.style-houndstooth {
      background-image: url(/images/hats/beanie2_houndstooth.png); }
    .character-container .character-hat.model-beanie3.style-houndstooth,
    .character .character-hat.model-beanie3.style-houndstooth {
      background-image: url(/images/hats/beanie3_houndstooth.png); }
    .character-container .character-hat.model-bowler1.style-houndstooth,
    .character .character-hat.model-bowler1.style-houndstooth {
      background-image: url(/images/hats/bowler1_houndstooth.png); }
    .character-container .character-hat.model-bowler2.style-houndstooth,
    .character .character-hat.model-bowler2.style-houndstooth {
      background-image: url(/images/hats/bowler2_houndstooth.png); }
    .character-container .character-hat.model-chef.style-houndstooth,
    .character .character-hat.model-chef.style-houndstooth {
      background-image: url(/images/hats/chef_houndstooth.png); }
    .character-container .character-hat.model-cowboy1.style-houndstooth,
    .character .character-hat.model-cowboy1.style-houndstooth {
      background-image: url(/images/hats/cowboy1_houndstooth.png); }
    .character-container .character-hat.model-cowboy2.style-houndstooth,
    .character .character-hat.model-cowboy2.style-houndstooth {
      background-image: url(/images/hats/cowboy2_houndstooth.png); }
    .character-container .character-hat.model-cowboy3.style-houndstooth,
    .character .character-hat.model-cowboy3.style-houndstooth {
      background-image: url(/images/hats/cowboy3_houndstooth.png); }
    .character-container .character-hat.model-porkpie.style-houndstooth,
    .character .character-hat.model-porkpie.style-houndstooth {
      background-image: url(/images/hats/porkpie_houndstooth.png); }
    .character-container .character-hat.model-resized.style-houndstooth,
    .character .character-hat.model-resized.style-houndstooth {
      background-image: url(/images/hats/resized_houndstooth.png); }
    .character-container .character-hat.model-sailor.style-houndstooth,
    .character .character-hat.model-sailor.style-houndstooth {
      background-image: url(/images/hats/sailor_houndstooth.png); }
    .character-container .character-hat.model-santa1.style-houndstooth,
    .character .character-hat.model-santa1.style-houndstooth {
      background-image: url(/images/hats/santa1_houndstooth.png); }
    .character-container .character-hat.model-santa2.style-houndstooth,
    .character .character-hat.model-santa2.style-houndstooth {
      background-image: url(/images/hats/santa2_houndstooth.png); }
    .character-container .character-hat.model-tophat1.style-houndstooth,
    .character .character-hat.model-tophat1.style-houndstooth {
      background-image: url(/images/hats/tophat1_houndstooth.png); }
    .character-container .character-hat.model-tophat2.style-houndstooth,
    .character .character-hat.model-tophat2.style-houndstooth {
      background-image: url(/images/hats/tophat2_houndstooth.png); }
    .character-container .character-hat.model-tophat3.style-houndstooth,
    .character .character-hat.model-tophat3.style-houndstooth {
      background-image: url(/images/hats/tophat3_houndstooth.png); }
    .character-container .character-hat.model-viking.style-houndstooth,
    .character .character-hat.model-viking.style-houndstooth {
      background-image: url(/images/hats/viking_houndstooth.png); }
    .character-container .character-hat.model-baseball.style-mallow,
    .character .character-hat.model-baseball.style-mallow {
      background-image: url(/images/hats/baseball_mallow.png); }
    .character-container .character-hat.model-beach.style-mallow,
    .character .character-hat.model-beach.style-mallow {
      background-image: url(/images/hats/beach_mallow.png); }
    .character-container .character-hat.model-beanie1.style-mallow,
    .character .character-hat.model-beanie1.style-mallow {
      background-image: url(/images/hats/beanie1_mallow.png); }
    .character-container .character-hat.model-beanie2.style-mallow,
    .character .character-hat.model-beanie2.style-mallow {
      background-image: url(/images/hats/beanie2_mallow.png); }
    .character-container .character-hat.model-beanie3.style-mallow,
    .character .character-hat.model-beanie3.style-mallow {
      background-image: url(/images/hats/beanie3_mallow.png); }
    .character-container .character-hat.model-bowler1.style-mallow,
    .character .character-hat.model-bowler1.style-mallow {
      background-image: url(/images/hats/bowler1_mallow.png); }
    .character-container .character-hat.model-bowler2.style-mallow,
    .character .character-hat.model-bowler2.style-mallow {
      background-image: url(/images/hats/bowler2_mallow.png); }
    .character-container .character-hat.model-chef.style-mallow,
    .character .character-hat.model-chef.style-mallow {
      background-image: url(/images/hats/chef_mallow.png); }
    .character-container .character-hat.model-cowboy1.style-mallow,
    .character .character-hat.model-cowboy1.style-mallow {
      background-image: url(/images/hats/cowboy1_mallow.png); }
    .character-container .character-hat.model-cowboy2.style-mallow,
    .character .character-hat.model-cowboy2.style-mallow {
      background-image: url(/images/hats/cowboy2_mallow.png); }
    .character-container .character-hat.model-cowboy3.style-mallow,
    .character .character-hat.model-cowboy3.style-mallow {
      background-image: url(/images/hats/cowboy3_mallow.png); }
    .character-container .character-hat.model-porkpie.style-mallow,
    .character .character-hat.model-porkpie.style-mallow {
      background-image: url(/images/hats/porkpie_mallow.png); }
    .character-container .character-hat.model-resized.style-mallow,
    .character .character-hat.model-resized.style-mallow {
      background-image: url(/images/hats/resized_mallow.png); }
    .character-container .character-hat.model-sailor.style-mallow,
    .character .character-hat.model-sailor.style-mallow {
      background-image: url(/images/hats/sailor_mallow.png); }
    .character-container .character-hat.model-santa1.style-mallow,
    .character .character-hat.model-santa1.style-mallow {
      background-image: url(/images/hats/santa1_mallow.png); }
    .character-container .character-hat.model-santa2.style-mallow,
    .character .character-hat.model-santa2.style-mallow {
      background-image: url(/images/hats/santa2_mallow.png); }
    .character-container .character-hat.model-tophat1.style-dimitri,
    .character .character-hat.model-tophat1.style-dimitri {
      background-image: url(/images/hats/tophat1_dimitri.png); }
    .character-container .character-hat.model-tophat1.style-mallow,
    .character .character-hat.model-tophat1.style-mallow {
      background-image: url(/images/hats/tophat1_mallow.png); }
    .character-container .character-hat.model-tophat2.style-mallow,
    .character .character-hat.model-tophat2.style-mallow {
      background-image: url(/images/hats/tophat2_mallow.png); }
    .character-container .character-hat.model-tophat3.style-mallow,
    .character .character-hat.model-tophat3.style-mallow {
      background-image: url(/images/hats/tophat3_mallow.png); }
    .character-container .character-hat.model-viking.style-mallow,
    .character .character-hat.model-viking.style-mallow {
      background-image: url(/images/hats/viking_mallow.png); }
    .character-container .character-hat.model-baseball.style-mdf,
    .character .character-hat.model-baseball.style-mdf {
      background-image: url(/images/hats/baseball_mdf.png); }
    .character-container .character-hat.model-beach.style-mdf,
    .character .character-hat.model-beach.style-mdf {
      background-image: url(/images/hats/beach_mdf.png); }
    .character-container .character-hat.model-beanie1.style-mdf,
    .character .character-hat.model-beanie1.style-mdf {
      background-image: url(/images/hats/beanie1_mdf.png); }
    .character-container .character-hat.model-beanie2.style-mdf,
    .character .character-hat.model-beanie2.style-mdf {
      background-image: url(/images/hats/beanie2_mdf.png); }
    .character-container .character-hat.model-beanie3.style-mdf,
    .character .character-hat.model-beanie3.style-mdf {
      background-image: url(/images/hats/beanie3_mdf.png); }
    .character-container .character-hat.model-bowler1.style-mdf,
    .character .character-hat.model-bowler1.style-mdf {
      background-image: url(/images/hats/bowler1_mdf.png); }
    .character-container .character-hat.model-bowler2.style-mdf,
    .character .character-hat.model-bowler2.style-mdf {
      background-image: url(/images/hats/bowler2_mdf.png); }
    .character-container .character-hat.model-chef.style-mdf,
    .character .character-hat.model-chef.style-mdf {
      background-image: url(/images/hats/chef_mdf.png); }
    .character-container .character-hat.model-cowboy1.style-mdf,
    .character .character-hat.model-cowboy1.style-mdf {
      background-image: url(/images/hats/cowboy1_mdf.png); }
    .character-container .character-hat.model-cowboy2.style-mdf,
    .character .character-hat.model-cowboy2.style-mdf {
      background-image: url(/images/hats/cowboy2_mdf.png); }
    .character-container .character-hat.model-cowboy3.style-mdf,
    .character .character-hat.model-cowboy3.style-mdf {
      background-image: url(/images/hats/cowboy3_mdf.png); }
    .character-container .character-hat.model-porkpie.style-mdf,
    .character .character-hat.model-porkpie.style-mdf {
      background-image: url(/images/hats/porkpie_mdf.png); }
    .character-container .character-hat.model-resized.style-mdf,
    .character .character-hat.model-resized.style-mdf {
      background-image: url(/images/hats/resized_mdf.png); }
    .character-container .character-hat.model-sailor.style-mdf,
    .character .character-hat.model-sailor.style-mdf {
      background-image: url(/images/hats/sailor_mdf.png); }
    .character-container .character-hat.model-santa1.style-mdf,
    .character .character-hat.model-santa1.style-mdf {
      background-image: url(/images/hats/santa1_mdf.png); }
    .character-container .character-hat.model-santa2.style-mdf,
    .character .character-hat.model-santa2.style-mdf {
      background-image: url(/images/hats/santa2_mdf.png); }
    .character-container .character-hat.model-tophat1.style-mdf,
    .character .character-hat.model-tophat1.style-mdf {
      background-image: url(/images/hats/tophat1_mdf.png); }
    .character-container .character-hat.model-tophat2.style-mdf,
    .character .character-hat.model-tophat2.style-mdf {
      background-image: url(/images/hats/tophat2_mdf.png); }
    .character-container .character-hat.model-tophat3.style-mdf,
    .character .character-hat.model-tophat3.style-mdf {
      background-image: url(/images/hats/tophat3_mdf.png); }
    .character-container .character-hat.model-viking.style-mdf,
    .character .character-hat.model-viking.style-mdf {
      background-image: url(/images/hats/viking_mdf.png); }
    .character-container .character-hat.model-baseball.style-mud,
    .character .character-hat.model-baseball.style-mud {
      background-image: url(/images/hats/baseball_mud.png); }
    .character-container .character-hat.model-beach.style-mud,
    .character .character-hat.model-beach.style-mud {
      background-image: url(/images/hats/beach_mud.png); }
    .character-container .character-hat.model-beanie1.style-mud,
    .character .character-hat.model-beanie1.style-mud {
      background-image: url(/images/hats/beanie1_mud.png); }
    .character-container .character-hat.model-beanie2.style-mud,
    .character .character-hat.model-beanie2.style-mud {
      background-image: url(/images/hats/beanie2_mud.png); }
    .character-container .character-hat.model-beanie3.style-mud,
    .character .character-hat.model-beanie3.style-mud {
      background-image: url(/images/hats/beanie3_mud.png); }
    .character-container .character-hat.model-bowler1.style-mud,
    .character .character-hat.model-bowler1.style-mud {
      background-image: url(/images/hats/bowler1_mud.png); }
    .character-container .character-hat.model-bowler2.style-mud,
    .character .character-hat.model-bowler2.style-mud {
      background-image: url(/images/hats/bowler2_mud.png); }
    .character-container .character-hat.model-chef.style-mud,
    .character .character-hat.model-chef.style-mud {
      background-image: url(/images/hats/chef_mud.png); }
    .character-container .character-hat.model-cowboy1.style-mud,
    .character .character-hat.model-cowboy1.style-mud {
      background-image: url(/images/hats/cowboy1_mud.png); }
    .character-container .character-hat.model-cowboy2.style-mud,
    .character .character-hat.model-cowboy2.style-mud {
      background-image: url(/images/hats/cowboy2_mud.png); }
    .character-container .character-hat.model-cowboy3.style-mud,
    .character .character-hat.model-cowboy3.style-mud {
      background-image: url(/images/hats/cowboy3_mud.png); }
    .character-container .character-hat.model-porkpie.style-mud,
    .character .character-hat.model-porkpie.style-mud {
      background-image: url(/images/hats/porkpie_mud.png); }
    .character-container .character-hat.model-resized.style-mud,
    .character .character-hat.model-resized.style-mud {
      background-image: url(/images/hats/resized_mud.png); }
    .character-container .character-hat.model-sailor.style-mud,
    .character .character-hat.model-sailor.style-mud {
      background-image: url(/images/hats/sailor_mud.png); }
    .character-container .character-hat.model-santa1.style-mud,
    .character .character-hat.model-santa1.style-mud {
      background-image: url(/images/hats/santa1_mud.png); }
    .character-container .character-hat.model-santa2.style-mud,
    .character .character-hat.model-santa2.style-mud {
      background-image: url(/images/hats/santa2_mud.png); }
    .character-container .character-hat.model-tophat1.style-mud,
    .character .character-hat.model-tophat1.style-mud {
      background-image: url(/images/hats/tophat1_mud.png); }
    .character-container .character-hat.model-tophat2.style-mud,
    .character .character-hat.model-tophat2.style-mud {
      background-image: url(/images/hats/tophat2_mud.png); }
    .character-container .character-hat.model-tophat3.style-mud,
    .character .character-hat.model-tophat3.style-mud {
      background-image: url(/images/hats/tophat3_mud.png); }
    .character-container .character-hat.model-viking.style-mud,
    .character .character-hat.model-viking.style-mud {
      background-image: url(/images/hats/viking_mud.png); }
    .character-container .character-hat.model-baseball.style-music,
    .character .character-hat.model-baseball.style-music {
      background-image: url(/images/hats/baseball_music.png); }
    .character-container .character-hat.model-beach.style-music,
    .character .character-hat.model-beach.style-music {
      background-image: url(/images/hats/beach_music.png); }
    .character-container .character-hat.model-beanie1.style-music,
    .character .character-hat.model-beanie1.style-music {
      background-image: url(/images/hats/beanie1_music.png); }
    .character-container .character-hat.model-beanie2.style-music,
    .character .character-hat.model-beanie2.style-music {
      background-image: url(/images/hats/beanie2_music.png); }
    .character-container .character-hat.model-beanie3.style-music,
    .character .character-hat.model-beanie3.style-music {
      background-image: url(/images/hats/beanie3_music.png); }
    .character-container .character-hat.model-bowler1.style-music,
    .character .character-hat.model-bowler1.style-music {
      background-image: url(/images/hats/bowler1_music.png); }
    .character-container .character-hat.model-bowler2.style-music,
    .character .character-hat.model-bowler2.style-music {
      background-image: url(/images/hats/bowler2_music.png); }
    .character-container .character-hat.model-chef.style-music,
    .character .character-hat.model-chef.style-music {
      background-image: url(/images/hats/chef_music.png); }
    .character-container .character-hat.model-cowboy1.style-music,
    .character .character-hat.model-cowboy1.style-music {
      background-image: url(/images/hats/cowboy1_music.png); }
    .character-container .character-hat.model-cowboy2.style-music,
    .character .character-hat.model-cowboy2.style-music {
      background-image: url(/images/hats/cowboy2_music.png); }
    .character-container .character-hat.model-cowboy3.style-music,
    .character .character-hat.model-cowboy3.style-music {
      background-image: url(/images/hats/cowboy3_music.png); }
    .character-container .character-hat.model-porkpie.style-music,
    .character .character-hat.model-porkpie.style-music {
      background-image: url(/images/hats/porkpie_music.png); }
    .character-container .character-hat.model-resized.style-music,
    .character .character-hat.model-resized.style-music {
      background-image: url(/images/hats/resized_music.png); }
    .character-container .character-hat.model-sailor.style-music,
    .character .character-hat.model-sailor.style-music {
      background-image: url(/images/hats/sailor_music.png); }
    .character-container .character-hat.model-santa1.style-music,
    .character .character-hat.model-santa1.style-music {
      background-image: url(/images/hats/santa1_music.png); }
    .character-container .character-hat.model-santa2.style-music,
    .character .character-hat.model-santa2.style-music {
      background-image: url(/images/hats/santa2_music.png); }
    .character-container .character-hat.model-tophat1.style-music,
    .character .character-hat.model-tophat1.style-music {
      background-image: url(/images/hats/tophat1_music.png); }
    .character-container .character-hat.model-tophat2.style-music,
    .character .character-hat.model-tophat2.style-music {
      background-image: url(/images/hats/tophat2_music.png); }
    .character-container .character-hat.model-tophat3.style-music,
    .character .character-hat.model-tophat3.style-music {
      background-image: url(/images/hats/tophat3_music.png); }
    .character-container .character-hat.model-viking.style-music,
    .character .character-hat.model-viking.style-music {
      background-image: url(/images/hats/viking_music.png); }
    .character-container .character-hat.model-baseball.style-orage,
    .character .character-hat.model-baseball.style-orage {
      background-image: url(/images/hats/baseball_orage.png); }
    .character-container .character-hat.model-beach.style-orage,
    .character .character-hat.model-beach.style-orage {
      background-image: url(/images/hats/beach_orage.png); }
    .character-container .character-hat.model-beanie1.style-orage,
    .character .character-hat.model-beanie1.style-orage {
      background-image: url(/images/hats/beanie1_orage.png); }
    .character-container .character-hat.model-beanie2.style-orage,
    .character .character-hat.model-beanie2.style-orage {
      background-image: url(/images/hats/beanie2_orage.png); }
    .character-container .character-hat.model-beanie3.style-orage,
    .character .character-hat.model-beanie3.style-orage {
      background-image: url(/images/hats/beanie3_orage.png); }
    .character-container .character-hat.model-bowler1.style-orage,
    .character .character-hat.model-bowler1.style-orage {
      background-image: url(/images/hats/bowler1_orage.png); }
    .character-container .character-hat.model-bowler2.style-orage,
    .character .character-hat.model-bowler2.style-orage {
      background-image: url(/images/hats/bowler2_orage.png); }
    .character-container .character-hat.model-chef.style-orage,
    .character .character-hat.model-chef.style-orage {
      background-image: url(/images/hats/chef_orage.png); }
    .character-container .character-hat.model-cowboy1.style-orage,
    .character .character-hat.model-cowboy1.style-orage {
      background-image: url(/images/hats/cowboy1_orage.png); }
    .character-container .character-hat.model-cowboy2.style-orage,
    .character .character-hat.model-cowboy2.style-orage {
      background-image: url(/images/hats/cowboy2_orage.png); }
    .character-container .character-hat.model-cowboy3.style-orage,
    .character .character-hat.model-cowboy3.style-orage {
      background-image: url(/images/hats/cowboy3_orage.png); }
    .character-container .character-hat.model-porkpie.style-orage,
    .character .character-hat.model-porkpie.style-orage {
      background-image: url(/images/hats/porkpie_orage.png); }
    .character-container .character-hat.model-resized.style-orage,
    .character .character-hat.model-resized.style-orage {
      background-image: url(/images/hats/resized_orage.png); }
    .character-container .character-hat.model-sailor.style-orage,
    .character .character-hat.model-sailor.style-orage {
      background-image: url(/images/hats/sailor_orage.png); }
    .character-container .character-hat.model-santa1.style-orage,
    .character .character-hat.model-santa1.style-orage {
      background-image: url(/images/hats/santa1_orage.png); }
    .character-container .character-hat.model-santa2.style-orage,
    .character .character-hat.model-santa2.style-orage {
      background-image: url(/images/hats/santa2_orage.png); }
    .character-container .character-hat.model-tophat1.style-orage,
    .character .character-hat.model-tophat1.style-orage {
      background-image: url(/images/hats/tophat1_orage.png); }
    .character-container .character-hat.model-tophat2.style-orage,
    .character .character-hat.model-tophat2.style-orage {
      background-image: url(/images/hats/tophat2_orage.png); }
    .character-container .character-hat.model-tophat3.style-orage,
    .character .character-hat.model-tophat3.style-orage {
      background-image: url(/images/hats/tophat3_orage.png); }
    .character-container .character-hat.model-viking.style-orage,
    .character .character-hat.model-viking.style-orage {
      background-image: url(/images/hats/viking_orage.png); }
    .character-container .character-hat.model-baseball.style-paint,
    .character .character-hat.model-baseball.style-paint {
      background-image: url(/images/hats/baseball_paint.png); }
    .character-container .character-hat.model-beach.style-paint,
    .character .character-hat.model-beach.style-paint {
      background-image: url(/images/hats/beach_paint.png); }
    .character-container .character-hat.model-beanie1.style-paint,
    .character .character-hat.model-beanie1.style-paint {
      background-image: url(/images/hats/beanie1_paint.png); }
    .character-container .character-hat.model-beanie2.style-paint,
    .character .character-hat.model-beanie2.style-paint {
      background-image: url(/images/hats/beanie2_paint.png); }
    .character-container .character-hat.model-beanie3.style-paint,
    .character .character-hat.model-beanie3.style-paint {
      background-image: url(/images/hats/beanie3_paint.png); }
    .character-container .character-hat.model-bowler1.style-paint,
    .character .character-hat.model-bowler1.style-paint {
      background-image: url(/images/hats/bowler1_paint.png); }
    .character-container .character-hat.model-bowler2.style-paint,
    .character .character-hat.model-bowler2.style-paint {
      background-image: url(/images/hats/bowler2_paint.png); }
    .character-container .character-hat.model-chef.style-paint,
    .character .character-hat.model-chef.style-paint {
      background-image: url(/images/hats/chef_paint.png); }
    .character-container .character-hat.model-cowboy1.style-paint,
    .character .character-hat.model-cowboy1.style-paint {
      background-image: url(/images/hats/cowboy1_paint.png); }
    .character-container .character-hat.model-cowboy2.style-paint,
    .character .character-hat.model-cowboy2.style-paint {
      background-image: url(/images/hats/cowboy2_paint.png); }
    .character-container .character-hat.model-cowboy3.style-paint,
    .character .character-hat.model-cowboy3.style-paint {
      background-image: url(/images/hats/cowboy3_paint.png); }
    .character-container .character-hat.model-porkpie.style-paint,
    .character .character-hat.model-porkpie.style-paint {
      background-image: url(/images/hats/porkpie_paint.png); }
    .character-container .character-hat.model-resized.style-paint,
    .character .character-hat.model-resized.style-paint {
      background-image: url(/images/hats/resized_paint.png); }
    .character-container .character-hat.model-sailor.style-paint,
    .character .character-hat.model-sailor.style-paint {
      background-image: url(/images/hats/sailor_paint.png); }
    .character-container .character-hat.model-santa1.style-paint,
    .character .character-hat.model-santa1.style-paint {
      background-image: url(/images/hats/santa1_paint.png); }
    .character-container .character-hat.model-santa2.style-paint,
    .character .character-hat.model-santa2.style-paint {
      background-image: url(/images/hats/santa2_paint.png); }
    .character-container .character-hat.model-tophat1.style-paint,
    .character .character-hat.model-tophat1.style-paint {
      background-image: url(/images/hats/tophat1_paint.png); }
    .character-container .character-hat.model-tophat2.style-paint,
    .character .character-hat.model-tophat2.style-paint {
      background-image: url(/images/hats/tophat2_paint.png); }
    .character-container .character-hat.model-tophat3.style-paint,
    .character .character-hat.model-tophat3.style-paint {
      background-image: url(/images/hats/tophat3_paint.png); }
    .character-container .character-hat.model-viking.style-paint,
    .character .character-hat.model-viking.style-paint {
      background-image: url(/images/hats/viking_paint.png); }
    .character-container .character-hat.model-baseball.style-parchment,
    .character .character-hat.model-baseball.style-parchment {
      background-image: url(/images/hats/baseball_parchment.png); }
    .character-container .character-hat.model-beach.style-parchment,
    .character .character-hat.model-beach.style-parchment {
      background-image: url(/images/hats/beach_parchment.png); }
    .character-container .character-hat.model-beanie1.style-parchment,
    .character .character-hat.model-beanie1.style-parchment {
      background-image: url(/images/hats/beanie1_parchment.png); }
    .character-container .character-hat.model-beanie2.style-parchment,
    .character .character-hat.model-beanie2.style-parchment {
      background-image: url(/images/hats/beanie2_parchment.png); }
    .character-container .character-hat.model-beanie3.style-parchment,
    .character .character-hat.model-beanie3.style-parchment {
      background-image: url(/images/hats/beanie3_parchment.png); }
    .character-container .character-hat.model-bowler1.style-parchment,
    .character .character-hat.model-bowler1.style-parchment {
      background-image: url(/images/hats/bowler1_parchment.png); }
    .character-container .character-hat.model-bowler2.style-parchment,
    .character .character-hat.model-bowler2.style-parchment {
      background-image: url(/images/hats/bowler2_parchment.png); }
    .character-container .character-hat.model-chef.style-parchment,
    .character .character-hat.model-chef.style-parchment {
      background-image: url(/images/hats/chef_parchment.png); }
    .character-container .character-hat.model-cowboy1.style-parchment,
    .character .character-hat.model-cowboy1.style-parchment {
      background-image: url(/images/hats/cowboy1_parchment.png); }
    .character-container .character-hat.model-cowboy2.style-parchment,
    .character .character-hat.model-cowboy2.style-parchment {
      background-image: url(/images/hats/cowboy2_parchment.png); }
    .character-container .character-hat.model-cowboy3.style-parchment,
    .character .character-hat.model-cowboy3.style-parchment {
      background-image: url(/images/hats/cowboy3_parchment.png); }
    .character-container .character-hat.model-porkpie.style-parchment,
    .character .character-hat.model-porkpie.style-parchment {
      background-image: url(/images/hats/porkpie_parchment.png); }
    .character-container .character-hat.model-resized.style-parchment,
    .character .character-hat.model-resized.style-parchment {
      background-image: url(/images/hats/resized_parchment.png); }
    .character-container .character-hat.model-sailor.style-parchment,
    .character .character-hat.model-sailor.style-parchment {
      background-image: url(/images/hats/sailor_parchment.png); }
    .character-container .character-hat.model-santa1.style-parchment,
    .character .character-hat.model-santa1.style-parchment {
      background-image: url(/images/hats/santa1_parchment.png); }
    .character-container .character-hat.model-santa2.style-parchment,
    .character .character-hat.model-santa2.style-parchment {
      background-image: url(/images/hats/santa2_parchment.png); }
    .character-container .character-hat.model-tophat1.style-parchment,
    .character .character-hat.model-tophat1.style-parchment {
      background-image: url(/images/hats/tophat1_parchment.png); }
    .character-container .character-hat.model-tophat2.style-parchment,
    .character .character-hat.model-tophat2.style-parchment {
      background-image: url(/images/hats/tophat2_parchment.png); }
    .character-container .character-hat.model-tophat3.style-parchment,
    .character .character-hat.model-tophat3.style-parchment {
      background-image: url(/images/hats/tophat3_parchment.png); }
    .character-container .character-hat.model-viking.style-parchment,
    .character .character-hat.model-viking.style-parchment {
      background-image: url(/images/hats/viking_parchment.png); }
    .character-container .character-hat.model-baseball.style-pink,
    .character .character-hat.model-baseball.style-pink {
      background-image: url(/images/hats/baseball_pink.png); }
    .character-container .character-hat.model-beach.style-pink,
    .character .character-hat.model-beach.style-pink {
      background-image: url(/images/hats/beach_pink.png); }
    .character-container .character-hat.model-beanie1.style-pink,
    .character .character-hat.model-beanie1.style-pink {
      background-image: url(/images/hats/beanie1_pink.png); }
    .character-container .character-hat.model-beanie2.style-pink,
    .character .character-hat.model-beanie2.style-pink {
      background-image: url(/images/hats/beanie2_pink.png); }
    .character-container .character-hat.model-beanie3.style-pink,
    .character .character-hat.model-beanie3.style-pink {
      background-image: url(/images/hats/beanie3_pink.png); }
    .character-container .character-hat.model-bowler1.style-pink,
    .character .character-hat.model-bowler1.style-pink {
      background-image: url(/images/hats/bowler1_pink.png); }
    .character-container .character-hat.model-bowler2.style-pink,
    .character .character-hat.model-bowler2.style-pink {
      background-image: url(/images/hats/bowler2_pink.png); }
    .character-container .character-hat.model-chef.style-pink,
    .character .character-hat.model-chef.style-pink {
      background-image: url(/images/hats/chef_pink.png); }
    .character-container .character-hat.model-cowboy1.style-pink,
    .character .character-hat.model-cowboy1.style-pink {
      background-image: url(/images/hats/cowboy1_pink.png); }
    .character-container .character-hat.model-cowboy2.style-pink,
    .character .character-hat.model-cowboy2.style-pink {
      background-image: url(/images/hats/cowboy2_pink.png); }
    .character-container .character-hat.model-cowboy3.style-pink,
    .character .character-hat.model-cowboy3.style-pink {
      background-image: url(/images/hats/cowboy3_pink.png); }
    .character-container .character-hat.model-porkpie.style-pink,
    .character .character-hat.model-porkpie.style-pink {
      background-image: url(/images/hats/porkpie_pink.png); }
    .character-container .character-hat.model-resized.style-pink,
    .character .character-hat.model-resized.style-pink {
      background-image: url(/images/hats/resized_pink.png); }
    .character-container .character-hat.model-sailor.style-pink,
    .character .character-hat.model-sailor.style-pink {
      background-image: url(/images/hats/sailor_pink.png); }
    .character-container .character-hat.model-santa1.style-pink,
    .character .character-hat.model-santa1.style-pink {
      background-image: url(/images/hats/santa1_pink.png); }
    .character-container .character-hat.model-santa2.style-pink,
    .character .character-hat.model-santa2.style-pink {
      background-image: url(/images/hats/santa2_pink.png); }
    .character-container .character-hat.model-tophat1.style-pink,
    .character .character-hat.model-tophat1.style-pink {
      background-image: url(/images/hats/tophat1_pink.png); }
    .character-container .character-hat.model-tophat2.style-pink,
    .character .character-hat.model-tophat2.style-pink {
      background-image: url(/images/hats/tophat2_pink.png); }
    .character-container .character-hat.model-tophat3.style-pink,
    .character .character-hat.model-tophat3.style-pink {
      background-image: url(/images/hats/tophat3_pink.png); }
    .character-container .character-hat.model-viking.style-pink,
    .character .character-hat.model-viking.style-pink {
      background-image: url(/images/hats/viking_pink.png); }
    .character-container .character-hat.model-baseball.style-purple,
    .character .character-hat.model-baseball.style-purple {
      background-image: url(/images/hats/baseball_purple.png); }
    .character-container .character-hat.model-beach.style-purple,
    .character .character-hat.model-beach.style-purple {
      background-image: url(/images/hats/beach_purple.png); }
    .character-container .character-hat.model-beanie1.style-purple,
    .character .character-hat.model-beanie1.style-purple {
      background-image: url(/images/hats/beanie1_purple.png); }
    .character-container .character-hat.model-beanie2.style-purple,
    .character .character-hat.model-beanie2.style-purple {
      background-image: url(/images/hats/beanie2_purple.png); }
    .character-container .character-hat.model-beanie3.style-purple,
    .character .character-hat.model-beanie3.style-purple {
      background-image: url(/images/hats/beanie3_purple.png); }
    .character-container .character-hat.model-bowler1.style-purple,
    .character .character-hat.model-bowler1.style-purple {
      background-image: url(/images/hats/bowler1_purple.png); }
    .character-container .character-hat.model-bowler2.style-purple,
    .character .character-hat.model-bowler2.style-purple {
      background-image: url(/images/hats/bowler2_purple.png); }
    .character-container .character-hat.model-chef.style-purple,
    .character .character-hat.model-chef.style-purple {
      background-image: url(/images/hats/chef_purple.png); }
    .character-container .character-hat.model-cowboy1.style-purple,
    .character .character-hat.model-cowboy1.style-purple {
      background-image: url(/images/hats/cowboy1_purple.png); }
    .character-container .character-hat.model-cowboy2.style-purple,
    .character .character-hat.model-cowboy2.style-purple {
      background-image: url(/images/hats/cowboy2_purple.png); }
    .character-container .character-hat.model-cowboy3.style-purple,
    .character .character-hat.model-cowboy3.style-purple {
      background-image: url(/images/hats/cowboy3_purple.png); }
    .character-container .character-hat.model-porkpie.style-purple,
    .character .character-hat.model-porkpie.style-purple {
      background-image: url(/images/hats/porkpie_purple.png); }
    .character-container .character-hat.model-resized.style-purple,
    .character .character-hat.model-resized.style-purple {
      background-image: url(/images/hats/resized_purple.png); }
    .character-container .character-hat.model-sailor.style-purple,
    .character .character-hat.model-sailor.style-purple {
      background-image: url(/images/hats/sailor_purple.png); }
    .character-container .character-hat.model-santa1.style-purple,
    .character .character-hat.model-santa1.style-purple {
      background-image: url(/images/hats/santa1_purple.png); }
    .character-container .character-hat.model-santa2.style-purple,
    .character .character-hat.model-santa2.style-purple {
      background-image: url(/images/hats/santa2_purple.png); }
    .character-container .character-hat.model-tophat1.style-purple,
    .character .character-hat.model-tophat1.style-purple {
      background-image: url(/images/hats/tophat1_purple.png); }
    .character-container .character-hat.model-tophat2.style-purple,
    .character .character-hat.model-tophat2.style-purple {
      background-image: url(/images/hats/tophat2_purple.png); }
    .character-container .character-hat.model-tophat3.style-purple,
    .character .character-hat.model-tophat3.style-purple {
      background-image: url(/images/hats/tophat3_purple.png); }
    .character-container .character-hat.model-viking.style-purple,
    .character .character-hat.model-viking.style-purple {
      background-image: url(/images/hats/viking_purple.png); }
    .character-container .character-hat.model-baseball.style-red,
    .character .character-hat.model-baseball.style-red {
      background-image: url(/images/hats/baseball_red.png); }
    .character-container .character-hat.model-beach.style-red,
    .character .character-hat.model-beach.style-red {
      background-image: url(/images/hats/beach_red.png); }
    .character-container .character-hat.model-beanie1.style-red,
    .character .character-hat.model-beanie1.style-red {
      background-image: url(/images/hats/beanie1_red.png); }
    .character-container .character-hat.model-beanie2.style-red,
    .character .character-hat.model-beanie2.style-red {
      background-image: url(/images/hats/beanie2_red.png); }
    .character-container .character-hat.model-beanie3.style-red,
    .character .character-hat.model-beanie3.style-red {
      background-image: url(/images/hats/beanie3_red.png); }
    .character-container .character-hat.model-bowler1.style-red,
    .character .character-hat.model-bowler1.style-red {
      background-image: url(/images/hats/bowler1_red.png); }
    .character-container .character-hat.model-bowler2.style-red,
    .character .character-hat.model-bowler2.style-red {
      background-image: url(/images/hats/bowler2_red.png); }
    .character-container .character-hat.model-chef.style-red,
    .character .character-hat.model-chef.style-red {
      background-image: url(/images/hats/chef_red.png); }
    .character-container .character-hat.model-cowboy1.style-red,
    .character .character-hat.model-cowboy1.style-red {
      background-image: url(/images/hats/cowboy1_red.png); }
    .character-container .character-hat.model-cowboy2.style-red,
    .character .character-hat.model-cowboy2.style-red {
      background-image: url(/images/hats/cowboy2_red.png); }
    .character-container .character-hat.model-cowboy3.style-red,
    .character .character-hat.model-cowboy3.style-red {
      background-image: url(/images/hats/cowboy3_red.png); }
    .character-container .character-hat.model-porkpie.style-red,
    .character .character-hat.model-porkpie.style-red {
      background-image: url(/images/hats/porkpie_red.png); }
    .character-container .character-hat.model-resized.style-red,
    .character .character-hat.model-resized.style-red {
      background-image: url(/images/hats/resized_red.png); }
    .character-container .character-hat.model-sailor.style-red,
    .character .character-hat.model-sailor.style-red {
      background-image: url(/images/hats/sailor_red.png); }
    .character-container .character-hat.model-santa1.style-red,
    .character .character-hat.model-santa1.style-red {
      background-image: url(/images/hats/santa1_red.png); }
    .character-container .character-hat.model-santa2.style-red,
    .character .character-hat.model-santa2.style-red {
      background-image: url(/images/hats/santa2_red.png); }
    .character-container .character-hat.model-tophat1.style-red,
    .character .character-hat.model-tophat1.style-red {
      background-image: url(/images/hats/tophat1_red.png); }
    .character-container .character-hat.model-tophat2.style-red,
    .character .character-hat.model-tophat2.style-red {
      background-image: url(/images/hats/tophat2_red.png); }
    .character-container .character-hat.model-tophat3.style-red,
    .character .character-hat.model-tophat3.style-red {
      background-image: url(/images/hats/tophat3_red.png); }
    .character-container .character-hat.model-viking.style-red,
    .character .character-hat.model-viking.style-red {
      background-image: url(/images/hats/viking_red.png); }
    .character-container .character-hat.model-baseball.style-sand,
    .character .character-hat.model-baseball.style-sand {
      background-image: url(/images/hats/baseball_sand.png); }
    .character-container .character-hat.model-beach.style-sand,
    .character .character-hat.model-beach.style-sand {
      background-image: url(/images/hats/beach_sand.png); }
    .character-container .character-hat.model-beanie1.style-sand,
    .character .character-hat.model-beanie1.style-sand {
      background-image: url(/images/hats/beanie1_sand.png); }
    .character-container .character-hat.model-beanie2.style-sand,
    .character .character-hat.model-beanie2.style-sand {
      background-image: url(/images/hats/beanie2_sand.png); }
    .character-container .character-hat.model-beanie3.style-sand,
    .character .character-hat.model-beanie3.style-sand {
      background-image: url(/images/hats/beanie3_sand.png); }
    .character-container .character-hat.model-bowler1.style-sand,
    .character .character-hat.model-bowler1.style-sand {
      background-image: url(/images/hats/bowler1_sand.png); }
    .character-container .character-hat.model-bowler2.style-sand,
    .character .character-hat.model-bowler2.style-sand {
      background-image: url(/images/hats/bowler2_sand.png); }
    .character-container .character-hat.model-chef.style-sand,
    .character .character-hat.model-chef.style-sand {
      background-image: url(/images/hats/chef_sand.png); }
    .character-container .character-hat.model-cowboy1.style-sand,
    .character .character-hat.model-cowboy1.style-sand {
      background-image: url(/images/hats/cowboy1_sand.png); }
    .character-container .character-hat.model-cowboy2.style-sand,
    .character .character-hat.model-cowboy2.style-sand {
      background-image: url(/images/hats/cowboy2_sand.png); }
    .character-container .character-hat.model-cowboy3.style-sand,
    .character .character-hat.model-cowboy3.style-sand {
      background-image: url(/images/hats/cowboy3_sand.png); }
    .character-container .character-hat.model-porkpie.style-sand,
    .character .character-hat.model-porkpie.style-sand {
      background-image: url(/images/hats/porkpie_sand.png); }
    .character-container .character-hat.model-resized.style-sand,
    .character .character-hat.model-resized.style-sand {
      background-image: url(/images/hats/resized_sand.png); }
    .character-container .character-hat.model-sailor.style-sand,
    .character .character-hat.model-sailor.style-sand {
      background-image: url(/images/hats/sailor_sand.png); }
    .character-container .character-hat.model-santa1.style-sand,
    .character .character-hat.model-santa1.style-sand {
      background-image: url(/images/hats/santa1_sand.png); }
    .character-container .character-hat.model-santa2.style-sand,
    .character .character-hat.model-santa2.style-sand {
      background-image: url(/images/hats/santa2_sand.png); }
    .character-container .character-hat.model-tophat1.style-sand,
    .character .character-hat.model-tophat1.style-sand {
      background-image: url(/images/hats/tophat1_sand.png); }
    .character-container .character-hat.model-tophat2.style-sand,
    .character .character-hat.model-tophat2.style-sand {
      background-image: url(/images/hats/tophat2_sand.png); }
    .character-container .character-hat.model-tophat3.style-sand,
    .character .character-hat.model-tophat3.style-sand {
      background-image: url(/images/hats/tophat3_sand.png); }
    .character-container .character-hat.model-viking.style-sand,
    .character .character-hat.model-viking.style-sand {
      background-image: url(/images/hats/viking_sand.png); }
    .character-container .character-hat.model-baseball.style-seafoam,
    .character .character-hat.model-baseball.style-seafoam {
      background-image: url(/images/hats/baseball_seafoam.png); }
    .character-container .character-hat.model-beach.style-seafoam,
    .character .character-hat.model-beach.style-seafoam {
      background-image: url(/images/hats/beach_seafoam.png); }
    .character-container .character-hat.model-beanie1.style-seafoam,
    .character .character-hat.model-beanie1.style-seafoam {
      background-image: url(/images/hats/beanie1_seafoam.png); }
    .character-container .character-hat.model-beanie2.style-seafoam,
    .character .character-hat.model-beanie2.style-seafoam {
      background-image: url(/images/hats/beanie2_seafoam.png); }
    .character-container .character-hat.model-beanie3.style-seafoam,
    .character .character-hat.model-beanie3.style-seafoam {
      background-image: url(/images/hats/beanie3_seafoam.png); }
    .character-container .character-hat.model-bowler1.style-seafoam,
    .character .character-hat.model-bowler1.style-seafoam {
      background-image: url(/images/hats/bowler1_seafoam.png); }
    .character-container .character-hat.model-bowler2.style-seafoam,
    .character .character-hat.model-bowler2.style-seafoam {
      background-image: url(/images/hats/bowler2_seafoam.png); }
    .character-container .character-hat.model-chef.style-seafoam,
    .character .character-hat.model-chef.style-seafoam {
      background-image: url(/images/hats/chef_seafoam.png); }
    .character-container .character-hat.model-cowboy1.style-seafoam,
    .character .character-hat.model-cowboy1.style-seafoam {
      background-image: url(/images/hats/cowboy1_seafoam.png); }
    .character-container .character-hat.model-cowboy2.style-seafoam,
    .character .character-hat.model-cowboy2.style-seafoam {
      background-image: url(/images/hats/cowboy2_seafoam.png); }
    .character-container .character-hat.model-cowboy3.style-seafoam,
    .character .character-hat.model-cowboy3.style-seafoam {
      background-image: url(/images/hats/cowboy3_seafoam.png); }
    .character-container .character-hat.model-porkpie.style-seafoam,
    .character .character-hat.model-porkpie.style-seafoam {
      background-image: url(/images/hats/porkpie_seafoam.png); }
    .character-container .character-hat.model-resized.style-seafoam,
    .character .character-hat.model-resized.style-seafoam {
      background-image: url(/images/hats/resized_seafoam.png); }
    .character-container .character-hat.model-sailor.style-seafoam,
    .character .character-hat.model-sailor.style-seafoam {
      background-image: url(/images/hats/sailor_seafoam.png); }
    .character-container .character-hat.model-santa1.style-seafoam,
    .character .character-hat.model-santa1.style-seafoam {
      background-image: url(/images/hats/santa1_seafoam.png); }
    .character-container .character-hat.model-santa2.style-seafoam,
    .character .character-hat.model-santa2.style-seafoam {
      background-image: url(/images/hats/santa2_seafoam.png); }
    .character-container .character-hat.model-tophat1.style-seafoam,
    .character .character-hat.model-tophat1.style-seafoam {
      background-image: url(/images/hats/tophat1_seafoam.png); }
    .character-container .character-hat.model-tophat2.style-seafoam,
    .character .character-hat.model-tophat2.style-seafoam {
      background-image: url(/images/hats/tophat2_seafoam.png); }
    .character-container .character-hat.model-tophat3.style-seafoam,
    .character .character-hat.model-tophat3.style-seafoam {
      background-image: url(/images/hats/tophat3_seafoam.png); }
    .character-container .character-hat.model-viking.style-seafoam,
    .character .character-hat.model-viking.style-seafoam {
      background-image: url(/images/hats/viking_seafoam.png); }
    .character-container .character-hat.model-baseball.style-speckles,
    .character .character-hat.model-baseball.style-speckles {
      background-image: url(/images/hats/baseball_speckles.png); }
    .character-container .character-hat.model-beach.style-speckles,
    .character .character-hat.model-beach.style-speckles {
      background-image: url(/images/hats/beach_speckles.png); }
    .character-container .character-hat.model-beanie1.style-speckles,
    .character .character-hat.model-beanie1.style-speckles {
      background-image: url(/images/hats/beanie1_speckles.png); }
    .character-container .character-hat.model-beanie2.style-speckles,
    .character .character-hat.model-beanie2.style-speckles {
      background-image: url(/images/hats/beanie2_speckles.png); }
    .character-container .character-hat.model-beanie3.style-speckles,
    .character .character-hat.model-beanie3.style-speckles {
      background-image: url(/images/hats/beanie3_speckles.png); }
    .character-container .character-hat.model-bowler1.style-speckles,
    .character .character-hat.model-bowler1.style-speckles {
      background-image: url(/images/hats/bowler1_speckles.png); }
    .character-container .character-hat.model-bowler2.style-speckles,
    .character .character-hat.model-bowler2.style-speckles {
      background-image: url(/images/hats/bowler2_speckles.png); }
    .character-container .character-hat.model-chef.style-speckles,
    .character .character-hat.model-chef.style-speckles {
      background-image: url(/images/hats/chef_speckles.png); }
    .character-container .character-hat.model-cowboy1.style-speckles,
    .character .character-hat.model-cowboy1.style-speckles {
      background-image: url(/images/hats/cowboy1_speckles.png); }
    .character-container .character-hat.model-cowboy2.style-speckles,
    .character .character-hat.model-cowboy2.style-speckles {
      background-image: url(/images/hats/cowboy2_speckles.png); }
    .character-container .character-hat.model-cowboy3.style-speckles,
    .character .character-hat.model-cowboy3.style-speckles {
      background-image: url(/images/hats/cowboy3_speckles.png); }
    .character-container .character-hat.model-porkpie.style-speckles,
    .character .character-hat.model-porkpie.style-speckles {
      background-image: url(/images/hats/porkpie_speckles.png); }
    .character-container .character-hat.model-resized.style-speckles,
    .character .character-hat.model-resized.style-speckles {
      background-image: url(/images/hats/resized_speckles.png); }
    .character-container .character-hat.model-sailor.style-speckles,
    .character .character-hat.model-sailor.style-speckles {
      background-image: url(/images/hats/sailor_speckles.png); }
    .character-container .character-hat.model-santa1.style-speckles,
    .character .character-hat.model-santa1.style-speckles {
      background-image: url(/images/hats/santa1_speckles.png); }
    .character-container .character-hat.model-santa2.style-speckles,
    .character .character-hat.model-santa2.style-speckles {
      background-image: url(/images/hats/santa2_speckles.png); }
    .character-container .character-hat.model-tophat1.style-speckles,
    .character .character-hat.model-tophat1.style-speckles {
      background-image: url(/images/hats/tophat1_speckles.png); }
    .character-container .character-hat.model-tophat2.style-speckles,
    .character .character-hat.model-tophat2.style-speckles {
      background-image: url(/images/hats/tophat2_speckles.png); }
    .character-container .character-hat.model-tophat3.style-speckles,
    .character .character-hat.model-tophat3.style-speckles {
      background-image: url(/images/hats/tophat3_speckles.png); }
    .character-container .character-hat.model-viking.style-speckles,
    .character .character-hat.model-viking.style-speckles {
      background-image: url(/images/hats/viking_speckles.png); }
    .character-container .character-hat.model-baseball.style-sprigs,
    .character .character-hat.model-baseball.style-sprigs {
      background-image: url(/images/hats/baseball_sprigs.png); }
    .character-container .character-hat.model-beach.style-sprigs,
    .character .character-hat.model-beach.style-sprigs {
      background-image: url(/images/hats/beach_sprigs.png); }
    .character-container .character-hat.model-beanie1.style-sprigs,
    .character .character-hat.model-beanie1.style-sprigs {
      background-image: url(/images/hats/beanie1_sprigs.png); }
    .character-container .character-hat.model-beanie2.style-sprigs,
    .character .character-hat.model-beanie2.style-sprigs {
      background-image: url(/images/hats/beanie2_sprigs.png); }
    .character-container .character-hat.model-beanie3.style-sprigs,
    .character .character-hat.model-beanie3.style-sprigs {
      background-image: url(/images/hats/beanie3_sprigs.png); }
    .character-container .character-hat.model-bowler1.style-sprigs,
    .character .character-hat.model-bowler1.style-sprigs {
      background-image: url(/images/hats/bowler1_sprigs.png); }
    .character-container .character-hat.model-bowler2.style-sprigs,
    .character .character-hat.model-bowler2.style-sprigs {
      background-image: url(/images/hats/bowler2_sprigs.png); }
    .character-container .character-hat.model-chef.style-sprigs,
    .character .character-hat.model-chef.style-sprigs {
      background-image: url(/images/hats/chef_sprigs.png); }
    .character-container .character-hat.model-cowboy1.style-sprigs,
    .character .character-hat.model-cowboy1.style-sprigs {
      background-image: url(/images/hats/cowboy1_sprigs.png); }
    .character-container .character-hat.model-cowboy2.style-sprigs,
    .character .character-hat.model-cowboy2.style-sprigs {
      background-image: url(/images/hats/cowboy2_sprigs.png); }
    .character-container .character-hat.model-cowboy3.style-sprigs,
    .character .character-hat.model-cowboy3.style-sprigs {
      background-image: url(/images/hats/cowboy3_sprigs.png); }
    .character-container .character-hat.model-porkpie.style-sprigs,
    .character .character-hat.model-porkpie.style-sprigs {
      background-image: url(/images/hats/porkpie_sprigs.png); }
    .character-container .character-hat.model-resized.style-sprigs,
    .character .character-hat.model-resized.style-sprigs {
      background-image: url(/images/hats/resized_sprigs.png); }
    .character-container .character-hat.model-sailor.style-sprigs,
    .character .character-hat.model-sailor.style-sprigs {
      background-image: url(/images/hats/sailor_sprigs.png); }
    .character-container .character-hat.model-santa1.style-sprigs,
    .character .character-hat.model-santa1.style-sprigs {
      background-image: url(/images/hats/santa1_sprigs.png); }
    .character-container .character-hat.model-santa2.style-sprigs,
    .character .character-hat.model-santa2.style-sprigs {
      background-image: url(/images/hats/santa2_sprigs.png); }
    .character-container .character-hat.model-tophat1.style-sprigs,
    .character .character-hat.model-tophat1.style-sprigs {
      background-image: url(/images/hats/tophat1_sprigs.png); }
    .character-container .character-hat.model-tophat2.style-sprigs,
    .character .character-hat.model-tophat2.style-sprigs {
      background-image: url(/images/hats/tophat2_sprigs.png); }
    .character-container .character-hat.model-tophat3.style-sprigs,
    .character .character-hat.model-tophat3.style-sprigs {
      background-image: url(/images/hats/tophat3_sprigs.png); }
    .character-container .character-hat.model-viking.style-sprigs,
    .character .character-hat.model-viking.style-sprigs {
      background-image: url(/images/hats/viking_sprigs.png); }
    .character-container .character-hat.model-baseball.style-stainless,
    .character .character-hat.model-baseball.style-stainless {
      background-image: url(/images/hats/baseball_stainless.png); }
    .character-container .character-hat.model-beach.style-stainless,
    .character .character-hat.model-beach.style-stainless {
      background-image: url(/images/hats/beach_stainless.png); }
    .character-container .character-hat.model-beanie1.style-stainless,
    .character .character-hat.model-beanie1.style-stainless {
      background-image: url(/images/hats/beanie1_stainless.png); }
    .character-container .character-hat.model-beanie2.style-stainless,
    .character .character-hat.model-beanie2.style-stainless {
      background-image: url(/images/hats/beanie2_stainless.png); }
    .character-container .character-hat.model-beanie3.style-stainless,
    .character .character-hat.model-beanie3.style-stainless {
      background-image: url(/images/hats/beanie3_stainless.png); }
    .character-container .character-hat.model-bowler1.style-stainless,
    .character .character-hat.model-bowler1.style-stainless {
      background-image: url(/images/hats/bowler1_stainless.png); }
    .character-container .character-hat.model-bowler2.style-stainless,
    .character .character-hat.model-bowler2.style-stainless {
      background-image: url(/images/hats/bowler2_stainless.png); }
    .character-container .character-hat.model-chef.style-stainless,
    .character .character-hat.model-chef.style-stainless {
      background-image: url(/images/hats/chef_stainless.png); }
    .character-container .character-hat.model-cowboy1.style-stainless,
    .character .character-hat.model-cowboy1.style-stainless {
      background-image: url(/images/hats/cowboy1_stainless.png); }
    .character-container .character-hat.model-cowboy2.style-stainless,
    .character .character-hat.model-cowboy2.style-stainless {
      background-image: url(/images/hats/cowboy2_stainless.png); }
    .character-container .character-hat.model-cowboy3.style-stainless,
    .character .character-hat.model-cowboy3.style-stainless {
      background-image: url(/images/hats/cowboy3_stainless.png); }
    .character-container .character-hat.model-porkpie.style-stainless,
    .character .character-hat.model-porkpie.style-stainless {
      background-image: url(/images/hats/porkpie_stainless.png); }
    .character-container .character-hat.model-resized.style-stainless,
    .character .character-hat.model-resized.style-stainless {
      background-image: url(/images/hats/resized_stainless.png); }
    .character-container .character-hat.model-sailor.style-stainless,
    .character .character-hat.model-sailor.style-stainless {
      background-image: url(/images/hats/sailor_stainless.png); }
    .character-container .character-hat.model-santa1.style-stainless,
    .character .character-hat.model-santa1.style-stainless {
      background-image: url(/images/hats/santa1_stainless.png); }
    .character-container .character-hat.model-santa2.style-stainless,
    .character .character-hat.model-santa2.style-stainless {
      background-image: url(/images/hats/santa2_stainless.png); }
    .character-container .character-hat.model-tophat1.style-stainless,
    .character .character-hat.model-tophat1.style-stainless {
      background-image: url(/images/hats/tophat1_stainless.png); }
    .character-container .character-hat.model-tophat2.style-stainless,
    .character .character-hat.model-tophat2.style-stainless {
      background-image: url(/images/hats/tophat2_stainless.png); }
    .character-container .character-hat.model-tophat3.style-stainless,
    .character .character-hat.model-tophat3.style-stainless {
      background-image: url(/images/hats/tophat3_stainless.png); }
    .character-container .character-hat.model-viking.style-stainless,
    .character .character-hat.model-viking.style-stainless {
      background-image: url(/images/hats/viking_stainless.png); }
    .character-container .character-hat.model-baseball.style-tile,
    .character .character-hat.model-baseball.style-tile {
      background-image: url(/images/hats/baseball_tile.png); }
    .character-container .character-hat.model-beach.style-tile,
    .character .character-hat.model-beach.style-tile {
      background-image: url(/images/hats/beach_tile.png); }
    .character-container .character-hat.model-beanie1.style-tile,
    .character .character-hat.model-beanie1.style-tile {
      background-image: url(/images/hats/beanie1_tile.png); }
    .character-container .character-hat.model-beanie2.style-tile,
    .character .character-hat.model-beanie2.style-tile {
      background-image: url(/images/hats/beanie2_tile.png); }
    .character-container .character-hat.model-beanie3.style-tile,
    .character .character-hat.model-beanie3.style-tile {
      background-image: url(/images/hats/beanie3_tile.png); }
    .character-container .character-hat.model-bowler1.style-tile,
    .character .character-hat.model-bowler1.style-tile {
      background-image: url(/images/hats/bowler1_tile.png); }
    .character-container .character-hat.model-bowler2.style-tile,
    .character .character-hat.model-bowler2.style-tile {
      background-image: url(/images/hats/bowler2_tile.png); }
    .character-container .character-hat.model-chef.style-tile,
    .character .character-hat.model-chef.style-tile {
      background-image: url(/images/hats/chef_tile.png); }
    .character-container .character-hat.model-cowboy1.style-tile,
    .character .character-hat.model-cowboy1.style-tile {
      background-image: url(/images/hats/cowboy1_tile.png); }
    .character-container .character-hat.model-cowboy2.style-tile,
    .character .character-hat.model-cowboy2.style-tile {
      background-image: url(/images/hats/cowboy2_tile.png); }
    .character-container .character-hat.model-cowboy3.style-tile,
    .character .character-hat.model-cowboy3.style-tile {
      background-image: url(/images/hats/cowboy3_tile.png); }
    .character-container .character-hat.model-porkpie.style-tile,
    .character .character-hat.model-porkpie.style-tile {
      background-image: url(/images/hats/porkpie_tile.png); }
    .character-container .character-hat.model-resized.style-tile,
    .character .character-hat.model-resized.style-tile {
      background-image: url(/images/hats/resized_tile.png); }
    .character-container .character-hat.model-sailor.style-tile,
    .character .character-hat.model-sailor.style-tile {
      background-image: url(/images/hats/sailor_tile.png); }
    .character-container .character-hat.model-santa1.style-tile,
    .character .character-hat.model-santa1.style-tile {
      background-image: url(/images/hats/santa1_tile.png); }
    .character-container .character-hat.model-santa2.style-tile,
    .character .character-hat.model-santa2.style-tile {
      background-image: url(/images/hats/santa2_tile.png); }
    .character-container .character-hat.model-tophat1.style-tile,
    .character .character-hat.model-tophat1.style-tile {
      background-image: url(/images/hats/tophat1_tile.png); }
    .character-container .character-hat.model-tophat2.style-tile,
    .character .character-hat.model-tophat2.style-tile {
      background-image: url(/images/hats/tophat2_tile.png); }
    .character-container .character-hat.model-tophat3.style-tile,
    .character .character-hat.model-tophat3.style-tile {
      background-image: url(/images/hats/tophat3_tile.png); }
    .character-container .character-hat.model-viking.style-tile,
    .character .character-hat.model-viking.style-tile {
      background-image: url(/images/hats/viking_tile.png); }
    .character-container .character-hat.model-baseball.style-wood,
    .character .character-hat.model-baseball.style-wood {
      background-image: url(/images/hats/baseball_wood.png); }
    .character-container .character-hat.model-beach.style-wood,
    .character .character-hat.model-beach.style-wood {
      background-image: url(/images/hats/beach_wood.png); }
    .character-container .character-hat.model-beanie1.style-wood,
    .character .character-hat.model-beanie1.style-wood {
      background-image: url(/images/hats/beanie1_wood.png); }
    .character-container .character-hat.model-beanie2.style-wood,
    .character .character-hat.model-beanie2.style-wood {
      background-image: url(/images/hats/beanie2_wood.png); }
    .character-container .character-hat.model-beanie3.style-wood,
    .character .character-hat.model-beanie3.style-wood {
      background-image: url(/images/hats/beanie3_wood.png); }
    .character-container .character-hat.model-bowler1.style-wood,
    .character .character-hat.model-bowler1.style-wood {
      background-image: url(/images/hats/bowler1_wood.png); }
    .character-container .character-hat.model-bowler2.style-wood,
    .character .character-hat.model-bowler2.style-wood {
      background-image: url(/images/hats/bowler2_wood.png); }
    .character-container .character-hat.model-chef.style-wood,
    .character .character-hat.model-chef.style-wood {
      background-image: url(/images/hats/chef_wood.png); }
    .character-container .character-hat.model-cowboy1.style-wood,
    .character .character-hat.model-cowboy1.style-wood {
      background-image: url(/images/hats/cowboy1_wood.png); }
    .character-container .character-hat.model-cowboy2.style-wood,
    .character .character-hat.model-cowboy2.style-wood {
      background-image: url(/images/hats/cowboy2_wood.png); }
    .character-container .character-hat.model-cowboy3.style-wood,
    .character .character-hat.model-cowboy3.style-wood {
      background-image: url(/images/hats/cowboy3_wood.png); }
    .character-container .character-hat.model-porkpie.style-wood,
    .character .character-hat.model-porkpie.style-wood {
      background-image: url(/images/hats/porkpie_wood.png); }
    .character-container .character-hat.model-resized.style-wood,
    .character .character-hat.model-resized.style-wood {
      background-image: url(/images/hats/resized_wood.png); }
    .character-container .character-hat.model-sailor.style-wood,
    .character .character-hat.model-sailor.style-wood {
      background-image: url(/images/hats/sailor_wood.png); }
    .character-container .character-hat.model-santa1.style-wood,
    .character .character-hat.model-santa1.style-wood {
      background-image: url(/images/hats/santa1_wood.png); }
    .character-container .character-hat.model-santa2.style-wood,
    .character .character-hat.model-santa2.style-wood {
      background-image: url(/images/hats/santa2_wood.png); }
    .character-container .character-hat.model-tophat1.style-wood,
    .character .character-hat.model-tophat1.style-wood {
      background-image: url(/images/hats/tophat1_wood.png); }
    .character-container .character-hat.model-tophat2.style-wood,
    .character .character-hat.model-tophat2.style-wood {
      background-image: url(/images/hats/tophat2_wood.png); }
    .character-container .character-hat.model-tophat3.style-wood,
    .character .character-hat.model-tophat3.style-wood {
      background-image: url(/images/hats/tophat3_wood.png); }
    .character-container .character-hat.model-viking.style-wood,
    .character .character-hat.model-viking.style-wood {
      background-image: url(/images/hats/viking_wood.png); }
  .character-container .head-0 .character-hat.model-baseball,
  .character .head-0 .character-hat.model-baseball {
    transform: translate3d(46%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-beach,
  .character .head-0 .character-hat.model-beach {
    transform: translate3d(46%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-beanie1,
  .character .head-0 .character-hat.model-beanie1 {
    transform: translate3d(52%, 24%, 0px) rotateZ(-10deg); }
  .character-container .head-0 .character-hat.model-beanie2,
  .character .head-0 .character-hat.model-beanie2 {
    transform: translate3d(52%, 24%, 0px) rotateZ(-10deg); }
  .character-container .head-0 .character-hat.model-beanie3,
  .character .head-0 .character-hat.model-beanie3 {
    transform: translate3d(52%, 24%, 0px) rotateZ(-10deg); }
  .character-container .head-0 .character-hat.model-bowler1,
  .character .head-0 .character-hat.model-bowler1 {
    transform: translate3d(47%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-bowler2,
  .character .head-0 .character-hat.model-bowler2 {
    transform: translate3d(47%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-chef,
  .character .head-0 .character-hat.model-chef {
    transform: translate3d(47%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-cowboy1,
  .character .head-0 .character-hat.model-cowboy1 {
    transform: translate3d(47%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-cowboy2,
  .character .head-0 .character-hat.model-cowboy2 {
    transform: translate3d(47%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-cowboy3,
  .character .head-0 .character-hat.model-cowboy3 {
    transform: translate3d(47%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-porkpie,
  .character .head-0 .character-hat.model-porkpie {
    transform: translate3d(47%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-sailor,
  .character .head-0 .character-hat.model-sailor {
    transform: translate3d(47%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-santa1,
  .character .head-0 .character-hat.model-santa1 {
    transform: translate3d(48%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-santa2,
  .character .head-0 .character-hat.model-santa2 {
    transform: translate3d(48%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-tophat1,
  .character .head-0 .character-hat.model-tophat1 {
    transform: translate3d(46%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-tophat2,
  .character .head-0 .character-hat.model-tophat2 {
    transform: translate3d(46%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-tophat3,
  .character .head-0 .character-hat.model-tophat3 {
    transform: translate3d(46%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-0 .character-hat.model-viking,
  .character .head-0 .character-hat.model-viking {
    transform: translate3d(51%, 23%, 0px) rotateZ(-7deg); }
  .character-container .head-1 .character-hat.model-baseball,
  .character .head-1 .character-hat.model-baseball {
    transform: translate3d(42%, 25%, 0px) rotateZ(2deg); }
  .character-container .head-1 .character-hat.model-beach,
  .character .head-1 .character-hat.model-beach {
    transform: translate3d(43%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-beanie1,
  .character .head-1 .character-hat.model-beanie1 {
    transform: translate3d(35%, 25%, 0px) rotateZ(15deg); }
  .character-container .head-1 .character-hat.model-beanie2,
  .character .head-1 .character-hat.model-beanie2 {
    transform: translate3d(35%, 25%, 0px) rotateZ(15deg); }
  .character-container .head-1 .character-hat.model-beanie3,
  .character .head-1 .character-hat.model-beanie3 {
    transform: translate3d(35%, 25%, 0px) rotateZ(15deg); }
  .character-container .head-1 .character-hat.model-bowler1,
  .character .head-1 .character-hat.model-bowler1 {
    transform: translate3d(44%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-bowler2,
  .character .head-1 .character-hat.model-bowler2 {
    transform: translate3d(44%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-chef,
  .character .head-1 .character-hat.model-chef {
    transform: translate3d(43%, 25%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-cowboy1,
  .character .head-1 .character-hat.model-cowboy1 {
    transform: translate3d(42%, 22%, 0px) rotateZ(3deg); }
  .character-container .head-1 .character-hat.model-cowboy2,
  .character .head-1 .character-hat.model-cowboy2 {
    transform: translate3d(42%, 22%, 0px) rotateZ(3deg); }
  .character-container .head-1 .character-hat.model-cowboy3,
  .character .head-1 .character-hat.model-cowboy3 {
    transform: translate3d(42%, 22%, 0px) rotateZ(3deg); }
  .character-container .head-1 .character-hat.model-porkpie,
  .character .head-1 .character-hat.model-porkpie {
    transform: translate3d(43%, 25%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-sailor,
  .character .head-1 .character-hat.model-sailor {
    transform: translate3d(44%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-santa1,
  .character .head-1 .character-hat.model-santa1 {
    transform: translate3d(44%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-santa2,
  .character .head-1 .character-hat.model-santa2 {
    transform: translate3d(44%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-1 .character-hat.model-tophat1,
  .character .head-1 .character-hat.model-tophat1 {
    transform: translate3d(39%, 23%, 0px) rotateZ(4deg); }
  .character-container .head-1 .character-hat.model-tophat2,
  .character .head-1 .character-hat.model-tophat2 {
    transform: translate3d(39%, 23%, 0px) rotateZ(4deg); }
  .character-container .head-1 .character-hat.model-tophat3,
  .character .head-1 .character-hat.model-tophat3 {
    transform: translate3d(39%, 23%, 0px) rotateZ(4deg); }
  .character-container .head-1 .character-hat.model-viking,
  .character .head-1 .character-hat.model-viking {
    transform: translate3d(43%, 25%, 0px) rotateZ(2deg); }
  .character-container .head-2 .character-hat.model-baseball,
  .character .head-2 .character-hat.model-baseball {
    transform: translate3d(43%, 20%, 0px) rotateZ(11deg); }
  .character-container .head-2 .character-hat.model-beach,
  .character .head-2 .character-hat.model-beach {
    transform: translate3d(42%, 18%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-beanie1,
  .character .head-2 .character-hat.model-beanie1 {
    transform: translate3d(40%, 20%, 0px) rotateZ(3deg); }
  .character-container .head-2 .character-hat.model-beanie2,
  .character .head-2 .character-hat.model-beanie2 {
    transform: translate3d(40%, 20%, 0px) rotateZ(3deg); }
  .character-container .head-2 .character-hat.model-beanie3,
  .character .head-2 .character-hat.model-beanie3 {
    transform: translate3d(40%, 20%, 0px) rotateZ(3deg); }
  .character-container .head-2 .character-hat.model-bowler1,
  .character .head-2 .character-hat.model-bowler1 {
    transform: translate3d(42%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-bowler2,
  .character .head-2 .character-hat.model-bowler2 {
    transform: translate3d(42%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-chef,
  .character .head-2 .character-hat.model-chef {
    transform: translate3d(43%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-cowboy1,
  .character .head-2 .character-hat.model-cowboy1 {
    transform: translate3d(41%, 17%, 0px) rotateZ(3deg); }
  .character-container .head-2 .character-hat.model-cowboy2,
  .character .head-2 .character-hat.model-cowboy2 {
    transform: translate3d(41%, 17%, 0px) rotateZ(3deg); }
  .character-container .head-2 .character-hat.model-cowboy3,
  .character .head-2 .character-hat.model-cowboy3 {
    transform: translate3d(41%, 17%, 0px) rotateZ(3deg); }
  .character-container .head-2 .character-hat.model-porkpie,
  .character .head-2 .character-hat.model-porkpie {
    transform: translate3d(42%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-sailor,
  .character .head-2 .character-hat.model-sailor {
    transform: translate3d(40%, 20%, 0px) rotateZ(-8deg); }
  .character-container .head-2 .character-hat.model-santa1,
  .character .head-2 .character-hat.model-santa1 {
    transform: translate3d(41%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-santa2,
  .character .head-2 .character-hat.model-santa2 {
    transform: translate3d(41%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-2 .character-hat.model-tophat1,
  .character .head-2 .character-hat.model-tophat1 {
    transform: translate3d(37%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-2 .character-hat.model-tophat2,
  .character .head-2 .character-hat.model-tophat2 {
    transform: translate3d(37%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-2 .character-hat.model-tophat3,
  .character .head-2 .character-hat.model-tophat3 {
    transform: translate3d(37%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-2 .character-hat.model-viking,
  .character .head-2 .character-hat.model-viking {
    transform: translate3d(40%, 19%, 0px) rotateZ(2deg); }
  .character-container .head-3 .character-hat.model-baseball,
  .character .head-3 .character-hat.model-baseball {
    transform: translate3d(34%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-beach,
  .character .head-3 .character-hat.model-beach {
    transform: translate3d(33%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-beanie1,
  .character .head-3 .character-hat.model-beanie1 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-beanie2,
  .character .head-3 .character-hat.model-beanie2 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-beanie3,
  .character .head-3 .character-hat.model-beanie3 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-bowler1,
  .character .head-3 .character-hat.model-bowler1 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-bowler2,
  .character .head-3 .character-hat.model-bowler2 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-chef,
  .character .head-3 .character-hat.model-chef {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-cowboy1,
  .character .head-3 .character-hat.model-cowboy1 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-cowboy2,
  .character .head-3 .character-hat.model-cowboy2 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-cowboy3,
  .character .head-3 .character-hat.model-cowboy3 {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-porkpie,
  .character .head-3 .character-hat.model-porkpie {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-sailor,
  .character .head-3 .character-hat.model-sailor {
    transform: translate3d(30%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-santa1,
  .character .head-3 .character-hat.model-santa1 {
    transform: translate3d(32%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-santa2,
  .character .head-3 .character-hat.model-santa2 {
    transform: translate3d(32%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-tophat1,
  .character .head-3 .character-hat.model-tophat1 {
    transform: translate3d(30%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-tophat2,
  .character .head-3 .character-hat.model-tophat2 {
    transform: translate3d(30%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-tophat3,
  .character .head-3 .character-hat.model-tophat3 {
    transform: translate3d(30%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-3 .character-hat.model-viking,
  .character .head-3 .character-hat.model-viking {
    transform: translate3d(30%, 2%, 0px) rotateZ(31deg); }
  .character-container .head-4 .character-hat.model-baseball,
  .character .head-4 .character-hat.model-baseball {
    transform: translate3d(42%, 25%, 0px) rotateZ(2deg); }
  .character-container .head-4 .character-hat.model-beach,
  .character .head-4 .character-hat.model-beach {
    transform: translate3d(43%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-beanie1,
  .character .head-4 .character-hat.model-beanie1 {
    transform: translate3d(42%, 22%, 0px) rotateZ(4deg); }
  .character-container .head-4 .character-hat.model-beanie2,
  .character .head-4 .character-hat.model-beanie2 {
    transform: translate3d(42%, 22%, 0px) rotateZ(4deg); }
  .character-container .head-4 .character-hat.model-beanie3,
  .character .head-4 .character-hat.model-beanie3 {
    transform: translate3d(42%, 22%, 0px) rotateZ(4deg); }
  .character-container .head-4 .character-hat.model-bowler1,
  .character .head-4 .character-hat.model-bowler1 {
    transform: translate3d(44%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-bowler2,
  .character .head-4 .character-hat.model-bowler2 {
    transform: translate3d(44%, 24%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-chef,
  .character .head-4 .character-hat.model-chef {
    transform: translate3d(43%, 25%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-cowboy1,
  .character .head-4 .character-hat.model-cowboy1 {
    transform: translate3d(42%, 22%, 0px) rotateZ(3deg); }
  .character-container .head-4 .character-hat.model-cowboy2,
  .character .head-4 .character-hat.model-cowboy2 {
    transform: translate3d(42%, 22%, 0px) rotateZ(3deg); }
  .character-container .head-4 .character-hat.model-cowboy3,
  .character .head-4 .character-hat.model-cowboy3 {
    transform: translate3d(42%, 22%, 0px) rotateZ(3deg); }
  .character-container .head-4 .character-hat.model-porkpie,
  .character .head-4 .character-hat.model-porkpie {
    transform: translate3d(43%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-sailor,
  .character .head-4 .character-hat.model-sailor {
    transform: translate3d(44%, 23%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-santa1,
  .character .head-4 .character-hat.model-santa1 {
    transform: translate3d(44%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-santa2,
  .character .head-4 .character-hat.model-santa2 {
    transform: translate3d(44%, 22%, 0px) rotateZ(0deg); }
  .character-container .head-4 .character-hat.model-tophat1,
  .character .head-4 .character-hat.model-tophat1 {
    transform: translate3d(40%, 22%, 0px) rotateZ(4deg); }
  .character-container .head-4 .character-hat.model-tophat2,
  .character .head-4 .character-hat.model-tophat2 {
    transform: translate3d(40%, 22%, 0px) rotateZ(4deg); }
  .character-container .head-4 .character-hat.model-tophat3,
  .character .head-4 .character-hat.model-tophat3 {
    transform: translate3d(40%, 22%, 0px) rotateZ(4deg); }
  .character-container .head-4 .character-hat.model-viking,
  .character .head-4 .character-hat.model-viking {
    transform: translate3d(43%, 23%, 0px) rotateZ(2deg); }
  .character-container .head-5 .character-hat.model-baseball,
  .character .head-5 .character-hat.model-baseball {
    transform: translate3d(44%, 21%, 0px) rotateZ(2deg); }
  .character-container .head-5 .character-hat.model-beach,
  .character .head-5 .character-hat.model-beach {
    transform: translate3d(44%, 19%, 0px) rotateZ(3deg); }
  .character-container .head-5 .character-hat.model-beanie1,
  .character .head-5 .character-hat.model-beanie1 {
    transform: translate3d(43%, 21%, 0px) rotateZ(4deg); }
  .character-container .head-5 .character-hat.model-beanie2,
  .character .head-5 .character-hat.model-beanie2 {
    transform: translate3d(43%, 21%, 0px) rotateZ(4deg); }
  .character-container .head-5 .character-hat.model-beanie3,
  .character .head-5 .character-hat.model-beanie3 {
    transform: translate3d(43%, 21%, 0px) rotateZ(4deg); }
  .character-container .head-5 .character-hat.model-bowler1,
  .character .head-5 .character-hat.model-bowler1 {
    transform: translate3d(46%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-bowler2,
  .character .head-5 .character-hat.model-bowler2 {
    transform: translate3d(46%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-chef,
  .character .head-5 .character-hat.model-chef {
    transform: translate3d(46%, 21%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-cowboy1,
  .character .head-5 .character-hat.model-cowboy1 {
    transform: translate3d(44%, 20%, 0px) rotateZ(3deg); }
  .character-container .head-5 .character-hat.model-cowboy2,
  .character .head-5 .character-hat.model-cowboy2 {
    transform: translate3d(44%, 20%, 0px) rotateZ(3deg); }
  .character-container .head-5 .character-hat.model-cowboy3,
  .character .head-5 .character-hat.model-cowboy3 {
    transform: translate3d(44%, 20%, 0px) rotateZ(3deg); }
  .character-container .head-5 .character-hat.model-porkpie,
  .character .head-5 .character-hat.model-porkpie {
    transform: translate3d(45%, 21%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-sailor,
  .character .head-5 .character-hat.model-sailor {
    transform: translate3d(47%, 21%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-santa1,
  .character .head-5 .character-hat.model-santa1 {
    transform: translate3d(45%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-santa2,
  .character .head-5 .character-hat.model-santa2 {
    transform: translate3d(45%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-5 .character-hat.model-tophat1,
  .character .head-5 .character-hat.model-tophat1 {
    transform: translate3d(42%, 20%, 0px) rotateZ(4deg); }
  .character-container .head-5 .character-hat.model-tophat2,
  .character .head-5 .character-hat.model-tophat2 {
    transform: translate3d(42%, 20%, 0px) rotateZ(4deg); }
  .character-container .head-5 .character-hat.model-tophat3,
  .character .head-5 .character-hat.model-tophat3 {
    transform: translate3d(42%, 20%, 0px) rotateZ(4deg); }
  .character-container .head-5 .character-hat.model-viking,
  .character .head-5 .character-hat.model-viking {
    transform: translate3d(44%, 21%, 0px) rotateZ(2deg); }
  .character-container .head-6 .character-hat.model-baseball,
  .character .head-6 .character-hat.model-baseball {
    transform: translate3d(40%, 19%, 0px) rotateZ(2deg); }
  .character-container .head-6 .character-hat.model-beach,
  .character .head-6 .character-hat.model-beach {
    transform: translate3d(40%, 16%, 0px) rotateZ(3deg); }
  .character-container .head-6 .character-hat.model-beanie1,
  .character .head-6 .character-hat.model-beanie1 {
    transform: translate3d(39%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-6 .character-hat.model-beanie2,
  .character .head-6 .character-hat.model-beanie2 {
    transform: translate3d(39%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-6 .character-hat.model-beanie3,
  .character .head-6 .character-hat.model-beanie3 {
    transform: translate3d(39%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-6 .character-hat.model-bowler1,
  .character .head-6 .character-hat.model-bowler1 {
    transform: translate3d(42%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-bowler2,
  .character .head-6 .character-hat.model-bowler2 {
    transform: translate3d(42%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-chef,
  .character .head-6 .character-hat.model-chef {
    transform: translate3d(42%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-cowboy1,
  .character .head-6 .character-hat.model-cowboy1 {
    transform: translate3d(39%, 18%, 0px) rotateZ(3deg); }
  .character-container .head-6 .character-hat.model-cowboy2,
  .character .head-6 .character-hat.model-cowboy2 {
    transform: translate3d(39%, 18%, 0px) rotateZ(3deg); }
  .character-container .head-6 .character-hat.model-cowboy3,
  .character .head-6 .character-hat.model-cowboy3 {
    transform: translate3d(39%, 18%, 0px) rotateZ(3deg); }
  .character-container .head-6 .character-hat.model-porkpie,
  .character .head-6 .character-hat.model-porkpie {
    transform: translate3d(41%, 20%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-sailor,
  .character .head-6 .character-hat.model-sailor {
    transform: translate3d(40%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-santa1,
  .character .head-6 .character-hat.model-santa1 {
    transform: translate3d(42%, 18%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-santa2,
  .character .head-6 .character-hat.model-santa2 {
    transform: translate3d(42%, 18%, 0px) rotateZ(0deg); }
  .character-container .head-6 .character-hat.model-tophat1,
  .character .head-6 .character-hat.model-tophat1 {
    transform: translate3d(38%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-6 .character-hat.model-tophat2,
  .character .head-6 .character-hat.model-tophat2 {
    transform: translate3d(38%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-6 .character-hat.model-tophat3,
  .character .head-6 .character-hat.model-tophat3 {
    transform: translate3d(38%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-6 .character-hat.model-viking,
  .character .head-6 .character-hat.model-viking {
    transform: translate3d(41%, 19%, 0px) rotateZ(2deg); }
  .character-container .head-7 .character-hat.model-baseball,
  .character .head-7 .character-hat.model-baseball {
    transform: translate3d(48%, 7%, 0px) rotateZ(-14deg); }
  .character-container .head-7 .character-hat.model-beach,
  .character .head-7 .character-hat.model-beach {
    transform: translate3d(35%, 6%, 0px) rotateZ(22deg); }
  .character-container .head-7 .character-hat.model-beanie1,
  .character .head-7 .character-hat.model-beanie1 {
    transform: translate3d(44%, 8%, 0px) rotateZ(-9deg); }
  .character-container .head-7 .character-hat.model-beanie2,
  .character .head-7 .character-hat.model-beanie2 {
    transform: translate3d(44%, 8%, 0px) rotateZ(-9deg); }
  .character-container .head-7 .character-hat.model-beanie3,
  .character .head-7 .character-hat.model-beanie3 {
    transform: translate3d(44%, 8%, 0px) rotateZ(-9deg); }
  .character-container .head-7 .character-hat.model-bowler1,
  .character .head-7 .character-hat.model-bowler1 {
    transform: translate3d(30%, 6%, 0px) rotateZ(31deg); }
  .character-container .head-7 .character-hat.model-bowler2,
  .character .head-7 .character-hat.model-bowler2 {
    transform: translate3d(30%, 6%, 0px) rotateZ(31deg); }
  .character-container .head-7 .character-hat.model-chef,
  .character .head-7 .character-hat.model-chef {
    transform: translate3d(26%, 7%, 0px) rotateZ(31deg); }
  .character-container .head-7 .character-hat.model-cowboy1,
  .character .head-7 .character-hat.model-cowboy1 {
    transform: translate3d(33%, 4%, 0px) rotateZ(26deg); }
  .character-container .head-7 .character-hat.model-cowboy2,
  .character .head-7 .character-hat.model-cowboy2 {
    transform: translate3d(33%, 4%, 0px) rotateZ(26deg); }
  .character-container .head-7 .character-hat.model-cowboy3,
  .character .head-7 .character-hat.model-cowboy3 {
    transform: translate3d(33%, 4%, 0px) rotateZ(26deg); }
  .character-container .head-7 .character-hat.model-porkpie,
  .character .head-7 .character-hat.model-porkpie {
    transform: translate3d(37%, 7%, 0px) rotateZ(18deg); }
  .character-container .head-7 .character-hat.model-sailor,
  .character .head-7 .character-hat.model-sailor {
    transform: translate3d(48%, 9%, 0px) rotateZ(-9deg); }
  .character-container .head-7 .character-hat.model-santa1,
  .character .head-7 .character-hat.model-santa1 {
    transform: translate3d(44%, 6%, 0px) rotateZ(-4deg); }
  .character-container .head-7 .character-hat.model-santa2,
  .character .head-7 .character-hat.model-santa2 {
    transform: translate3d(44%, 6%, 0px) rotateZ(-4deg); }
  .character-container .head-7 .character-hat.model-tophat1,
  .character .head-7 .character-hat.model-tophat1 {
    transform: translate3d(28%, 6%, 0px) rotateZ(31deg); }
  .character-container .head-7 .character-hat.model-tophat2,
  .character .head-7 .character-hat.model-tophat2 {
    transform: translate3d(28%, 6%, 0px) rotateZ(31deg); }
  .character-container .head-7 .character-hat.model-tophat3,
  .character .head-7 .character-hat.model-tophat3 {
    transform: translate3d(28%, 6%, 0px) rotateZ(31deg); }
  .character-container .head-7 .character-hat.model-viking,
  .character .head-7 .character-hat.model-viking {
    transform: translate3d(30%, 7%, 0px) rotateZ(27deg); }
  .character-container .head-8 .character-hat.model-baseball,
  .character .head-8 .character-hat.model-baseball {
    transform: translate3d(44%, 7%, 0px) rotateZ(-4deg); }
  .character-container .head-8 .character-hat.model-beach,
  .character .head-8 .character-hat.model-beach {
    transform: translate3d(39%, 9%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-beanie1,
  .character .head-8 .character-hat.model-beanie1 {
    transform: translate3d(42%, 11%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-beanie2,
  .character .head-8 .character-hat.model-beanie2 {
    transform: translate3d(42%, 11%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-beanie3,
  .character .head-8 .character-hat.model-beanie3 {
    transform: translate3d(42%, 11%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-bowler1,
  .character .head-8 .character-hat.model-bowler1 {
    transform: translate3d(46%, 11%, 0px) rotateZ(-7deg); }
  .character-container .head-8 .character-hat.model-bowler2,
  .character .head-8 .character-hat.model-bowler2 {
    transform: translate3d(46%, 11%, 0px) rotateZ(-7deg); }
  .character-container .head-8 .character-hat.model-chef,
  .character .head-8 .character-hat.model-chef {
    transform: translate3d(46%, 11%, 0px) rotateZ(-7deg); }
  .character-container .head-8 .character-hat.model-cowboy1,
  .character .head-8 .character-hat.model-cowboy1 {
    transform: translate3d(42%, 11%, 0px) rotateZ(0deg); }
  .character-container .head-8 .character-hat.model-cowboy2,
  .character .head-8 .character-hat.model-cowboy2 {
    transform: translate3d(42%, 11%, 0px) rotateZ(0deg); }
  .character-container .head-8 .character-hat.model-cowboy3,
  .character .head-8 .character-hat.model-cowboy3 {
    transform: translate3d(42%, 11%, 0px) rotateZ(0deg); }
  .character-container .head-8 .character-hat.model-porkpie,
  .character .head-8 .character-hat.model-porkpie {
    transform: translate3d(42%, 11%, 0px) rotateZ(0deg); }
  .character-container .head-8 .character-hat.model-sailor,
  .character .head-8 .character-hat.model-sailor {
    transform: translate3d(42%, 11%, 0px) rotateZ(0deg); }
  .character-container .head-8 .character-hat.model-santa1,
  .character .head-8 .character-hat.model-santa1 {
    transform: translate3d(46%, 9%, 0px) rotateZ(-3deg); }
  .character-container .head-8 .character-hat.model-santa2,
  .character .head-8 .character-hat.model-santa2 {
    transform: translate3d(46%, 9%, 0px) rotateZ(-3deg); }
  .character-container .head-8 .character-hat.model-tophat1,
  .character .head-8 .character-hat.model-tophat1 {
    transform: translate3d(41%, 10%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-tophat2,
  .character .head-8 .character-hat.model-tophat2 {
    transform: translate3d(41%, 10%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-tophat3,
  .character .head-8 .character-hat.model-tophat3 {
    transform: translate3d(41%, 10%, 0px) rotateZ(1deg); }
  .character-container .head-8 .character-hat.model-viking,
  .character .head-8 .character-hat.model-viking {
    transform: translate3d(43%, 9%, 0px) rotateZ(1deg); }
  .character-container .head-9 .character-hat.model-baseball,
  .character .head-9 .character-hat.model-baseball {
    transform: translate3d(44%, 7%, 0px) rotateZ(-4deg); }
  .character-container .head-9 .character-hat.model-beach,
  .character .head-9 .character-hat.model-beach {
    transform: translate3d(38%, 7%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-beanie1,
  .character .head-9 .character-hat.model-beanie1 {
    transform: translate3d(38%, 8%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-beanie2,
  .character .head-9 .character-hat.model-beanie2 {
    transform: translate3d(38%, 8%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-beanie3,
  .character .head-9 .character-hat.model-beanie3 {
    transform: translate3d(38%, 8%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-bowler1,
  .character .head-9 .character-hat.model-bowler1 {
    transform: translate3d(39%, 7%, 0px) rotateZ(-1deg); }
  .character-container .head-9 .character-hat.model-bowler2,
  .character .head-9 .character-hat.model-bowler2 {
    transform: translate3d(39%, 7%, 0px) rotateZ(-1deg); }
  .character-container .head-9 .character-hat.model-chef,
  .character .head-9 .character-hat.model-chef {
    transform: translate3d(37%, 8%, 0px) rotateZ(2deg); }
  .character-container .head-9 .character-hat.model-cowboy1,
  .character .head-9 .character-hat.model-cowboy1 {
    transform: translate3d(36%, 6%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-cowboy2,
  .character .head-9 .character-hat.model-cowboy2 {
    transform: translate3d(36%, 6%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-cowboy3,
  .character .head-9 .character-hat.model-cowboy3 {
    transform: translate3d(36%, 6%, 0px) rotateZ(4deg); }
  .character-container .head-9 .character-hat.model-porkpie,
  .character .head-9 .character-hat.model-porkpie {
    transform: translate3d(37%, 8%, 0px) rotateZ(1deg); }
  .character-container .head-9 .character-hat.model-sailor,
  .character .head-9 .character-hat.model-sailor {
    transform: translate3d(37%, 9%, 0px) rotateZ(-19deg); }
  .character-container .head-9 .character-hat.model-santa1,
  .character .head-9 .character-hat.model-santa1 {
    transform: translate3d(37%, 6%, 0px) rotateZ(0deg); }
  .character-container .head-9 .character-hat.model-santa2,
  .character .head-9 .character-hat.model-santa2 {
    transform: translate3d(37%, 6%, 0px) rotateZ(0deg); }
  .character-container .head-9 .character-hat.model-tophat1,
  .character .head-9 .character-hat.model-tophat1 {
    transform: translate3d(35%, 7%, 0px) rotateZ(3deg); }
  .character-container .head-9 .character-hat.model-tophat2,
  .character .head-9 .character-hat.model-tophat2 {
    transform: translate3d(35%, 7%, 0px) rotateZ(3deg); }
  .character-container .head-9 .character-hat.model-tophat3,
  .character .head-9 .character-hat.model-tophat3 {
    transform: translate3d(35%, 7%, 0px) rotateZ(3deg); }
  .character-container .head-9 .character-hat.model-viking,
  .character .head-9 .character-hat.model-viking {
    transform: translate3d(35%, 7%, 0px) rotateZ(3deg); }
  .character-container .head-10 .character-hat.model-baseball,
  .character .head-10 .character-hat.model-baseball {
    transform: translate3d(40%, 19%, 0px) rotateZ(2deg); }
  .character-container .head-10 .character-hat.model-beach,
  .character .head-10 .character-hat.model-beach {
    transform: translate3d(40%, 16%, 0px) rotateZ(3deg); }
  .character-container .head-10 .character-hat.model-beanie1,
  .character .head-10 .character-hat.model-beanie1 {
    transform: translate3d(39%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-10 .character-hat.model-beanie2,
  .character .head-10 .character-hat.model-beanie2 {
    transform: translate3d(39%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-10 .character-hat.model-beanie3,
  .character .head-10 .character-hat.model-beanie3 {
    transform: translate3d(39%, 19%, 0px) rotateZ(4deg); }
  .character-container .head-10 .character-hat.model-bowler1,
  .character .head-10 .character-hat.model-bowler1 {
    transform: translate3d(40%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-10 .character-hat.model-bowler2,
  .character .head-10 .character-hat.model-bowler2 {
    transform: translate3d(40%, 19%, 0px) rotateZ(0deg); }
  .character-container .head-10 .character-hat.model-chef,
  .character .head-10 .character-hat.model-chef {
    transform: translate3d(40%, 18%, 0px) rotateZ(0deg); }
  .character-container .head-10 .character-hat.model-cowboy1,
  .character .head-10 .character-hat.model-cowboy1 {
    transform: translate3d(39%, 18%, 0px) rotateZ(3deg); }
  .character-container .head-10 .character-hat.model-cowboy2,
  .character .head-10 .character-hat.model-cowboy2 {
    transform: translate3d(39%, 18%, 0px) rotateZ(3deg); }
  .character-container .head-10 .character-hat.model-cowboy3,
  .character .head-10 .character-hat.model-cowboy3 {
    transform: translate3d(39%, 18%, 0px) rotateZ(3deg); }
  .character-container .head-10 .character-hat.model-porkpie,
  .character .head-10 .character-hat.model-porkpie {
    transform: translate3d(40%, 18%, 0px) rotateZ(0deg); }
  .character-container .head-10 .character-hat.model-sailor,
  .character .head-10 .character-hat.model-sailor {
    transform: translate3d(40%, 18%, 0px) rotateZ(2deg); }
  .character-container .head-10 .character-hat.model-santa1,
  .character .head-10 .character-hat.model-santa1 {
    transform: translate3d(40%, 16%, 0px) rotateZ(1deg); }
  .character-container .head-10 .character-hat.model-santa2,
  .character .head-10 .character-hat.model-santa2 {
    transform: translate3d(40%, 16%, 0px) rotateZ(1deg); }
  .character-container .head-10 .character-hat.model-tophat1,
  .character .head-10 .character-hat.model-tophat1 {
    transform: translate3d(36%, 17%, 0px) rotateZ(4deg); }
  .character-container .head-10 .character-hat.model-tophat2,
  .character .head-10 .character-hat.model-tophat2 {
    transform: translate3d(36%, 17%, 0px) rotateZ(4deg); }
  .character-container .head-10 .character-hat.model-tophat3,
  .character .head-10 .character-hat.model-tophat3 {
    transform: translate3d(36%, 17%, 0px) rotateZ(4deg); }
  .character-container .head-10 .character-hat.model-viking,
  .character .head-10 .character-hat.model-viking {
    transform: translate3d(38%, 17%, 0px) rotateZ(3deg); }
  .character-container .head-11 .character-hat.model-baseball,
  .character .head-11 .character-hat.model-baseball {
    transform: translate3d(37%, 0%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-beach,
  .character .head-11 .character-hat.model-beach {
    transform: translate3d(34%, 1%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-beanie1,
  .character .head-11 .character-hat.model-beanie1 {
    transform: translate3d(64%, 6%, 0px) rotateZ(-52deg); }
  .character-container .head-11 .character-hat.model-beanie2,
  .character .head-11 .character-hat.model-beanie2 {
    transform: translate3d(64%, 6%, 0px) rotateZ(-52deg); }
  .character-container .head-11 .character-hat.model-beanie3,
  .character .head-11 .character-hat.model-beanie3 {
    transform: translate3d(64%, 6%, 0px) rotateZ(-52deg); }
  .character-container .head-11 .character-hat.model-bowler1,
  .character .head-11 .character-hat.model-bowler1 {
    transform: translate3d(57%, 5%, 0px) rotateZ(-9deg); }
  .character-container .head-11 .character-hat.model-bowler2,
  .character .head-11 .character-hat.model-bowler2 {
    transform: translate3d(57%, 5%, 0px) rotateZ(-9deg); }
  .character-container .head-11 .character-hat.model-chef,
  .character .head-11 .character-hat.model-chef {
    transform: translate3d(34%, 1%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-cowboy1,
  .character .head-11 .character-hat.model-cowboy1 {
    transform: translate3d(34%, 0%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-cowboy2,
  .character .head-11 .character-hat.model-cowboy2 {
    transform: translate3d(34%, 0%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-cowboy3,
  .character .head-11 .character-hat.model-cowboy3 {
    transform: translate3d(34%, 0%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-porkpie,
  .character .head-11 .character-hat.model-porkpie {
    transform: translate3d(34%, 0%, 0px) rotateZ(44deg); }
  .character-container .head-11 .character-hat.model-sailor,
  .character .head-11 .character-hat.model-sailor {
    transform: translate3d(34%, 0%, 0px) rotateZ(47deg); }
  .character-container .head-11 .character-hat.model-santa1,
  .character .head-11 .character-hat.model-santa1 {
    transform: translate3d(39%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-11 .character-hat.model-santa2,
  .character .head-11 .character-hat.model-santa2 {
    transform: translate3d(39%, 3%, 0px) rotateZ(31deg); }
  .character-container .head-11 .character-hat.model-tophat1,
  .character .head-11 .character-hat.model-tophat1 {
    transform: translate3d(48%, 5%, 0px) rotateZ(4deg); }
  .character-container .head-11 .character-hat.model-tophat2,
  .character .head-11 .character-hat.model-tophat2 {
    transform: translate3d(48%, 5%, 0px) rotateZ(4deg); }
  .character-container .head-11 .character-hat.model-tophat3,
  .character .head-11 .character-hat.model-tophat3 {
    transform: translate3d(48%, 5%, 0px) rotateZ(4deg); }
  .character-container .head-11 .character-hat.model-viking,
  .character .head-11 .character-hat.model-viking {
    transform: translate3d(30%, 0%, 0px) rotateZ(48deg); }

.view-registration .character-hat {
  transition: transform .5s ease-out; }

.view-registration .a-wild-missingno-appears img {
  width: 100%;
  height: 100%; }

.ui-layer.gamemode-ctf {
  z-index: 1; }
  .ui-layer.gamemode-ctf .badge {
    position: absolute;
    transform-style: preserve-3d;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: black !important;
    transition: 0.75s cubic-bezier(0.3, 0.6, 0.13, 0.99);
    top: 0%; }
    .ui-layer.gamemode-ctf .badge a.badge-goback {
      opacity: 0;
      pointer-events: none; }
    .ui-layer.gamemode-ctf .badge .token-admin {
      border: 1px solid #ff000042;
      padding: 1ch;
      display: grid;
      grid-template-columns: 2fr 1fr;
      position: absolute;
      background: white;
      right: 0px;
      top: 0px; }
    .ui-layer.gamemode-ctf .badge > .badge-contents {
      align-self: center;
      width: 100%;
      height: 100%;
      z-index: 2;
      position: relative;
      background: #060606;
      background: -moz-linear-gradient(top, #060606 0%, #000000 100%);
      background: -webkit-linear-gradient(top, #060606 0%, #000000 100%);
      background: linear-gradient(to bottom, #060606 0%, #000000 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#000000',GradientType=0 ); }
      .ui-layer.gamemode-ctf .badge > .badge-contents .custom-tag-btn {
        margin: 1ch 0;
        display: block; }
      .ui-layer.gamemode-ctf .badge > .badge-contents h1 {
        color: #017700; }
      .ui-layer.gamemode-ctf .badge > .badge-contents button {
        color: black !important;
        border: 1px solid black !important;
        background: #ebebeb;
        padding: 1ch; }
      .ui-layer.gamemode-ctf .badge > .badge-contents > iframe {
        width: 100%;
        height: 100%;
        border: 0; }
      .ui-layer.gamemode-ctf .badge > .badge-contents p.ch-chat {
        padding: 1ch;
        background: #ebebeb;
        font-style: italic;
        border-radius: 8px;
        font-size: 1em !important; }
      .ui-layer.gamemode-ctf .badge > .badge-contents .narrative-bit p strong {
        color: #035f1c !important; }
      .ui-layer.gamemode-ctf .badge > .badge-contents code {
        color: #3a8b49 !important; }
      .ui-layer.gamemode-ctf .badge > .badge-contents .lcd {
        background-image: none;
        background-color: white;
        transition: background-color .25s;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        color: black !important;
        text-shadow: none;
        font: unset;
        display: grid;
        grid-template-columns: 220px 1fr;
        grid-template-rows: 1.75rem 1fr;
        grid-gap: 2ch;
        border: none; }
        .ui-layer.gamemode-ctf .badge > .badge-contents .lcd ::selection {
          background: black !important;
          color: white !important;
          text-shadow: none !important; }
        .ui-layer.gamemode-ctf .badge > .badge-contents .lcd .badge-nav {
          padding-top: 7ch;
          background: #005f0c;
          color: white; }
          .ui-layer.gamemode-ctf .badge > .badge-contents .lcd .badge-nav a {
            color: white !important; }
        .ui-layer.gamemode-ctf .badge > .badge-contents .lcd .section a {
          color: black !important;
          border-bottom: 1px dashed #12a700;
          padding: 1ch 1ch 1ch 0ch; }
        .ui-layer.gamemode-ctf .badge > .badge-contents .lcd.narrative .section.content.narrative .narrative-bit p em {
          color: #034f17 !important; }
        .ui-layer.gamemode-ctf .badge > .badge-contents .lcd .section.content div.badge-item.selected {
          padding: 1ch 3ch 2ch 0ch; }

.badge {
  position: absolute;
  transform-style: preserve-3d;
  transform: translate3d(0px, 0px, 0px);
  z-index: 99999;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  transition: 0.75s cubic-bezier(0.3, 0.6, 0.13, 0.99);
  top: 0%;
  /* FPO */ }
  .badge .badge-overlay {
    pointer-events: all;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    cursor: unset; }
  .badge > .badge-contents {
    align-self: center;
    width: 800px;
    height: 600px;
    z-index: 2;
    position: relative;
    background: #060606;
    background: -moz-linear-gradient(top, #060606 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #060606 0%, #000000 100%);
    background: linear-gradient(to bottom, #060606 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#000000',GradientType=0 ); }
    .badge > .badge-contents > iframe {
      width: 100%;
      height: 100%;
      border: 0; }
  .badge code {
    color: #aff8ff;
    box-sizing: border-box;
    border: 1px solid #ffffff2b;
    padding: 0px 5px; }
  .badge .lcd {
    background-image: radial-gradient(transparent, black 120%);
    background-color: var(--lcd-background);
    transition: background-color .25s;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    color: white;
    font: 1.0rem Inconsolata, monospace;
    text-shadow: 0 0 5px rgba(200, 200, 200, 0.45);
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-template-rows: 1.75rem 1fr;
    border: 2px solid rgba(255, 255, 255, 0.14); }
    .badge .lcd.home {
      --lcd-background: rgba(150, 0, 0, 0.75); }
    .badge .lcd.narrative {
      --lcd-background: rgba(36, 41, 44, 0.75); }
    .badge .lcd.objective {
      --lcd-background: rgba(24, 68, 148, 0.75); }
    .badge .lcd.conversation {
      --lcd-background: rgba(37, 63, 53, .75); }
    .badge .lcd.map {
      --lcd-background: rgba(190, 122, 241, 0.75); }
    .badge .lcd.hint {
      --lcd-background: rgba(0, 150, 0, 0.75); }
    .badge .lcd.talk {
      --lcd-background: rgba(165, 1, 56, 0.75); }
    .badge .lcd.hat {
      --lcd-background: rgba(129, 78, 11, 0.75); }
    .badge .lcd.item {
      --lcd-background: rgba(129, 78, 11, 0.75); }
    .badge .lcd.setting {
      --lcd-background: rgba(70, 109, 116, 0.75); }
    .badge .lcd.teleport {
      --lcd-background: rgba(97, 200, 204, 0.75); }
    .badge .lcd.achievement {
      --lcd-background: rgba(101, 103, 12, 0.75); }
      .badge .lcd.achievement div.badge-item.selected {
        transition: background 1s; }
        .badge .lcd.achievement div.badge-item.selected p {
          padding-right: 16ch; }
        .badge .lcd.achievement div.badge-item.selected .tweet-button {
          position: absolute;
          right: 2ch;
          top: 4ch;
          color: #67afeb !important; }
          .badge .lcd.achievement div.badge-item.selected .tweet-button:before {
            content: '';
            position: absolute;
            width: 30px;
            height: 30px;
            background: url(/images/twitter-large.png) no-repeat;
            background-size: contain;
            left: -39px;
            top: -6px; }
    .badge .lcd::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px);
      pointer-events: none; }
    .badge .lcd ::selection {
      background: white;
      color: #001f00 !important;
      text-shadow: none; }
    .badge .lcd .badge-nav {
      grid-row: 1 / end;
      border-right: 2px solid rgba(255, 255, 255, 0.14);
      padding-top: 2ch; }
      .badge .lcd .badge-nav h2 {
        border-bottom: 2px solid rgba(255, 255, 255, 0.14);
        padding: 1rem;
        margin-top: .25em; }
    .badge .lcd .badge-nav a {
      display: block;
      line-height: 2.4rem;
      text-align: left;
      text-decoration: none;
      color: white;
      font-weight: bold;
      position: relative;
      padding-left: 2ch; }
      .badge .lcd .badge-nav a.active {
        text-shadow: none; }
        .badge .lcd .badge-nav a.active:after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background: rgba(255, 255, 255, 0.14); }
    .badge .lcd .badge-goback {
      grid-row: 1;
      grid-column: 2;
      line-height: 1.75rem;
      padding-left: 3ch;
      text-decoration: none;
      font-size: .8rem;
      text-transform: uppercase;
      background: rgba(255, 255, 255, 0.288);
      color: white; }
    .badge .lcd.home .your-score {
      border: 1px dashed;
      padding: 2ch;
      border-radius: 24px; }
    .badge .lcd.home .badge-home {
      text-align: center;
      padding: 4ch; }
      .badge .lcd.home .badge-home ul {
        list-style: none;
        padding: 0 0 0 88px;
        margin: 3ch 0;
        font-size: 1.25em;
        text-align: left; }
        .badge .lcd.home .badge-home ul li {
          margin-bottom: 1ch;
          font-weight: bold; }
          .badge .lcd.home .badge-home ul li em {
            margin-left: 1ch;
            color: #22df42; }
      .badge .lcd.home .badge-home .game-mode-settings h3 {
        margin-bottom: 0;
        margin-top: 5ch; }
      .badge .lcd.home .badge-home .game-mode-settings button.mode-button {
        padding: 1ch;
        display: inline-block !important;
        margin-right: 2ch !important;
        cursor: pointer; }
        .badge .lcd.home .badge-home .game-mode-settings button.mode-button.active {
          background: #c1efc1; }
      .badge .lcd.home .badge-home button {
        display: block;
        margin: 0 auto;
        margin-top: 0px;
        font-size: 16px;
        margin-top: 3ch; }
      .badge .lcd.home .badge-home p a {
        color: #fff8b8; }
    .badge .lcd.home .badge-goback {
      display: none; }
    .badge .lcd .section {
      font-size: .9rem;
      overflow-y: auto;
      overflow-x: hidden; }
      .badge .lcd .section.content {
        grid-column: 2;
        position: relative; }
        .badge .lcd .section.content.map {
          background: white; }
          .badge .lcd .section.content.map .fy1-map {
            position: relative; }
            .badge .lcd .section.content.map .fy1-map .player-icon {
              background: url(/images/player-icon.png) no-repeat;
              background-position: bottom center;
              width: 59px;
              height: 57px;
              position: absolute; }
            .badge .lcd .section.content.map .fy1-map .fy1-map-image {
              background: url(/images/maps/act1.jpg) no-repeat;
              background-size: 100%;
              background-position: 0 0;
              width: 547px;
              height: 404px;
              margin: 48px 10px; }
        .badge .lcd .section.content.section.objective.objCloudRing > .badge-item.selected {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content.section.objective.objCloudRing.token-aws201_completed > .badge-item.selected {
          background: url(/images/rings/cloud_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content a.test.regular-link.objCloudRing {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.token-aws201_completed a.test.regular-link.objCloudRing {
          background: url(/images/rings/cloud_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.section.objective.objTolkienRing > .badge-item.selected {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content.section.objective.objTolkienRing.token-suricata_completed > .badge-item.selected {
          background: url(/images/rings/tolkien_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content a.test.regular-link.objTolkienRing {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.token-suricata_completed a.test.regular-link.objTolkienRing {
          background: url(/images/rings/tolkien_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.section.objective.objElfenRing > .badge-item.selected {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content.section.objective.objElfenRing.token-objCicd_completed > .badge-item.selected {
          background: url(/images/rings/elfen_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content a.test.regular-link.objElfenRing {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.token-objCicd_completed a.test.regular-link.objElfenRing {
          background: url(/images/rings/elfen_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.section.objective.objWebRing > .badge-item.selected {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content.section.objective.objWebRing.token-objMirror_completed > .badge-item.selected {
          background: url(/images/rings/web_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 0px !important; }
        .badge .lcd .section.content a.test.regular-link.objWebRing {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.token-objMirror_completed a.test.regular-link.objWebRing {
          background: url(/images/rings/web_ring.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.section.objective.objBROFRing > .badge-item.selected {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 50px !important; }
        .badge .lcd .section.content.section.objective.objBROFRing.token-bsrs_completed > .badge-item.selected {
          background: url(/images/rings/brof.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 170px !important;
          background-position: 379px 50px !important; }
        .badge .lcd .section.content a.test.regular-link.objBROFRing {
          background: url(/images/rings/lost.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content.token-bsrs_completed a.test.regular-link.objBROFRing {
          background: url(/images/rings/brof.png) no-repeat rgba(255, 255, 255, 0.14) !important;
          background-size: 60px !important;
          background-position: 436px 4px !important; }
        .badge .lcd .section.content i.is-completed {
          opacity: .6;
          transition: all 1s; }
        .badge .lcd .section.content > a {
          color: white;
          font-size: 1.2rem;
          display: block;
          line-height: 1.4rem;
          text-align: left;
          text-decoration: none;
          color: white;
          font-weight: bold;
          position: relative;
          padding: 1ch 1ch 1ch 2ch;
          transition: background 1s; }
          .badge .lcd .section.content > a em.source {
            display: block;
            margin-top: .25rem;
            font-size: .75rem; }
          .badge .lcd .section.content > a .checkmark {
            display: inline-block;
            margin-bottom: -4px;
            margin-right: 6px; }
          .badge .lcd .section.content > a.completed i.is-completed {
            opacity: 1;
            color: #69e463 !important; }
        .badge .lcd .section.content h3.no-hats {
          text-align: center;
          margin: 6em; }
        .badge .lcd .section.content .badge-hat {
          text-align: center; }
          .badge .lcd .section.content .badge-hat img.hero {
            margin: -20px 0px -50px 0; }
        .badge .lcd .section.content.home {
          grid-row: 1 / end; }
        .badge .lcd .section.content.token > a {
          font-size: .8em; }
        .badge .lcd .section.content.setting h2 {
          margin: 30px 0 10px 20px; }
        .badge .lcd .section.content.setting .settings-list .game-mode-settings button {
          background: lightgray;
          font-size: 1.2em;
          padding: .75ch 2ch;
          margin-right: 1ch; }
        .badge .lcd .section.content.setting .settings-list .audio-settings,
        .badge .lcd .section.content.setting .settings-list .game-mode-settings {
          padding: 0.25ch 0 0 2.6ch; }
        .badge .lcd .section.content.setting .settings-list button {
          text-align: left;
          background: none;
          font-size: 1.3em;
          padding: 1ch 0 0 2ch; }
        .badge .lcd .section.content.teleport {
          padding: 4ch;
          text-align: center; }
          .badge .lcd .section.content.teleport .tunnel {
            position: absolute;
            background: none;
            border: 1px solid white;
            color: white;
            cursor: pointer;
            padding: 1ch; }
            .badge .lcd .section.content.teleport .tunnel[disabled] {
              color: #616161;
              border: 1px solid #616161;
              font-style: italic; }
            .badge .lcd .section.content.teleport .tunnel.netwars {
              top: 110px;
              left: 247px; }
            .badge .lcd .section.content.teleport .tunnel.talkslobby {
              top: 170px;
              left: 230px; }
            .badge .lcd .section.content.teleport .tunnel.workshop {
              top: 230px;
              left: 149px; }
            .badge .lcd .section.content.teleport .tunnel.wrappingroom {
              top: 230px;
              left: 336px; }
            .badge .lcd .section.content.teleport .tunnel.courtyard {
              top: 290px;
              left: 238px; }
            .badge .lcd .section.content.teleport .tunnel.kitchen {
              top: 350px;
              left: 245px; }
            .badge .lcd .section.content.teleport .tunnel.greatroom {
              top: 410px;
              left: 336px; }
            .badge .lcd .section.content.teleport .tunnel.diningroom {
              top: 410px;
              left: 132px; }
            .badge .lcd .section.content.teleport .tunnel.entry {
              top: 470px;
              left: 255px; }
        .badge .lcd .section.content.steamtunnel {
          padding: 4ch;
          text-align: center;
          background-image: url(/images/tunnelmap.png);
          background-position: 10px 0px;
          background-repeat: no-repeat; }
          .badge .lcd .section.content.steamtunnel .tunnel {
            position: absolute;
            background: none;
            border: 1px solid white;
            color: white; }
            .badge .lcd .section.content.steamtunnel .tunnel[disabled] {
              color: #616161;
              border: 1px solid #616161;
              font-style: italic; }
            .badge .lcd .section.content.steamtunnel .tunnel.trainstation {
              left: 105px;
              top: 356px; }
            .badge .lcd .section.content.steamtunnel .tunnel.quad {
              left: 214px;
              top: 168px; }
            .badge .lcd .section.content.steamtunnel .tunnel.hermeyhall {
              left: 13px;
              top: 185px; }
            .badge .lcd .section.content.steamtunnel .tunnel.dorm {
              left: 469px;
              top: 250px; }
            .badge .lcd .section.content.steamtunnel .tunnel.studentunion {
              left: 145px;
              top: 38px; }
            .badge .lcd .section.content.steamtunnel .tunnel.steamtunnels {
              left: 270px;
              top: 480px; }
        .badge .lcd .section.content.narrative {
          padding: 4ch;
          text-align: center; }
          .badge .lcd .section.content.narrative .placeholder {
            width: 100%;
            margin: 1ch 0ch;
            color: transparent;
            padding: 1ch;
            text-shadow: 0 0 15px rgba(200, 200, 200, 0.45);
            text-align: center;
            user-select: none; }
        .badge .lcd .section.content.item .item-gameboy1 button,
        .badge .lcd .section.content.item .item-gameboy2 button,
        .badge .lcd .section.content.item .item-gameboy3 button {
          padding: 1ch;
          margin: 2ch 0; }
        .badge .lcd .section.content.item .item-proxmark button {
          padding: 1ch;
          margin-bottom: 2ch; }
        .badge .lcd .section.content.item img.hero {
          width: 75px;
          float: left;
          margin-right: 2ch;
          margin-top: 1ch; }
        .badge .lcd .section.content .narrative-bit p strong {
          display: block;
          font-size: 2em;
          margin: 1ch;
          color: yellow; }
        .badge .lcd .section.content .narrative-bit p em {
          color: #bff9ff; }
        .badge .lcd .section.content .button.act-teleport-btn {
          padding: 1ch 3ch;
          font-weight: bold;
          margin: 1ch; }
        .badge .lcd .section.content.objective a i {
          opacity: .15;
          position: relative; }
          .badge .lcd .section.content.objective a i.is-skipped {
            opacity: .75;
            position: relative;
            color: #ddba00; }
          .badge .lcd .section.content.objective a i.is-bronze {
            opacity: 1;
            color: #b77763; }
            .badge .lcd .section.content.objective a i.is-bronze::after {
              content: 'bronze'; }
          .badge .lcd .section.content.objective a i.is-silver {
            opacity: 1;
            color: silver; }
            .badge .lcd .section.content.objective a i.is-silver::after {
              content: 'silver'; }
          .badge .lcd .section.content.objective a i.is-gold {
            opacity: 1;
            color: gold; }
            .badge .lcd .section.content.objective a i.is-gold::after {
              content: 'gold'; }
          .badge .lcd .section.content.objective a i::after {
            content: '';
            position: absolute;
            font-family: Arial;
            text-transform: uppercase;
            font-size: 8px;
            top: 20px;
            left: -15px;
            text-align: center;
            display: block;
            width: 51px; }
        .badge .lcd .section.content div.badge-item.objective h2 i {
          opacity: .15;
          position: relative; }
          .badge .lcd .section.content div.badge-item.objective h2 i.is-skipped {
            opacity: .75;
            position: relative;
            color: #ddba00; }
          .badge .lcd .section.content div.badge-item.objective h2 i.is-bronze {
            opacity: 1;
            color: #b77763; }
            .badge .lcd .section.content div.badge-item.objective h2 i.is-bronze::after {
              content: 'bronze'; }
          .badge .lcd .section.content div.badge-item.objective h2 i.is-silver {
            opacity: 1;
            color: silver; }
            .badge .lcd .section.content div.badge-item.objective h2 i.is-silver::after {
              content: 'silver'; }
          .badge .lcd .section.content div.badge-item.objective h2 i.is-gold {
            opacity: 1;
            color: gold; }
            .badge .lcd .section.content div.badge-item.objective h2 i.is-gold::after {
              content: 'gold'; }
          .badge .lcd .section.content div.badge-item.objective h2 i::after {
            content: '';
            position: absolute;
            font-family: Arial;
            text-transform: uppercase;
            font-size: 8px;
            top: 20px;
            left: -15px;
            text-align: center;
            display: block;
            width: 51px; }
        .badge .lcd .section.content div.badge-item.selected {
          padding: 1ch 3ch 2ch 2ch;
          background: rgba(255, 255, 255, 0.14);
          position: relative; }
          .badge .lcd .section.content div.badge-item.selected a {
            color: #fffed9; }
          .badge .lcd .section.content div.badge-item.selected > h2 {
            margin: 1ch 0 1ch 0ch; }
          .badge .lcd .section.content div.badge-item.selected p {
            font-size: 1rem; }
          .badge .lcd .section.content div.badge-item.selected em.difficulty i {
            font-size: 1.1em;
            letter-spacing: .2rem; }
          .badge .lcd .section.content div.badge-item.selected.objective.completed h2 i.is-completed {
            opacity: 1;
            color: #69e463 !important; }
          .badge .lcd .section.content div.badge-item.selected > .badge-item.selected {
            background: none;
            padding: 1ch 2ch 1ch 1ch; }
            .badge .lcd .section.content div.badge-item.selected > .badge-item.selected h2 {
              font-size: 1.1rem;
              margin: 1ch 0 1ch 1ch; }
            .badge .lcd .section.content div.badge-item.selected > .badge-item.selected .checkmark {
              left: -9px;
              top: 18px;
              transform: scale(0.9) rotate(45deg); }
            .badge .lcd .section.content div.badge-item.selected > .badge-item.selected .difficulty {
              margin-left: 1ch; }
          .badge .lcd .section.content div.badge-item.selected .convo-track {
            margin-bottom: 2ch;
            border-bottom: 1px dashed; }
        .badge .lcd .section.content hr {
          border: 1px dashed rgba(255, 255, 255, 0.14);
          margin: 1ch -1ch; }
  .badge .answer-input .challenge-answer-input {
    width: 70%;
    font-size: 1em;
    padding: .3em; }
  .badge .answer-input button {
    border: 1px solid white;
    background: none;
    color: white;
    text-shadow: none;
    font-size: 1em;
    padding: .3em;
    width: 30%; }
  .badge .answer-input .feedback {
    margin-top: 1ch; }
  .badge .badge-item.token.selected .token-admin {
    position: absolute;
    left: -10px; }
  .badge .token-admin.token-list.elclasses {
    grid-template-columns: 1fr; }
  .badge button.bulkRemove {
    margin-bottom: 1ch; }
  .badge select.tokenlist {
    width: 552px;
    height: 400px; }
  .badge .token-admin {
    border: 1px solid #ff0000b3;
    padding: 1ch;
    display: grid;
    grid-template-columns: 2fr 1fr; }
    .badge .token-admin.hidden {
      display: none; }
    .badge .token-admin h4 {
      margin: 1ch 0 0 0;
      grid-column: span 2; }
      .badge .token-admin h4:nth-child(1) {
        margin: 0; }
    .badge .token-admin button {
      border: 1px solid white;
      background: none;
      color: white;
      text-shadow: none; }
    .badge .token-admin.grant-token {
      grid-column: span 5; }
    .badge .token-admin .besanta-button {
      margin-top: 1ch;
      background: #a71313 !important; }
    .badge .token-admin .dont-besanta-button {
      margin-top: 1ch;
      color: #a71313 !important;
      background: white !important; }
  .badge .hot-cookies {
    color: red; }
  .badge .checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 23px;
    top: 22px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg); }
    .badge .checkmark .checkmark_circle {
      position: absolute;
      width: 22px;
      height: 22px;
      background-color: rgba(136, 208, 136, 0.490196);
      border-radius: 11px;
      left: 0;
      top: 0; }
    .badge .checkmark .checkmark_stem {
      position: absolute;
      width: 3px;
      height: 9px;
      background-color: #fff;
      left: 11px;
      top: 6px; }
    .badge .checkmark .checkmark_kick {
      position: absolute;
      width: 3px;
      height: 3px;
      background-color: #fff;
      left: 8px;
      top: 12px; }

.hhc-game-elements {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: "game" "bar";
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  z-index: 1; }
  .hhc-game-elements .area-name {
    position: absolute;
    bottom: 0px;
    width: 100%;
    pointer-events: none;
    text-align: center;
    color: white;
    font-size: 3em;
    z-index: 9001;
    padding-bottom: 2ch;
    font-family: 'Pacifico', cursive;
    text-shadow: 2px 2px 3px black; }
  .hhc-game-elements .player-world {
    position: fixed;
    z-index: 999999;
    color: black;
    font-family: monospace;
    font-size: 12px;
    padding: 0 6px;
    background: #fbfbfba3; }
  .hhc-game-elements.hide-chat {
    grid-template-columns: 1fr;
    grid-template-areas: "game" "bar"; }
    .hhc-game-elements.hide-chat .chat-parent {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 42px; }
      .hhc-game-elements.hide-chat .chat-parent .settings.help-btn {
        border-bottom-left-radius: 10px; }
      .hhc-game-elements.hide-chat .chat-parent > select {
        display: none; }
      .hhc-game-elements.hide-chat .chat-parent div.chat-list {
        display: none; }
    .hhc-game-elements.hide-chat .discord-link {
      display: none; }
  .hhc-game-elements.gamemode-ctf {
    pointer-events: none;
    z-index: 2; }
    .hhc-game-elements.gamemode-ctf .chat-parent {
      pointer-events: all; }

@media screen and (max-width: 900px) {
  .hhc-game-elements {
    flex-direction: column; }
    .hhc-game-elements .chat-parent {
      min-width: 100%;
      height: 35%;
      border-top: 2px solid black; } }

iframe.sea-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none; }

.viewport .ent.player {
  width: 100px;
  height: 200px;
  top: -189px;
  left: -50px;
  pointer-events: none; }
  .viewport .ent.player.walking .character-container {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01);
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: playerWalk;
    animation-duration: 0.3s; }
  .viewport .ent.player.walking .shadow {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: shadowWalk; }
  .viewport .ent.player.walking.alt .character-container {
    animation-name: playerWalk2; }
  .viewport .ent.player .player-username {
    width: 200%;
    height: 1px;
    text-align: center;
    top: -15px;
    left: -50%;
    font-size: 13px;
    position: absolute;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
    transform-origin: bottom;
    transform: rotateX(30deg);
    border: 1px solid rgba(0, 0, 0, 0); }
  .viewport .ent.player.concierge .character-container .character-legs .character-torso .character-head {
    background-image: url(/images/avatars/concierge_head_100.png); }
  .viewport .ent.player.concierge .player-username {
    color: #fffa55 !important; }
    .viewport .ent.player.concierge .player-username:after {
      content: attr(data-username);
      width: 200%;
      height: 1px;
      text-align: center;
      top: 0px;
      left: -50%;
      font-size: 13px;
      position: absolute;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
      transform-origin: bottom;
      border: 1px solid rgba(0, 0, 0, 0);
      color: black;
      -webkit-text-stroke: 1px black;
      z-index: -1; }
  .viewport .ent.player.me .player-username {
    color: #fdffcc; }
  .viewport .ent.player.me.besanta .player-username {
    display: none; }
  .viewport .ent.player.me.besanta .character-container {
    width: 200px;
    height: 230px;
    background-image: url(/images/avatars/santa.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(-40px, -42px, 0px); }
    .viewport .ent.player.me.besanta .character-container .player-badge {
      background-image: url(/images/santa_badge.png);
      margin-left: -18px;
      margin-top: 52px; }
    .viewport .ent.player.me.besanta .character-container img {
      display: none; }
  .viewport .ent.player.me.besanta.walking .character-container {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01);
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: santaWalk;
    animation-duration: 0.3s; }
  .viewport .ent.player.me.besanta.walking.alt .character-container {
    animation-name: santaWalk2; }
  .viewport .ent.player.me.besanta .shadow {
    transform: translate3d(6px, -46px, 4px) rotateX(-90deg); }
  .viewport .ent.player .shadow {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    background-image: url(/images/avatars/shadow.png);
    background-repeat: no-repeat;
    transform: translate3d(5px, -45px, 0px) rotateX(-90deg);
    top: 188px;
    background-size: contain;
    opacity: .4; }
  .viewport .ent.player .badge-anchor {
    position: absolute; }
  .viewport .ent.player .player-badge {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(/images/badge/badge_base.png);
    background-repeat: no-repeat;
    pointer-events: all;
    cursor: pointer;
    margin-left: -12px;
    margin-top: 2px;
    display: none; }
    .viewport .ent.player .player-badge > span {
      position: absolute; }
  .viewport .ent.player .character-container {
    z-index: -33333; }
    .viewport .ent.player .character-container .character-legs {
      background-image: url(/images/avatars/legs_100.png); }
      .viewport .ent.player .character-container .character-legs .character-torso {
        background-image: url(/images/avatars/torso_100.png); }
        .viewport .ent.player .character-container .character-legs .character-torso .character-head {
          background-image: url(/images/avatars/head_100.png); }
          .viewport .ent.player .character-container .character-legs .character-torso .character-head .character-eyes {
            background-image: url(/images/avatars/eyes_100.png); }
          .viewport .ent.player .character-container .character-legs .character-torso .character-head .character-mouth {
            background-image: url(/images/avatars/mouth_100.png); }

.viewport .walking {
  transition-property: transform;
  transition-timing-function: linear; }
  .viewport .walking.ortho {
    transition-duration: 0.3s; }
  .viewport .walking.diag {
    transition-duration: 0.5s; }

@keyframes santaWalk {
  from, to {
    transform: translate3d(-40px, -42px, 0px);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translate3d(-40px, -62px, 0px);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes santaWalk2 {
  from, to {
    transform: translate3d(-40px, -42px, 0px);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translate3d(-40px, -62px, 0px);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes playerWalk {
  from, to {
    transform: translateY(0px);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translateY(-20px);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes playerWalk2 {
  from, to {
    transform: translateY(0px);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translateY(-20px);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes shadowWalk {
  from, to {
    opacity: .4;
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    opacity: .1;
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

.viewport.token-haveABadge .player-badge {
  display: block !important; }

.viewport .ent.npc {
  pointer-events: all; }
  .viewport .ent.npc .zpos {
    width: 100px;
    height: 200px;
    top: -189px;
    left: -50px;
    pointer-events: all; }
  .viewport .ent.npc .npc-username {
    width: 200%;
    height: 24px;
    text-align: center;
    top: -15px;
    left: -50%;
    font-size: 13px;
    position: absolute;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
    transform: rotateX(22deg);
    color: lightgreen;
    cursor: pointer; }
  .viewport .ent.npc .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf15.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.npc-santayard .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-santayard .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-santayard .zpos .npc-avatar {
      width: 200px;
      height: 230px;
      background-image: url(/images/avatars/santa.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(-40px, -42px, 0px); }
    .viewport .ent.npc.npc-santayard .zpos .shadow {
      transform: translate3d(-6px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 123px;
      height: 110px; }
  .viewport .ent.npc.npc-santacastle .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-santacastle .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-santacastle .zpos .npc-avatar {
      width: 200px;
      height: 230px;
      background-image: url(/images/avatars/santa.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(-40px, -42px, 0px); }
    .viewport .ent.npc.npc-santacastle .zpos .shadow {
      transform: translate3d(-6px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 123px;
      height: 110px; }
  .viewport .ent.npc.npc-santa-balcony .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-santa-balcony .zpos .npc-username {
      width: 113px; }
    .viewport .ent.npc.npc-santa-balcony .zpos .npc-avatar {
      width: 200px;
      height: 230px;
      background-image: url(/images/avatars/santa.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(-40px, -42px, 0px); }
    .viewport .ent.npc.npc-santa-balcony .zpos .shadow {
      transform: translate3d(6px, -46px, 4px) rotateX(-90deg); }
  .viewport .ent.npc.npc-santa-lastroom .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-santa-lastroom .zpos .npc-username {
      width: 113px; }
    .viewport .ent.npc.npc-santa-lastroom .zpos .npc-avatar {
      width: 200px;
      height: 230px;
      background-image: url(/images/avatars/santa.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(-40px, -42px, 0px); }
    .viewport .ent.npc.npc-santa-lastroom .zpos .shadow {
      transform: translate3d(6px, -46px, 4px) rotateX(-90deg); }
  .viewport .ent.npc.npc-rosemold .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-rosemold .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-rosemold .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/cc8865507f09442daec3eaacbb3f7049.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-rosemold .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-grimymctrollkins .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-grimymctrollkins .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-grimymctrollkins .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/fc51f4dfc51b40ae99a5b7838657db80.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-grimymctrollkins .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-greasygopherguts .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-greasygopherguts .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-greasygopherguts .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/92a9a5a076264d268896920154b488e7.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-greasygopherguts .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-crunchysquishter .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-crunchysquishter .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-crunchysquishter .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/35a7d3683f964507b4a1e6b174357239.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-crunchysquishter .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-stinkyfootbunyun .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-stinkyfootbunyun .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-stinkyfootbunyun .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/52c3181b6aef4c2b9cf468789d203762.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-stinkyfootbunyun .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-noxiousodor .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-noxiousodor .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-noxiousodor .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/337d5cd344d14111bc17d10054fb41a7.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-noxiousodor .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-ickymcgoop .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-ickymcgoop .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-ickymcgoop .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/1202dcd2ccc24c599bda051209b1b5f4.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-ickymcgoop .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-grodygoiterson .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-grodygoiterson .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-grodygoiterson .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/474a823dfd9a47a594b83245e57c43fa.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-grodygoiterson .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-halitosis .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-halitosis .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-halitosis .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/aed891b1eeb94716af8b995cb5255eaa.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-halitosis .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-numbychilblain .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-numbychilblain .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-numbychilblain .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/aea3414c05da44768630e70b21908fda.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-numbychilblain .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-pattronizer .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-pattronizer .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-pattronizer .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/b4aec3c2ba3341d28225a8432534a590.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-pattronizer .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-icysickles .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-icysickles .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-icysickles .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/5743e20cb55d4d83821bf3af1cf642f9.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-icysickles .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-colletdtaxes .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-colletdtaxes .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-colletdtaxes .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/8887ea64a82e4b019c6222183ee974d6.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-colletdtaxes .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-hubrisselfington .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-hubrisselfington .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-hubrisselfington .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/b17392a4474c45bdb08a5c0036e3efff.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-hubrisselfington .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-rubycyster .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-rubycyster .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-rubycyster .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/b958d32adc7040429b0254d323baf446.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-rubycyster .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-ingretatude .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-ingretatude .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-ingretatude .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/d4c4dcd5f8784f9bb484f93b6146b505.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-ingretatude .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-erinfection .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-erinfection .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-erinfection .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/e9e5b7cb573f44f28c4d0291c58486c0.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-erinfection .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-buttercup .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-buttercup .zpos .npc-username {
      width: 108px; }
    .viewport .ent.npc.npc-buttercup .zpos .npc-avatar {
      width: 88px;
      height: 170px;
      background-image: url(/images/avatars/trolls/8cf69b0ce8ba414e8f7741dddb785626.png);
      background-repeat: no-repeat;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(10px, 32px, 0px); }
    .viewport .ent.npc.npc-buttercup .zpos .shadow {
      transform: translate3d(3px, -55px, 4px) rotateX(-90deg);
      background-size: 100%;
      width: 101px;
      height: 103px; }
  .viewport .ent.npc.npc-snowrog .zpos {
    width: initial;
    height: initial; }
    .viewport .ent.npc.npc-snowrog .zpos .npc-username {
      display: none; }
    .viewport .ent.npc.npc-snowrog .zpos .npc-avatar {
      width: 338px;
      height: 370px;
      background: none;
      cursor: pointer;
      margin-top: 11px;
      transform: translate3d(-150px, -88px, -70px) rotateX(-90deg) !important; }
  .viewport .ent.npc.npc-callingbird1 .npc-username {
    width: 88%;
    top: 98px;
    left: 26%; }
  .viewport .ent.npc.npc-callingbird1 .npc-avatar {
    width: 60px;
    height: 60px;
    background-image: url(/images/avatars/bird1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(44px, 123px, 0px); }
  .viewport .ent.npc.npc-callingbird1 .shadow {
    transform: translate3d(42px, -45px, -17px) rotateX(-90deg);
    opacity: .2;
    width: 110px;
    height: 90px;
    background-size: 56%; }
  .viewport .ent.npc.npc-callingbird2 .npc-username {
    width: 88%;
    top: 98px;
    left: 26%; }
  .viewport .ent.npc.npc-callingbird2 .npc-avatar {
    width: 60px;
    height: 60px;
    background-image: url(/images/avatars/bird2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(44px, 123px, 0px); }
  .viewport .ent.npc.npc-callingbird2 .shadow {
    transform: translate3d(42px, -45px, -17px) rotateX(-90deg);
    opacity: .2;
    width: 110px;
    height: 90px;
    background-size: 56%; }
  .viewport .ent.npc.npc-callingbird3 .npc-username {
    width: 88%;
    top: 98px;
    left: 26%; }
  .viewport .ent.npc.npc-callingbird3 .npc-avatar {
    width: 60px;
    height: 60px;
    background-image: url(/images/avatars/bird3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(44px, 123px, 0px); }
  .viewport .ent.npc.npc-callingbird3 .shadow {
    transform: translate3d(42px, -45px, -17px) rotateX(-90deg);
    opacity: .2;
    width: 110px;
    height: 90px;
    background-size: 56%; }
  .viewport .ent.npc.npc-callingbird4 .npc-username {
    width: 88%;
    top: 98px;
    left: 26%; }
  .viewport .ent.npc.npc-callingbird4 .npc-avatar {
    width: 60px;
    height: 60px;
    background-image: url(/images/avatars/bird4.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(44px, 123px, 0px); }
  .viewport .ent.npc.npc-callingbird4 .shadow {
    transform: translate3d(42px, -45px, -17px) rotateX(-90deg);
    opacity: .2;
    width: 110px;
    height: 90px;
    background-size: 56%; }
  .viewport .ent.npc.npc-cyberus .npc-username {
    width: 88%;
    top: 35px;
    left: 26%; }
  .viewport .ent.npc.npc-cyberus .npc-avatar {
    width: 126px;
    height: 120px;
    background-image: url(/images/avatars/cyberus.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-7px, 39px, 0px); }
  .viewport .ent.npc.npc-cyberus .shadow {
    transform: translate3d(10px, -39px, 11px) rotateX(-90deg);
    opacity: .2;
    width: 150px;
    height: 74px;
    background-size: 56%; }
  .viewport .ent.npc.npc-goosechristmas .npc-username, .viewport .ent.npc.npc-goosechristmas2 .npc-username {
    width: 120%;
    top: 37px;
    left: -12%; }
  .viewport .ent.npc.npc-goosechristmas .npc-avatar, .viewport .ent.npc.npc-goosechristmas2 .npc-avatar {
    width: 66px;
    height: 90px;
    background-image: url(/images/avatars/geese/goose-christmas.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(10px, 90px, 0px); }
  .viewport .ent.npc.npc-goosechristmas .shadow, .viewport .ent.npc.npc-goosechristmas2 .shadow {
    transform: translate3d(7px, -35px, 10px) rotateX(-90deg);
    background-size: 100%;
    width: 85px;
    height: 65px; }
  .viewport .ent.npc.npc-goosemisfit .npc-username {
    width: 130%;
    top: 40px;
    left: -12%; }
  .viewport .ent.npc.npc-goosemisfit .npc-avatar {
    width: 59px;
    height: 90px;
    background-image: url(/images/avatars/geese/goose-misfit.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(20px, 90px, 0px); }
  .viewport .ent.npc.npc-goosemisfit .shadow {
    transform: translate3d(8px, -35px, 10px) rotateX(-90deg);
    background-size: 100%;
    width: 85px;
    height: 65px; }
  .viewport .ent.npc.npc-goosenoir .npc-username {
    width: 100%;
    top: 58px;
    left: 0%; }
  .viewport .ent.npc.npc-goosenoir .npc-avatar {
    width: 62px;
    height: 70px;
    background-image: url(/images/avatars/geese/goose-noir.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(21px, 109px, 0px); }
  .viewport .ent.npc.npc-goosenoir .shadow {
    transform: translate3d(15px, -35px, 10px) rotateX(-90deg);
    background-size: 100%;
    width: 85px;
    height: 65px; }
  .viewport .ent.npc.npc-goosepixel .npc-username {
    width: 100%;
    top: 40px;
    left: -12%; }
  .viewport .ent.npc.npc-goosepixel .npc-avatar {
    width: 74px;
    height: 90px;
    background-image: url(/images/avatars/geese/goose-pixel.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(10px, 90px, 0px); }
  .viewport .ent.npc.npc-goosepixel .shadow {
    transform: translate3d(8px, -35px, 10px) rotateX(-90deg);
    background-size: 100%;
    width: 85px;
    height: 65px; }
  .viewport .ent.npc.npc-goosesteampunk .npc-username {
    width: 120%;
    top: 40px;
    left: -5%; }
  .viewport .ent.npc.npc-goosesteampunk .npc-avatar {
    width: 60px;
    height: 90px;
    background-image: url(/images/avatars/geese/goose-steampunk.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(18px, 90px, 0px); }
  .viewport .ent.npc.npc-goosesteampunk .shadow {
    transform: translate3d(9px, -35px, 10px) rotateX(-90deg);
    background-size: 100%;
    width: 85px;
    height: 65px; }
  .viewport .ent.npc.npc-goosespace .npc-username {
    width: 100%;
    top: 40px;
    left: -4%; }
  .viewport .ent.npc.npc-goosespace .npc-avatar {
    width: 80px;
    height: 90px;
    background-image: url(/images/avatars/geese/goose-space.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(10px, 90px, 0px); }
  .viewport .ent.npc.npc-goosespace .shadow {
    transform: translate3d(13px, -35px, 10px) rotateX(-90deg);
    background-size: 100%;
    width: 85px;
    height: 65px; }
  .viewport .ent.npc.npc-jason .npc-avatar {
    width: 100px;
    height: 100px;
    background-image: url(/images/jason.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(-1px, 76px, 10px); }
  .viewport .ent.npc.npc-jason .shadow {
    transform: translate3d(22px, -25px, -3px) rotateX(-90deg);
    background-size: 100%;
    width: 51px;
    height: 51px; }
  .viewport .ent.npc.npc-troll1 .npc-username {
    width: 100%;
    top: 25px;
    left: -4%; }
  .viewport .ent.npc.npc-troll1 .npc-avatar {
    width: 88px;
    height: 170px;
    background-image: url(/images/avatars/trolls/troll1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(10px, 38px, 0px); }
  .viewport .ent.npc.npc-troll1 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 100%;
    width: 101px;
    height: 103px; }
  .viewport .ent.npc.npc-troll2 .npc-username {
    width: 100%;
    top: 25px;
    left: -4%; }
  .viewport .ent.npc.npc-troll2 .npc-avatar {
    width: 88px;
    height: 170px;
    background-image: url(/images/avatars/trolls/troll2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(10px, 38px, 0px); }
  .viewport .ent.npc.npc-troll2 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 100%;
    width: 101px;
    height: 103px; }
  .viewport .ent.npc.npc-vendingmachine .npc-username {
    width: 120%;
    top: -47px;
    left: -10%; }
  .viewport .ent.npc.npc-vendingmachine .npc-avatar {
    width: 127px;
    height: 175px;
    background-image: none;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(-15px, 4px, 25px); }
  .viewport .ent.npc.npc-vendingmachine .shadow {
    display: none; }
  .viewport .ent.npc.npc-henry .npc-avatar {
    width: 74px;
    height: 60px;
    background-image: url(/images/avatars/henry.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px;
    transform: translate3d(20px, 118px, 0px); }
  .viewport .ent.npc.npc-henry .shadow {
    transform: translate3d(10px, -51px, 4px) rotateX(-90deg);
    background-size: 100%;
    width: 101px;
    height: 103px; }
  .viewport .ent.npc.npc-jackfrost .npc-avatar {
    background-image: url(/images/avatars/jack_prisoner.png); }
  .viewport .ent.npc.npc-jackapproach .npc-avatar {
    background-image: url(/images/avatars/jack_smirk.png); }
  .viewport .ent.npc.npc-jacklobby .npc-avatar {
    background-image: url(/images/avatars/jack_smirk.png); }
  .viewport .ent.npc.npc-jackgiftshop .npc-avatar {
    background-image: url(/images/avatars/jack_smirk.png); }
  .viewport .ent.npc.npc-jackship .npc-avatar {
    background-image: url(/images/avatars/jack_green.png); }
  .viewport .ent.npc.npc-jack-talks .npc-avatar {
    background-image: url(/images/avatars/jf.png); }
  .viewport .ent.npc.npc-jack-courtyard .npc-avatar {
    background-image: url(/images/avatars/jf.png); }
  .viewport .ent.npc.npc-sparkleredberry .npc-avatar {
    background-image: url(/images/avatars/elves/elf3.png); }
  .viewport .ent.npc.npc-fitzyshortstack .npc-avatar {
    background-image: url(/images/avatars/elves/elf23.png);
    top: -11px; }
  .viewport .ent.npc.npc-shinnyupatree .npc-avatar {
    background-image: url(/images/avatars/elves/elf16.png);
    margin-top: 15px;
    margin-left: 4px; }
  .viewport .ent.npc.npc-bushyevergreen .npc-avatar {
    background-image: url(/images/avatars/elves/elf1.png);
    filter: brightness(0.9); }
  .viewport .ent.npc.npc-gingerbreaddie .npc-avatar {
    background-image: url(/images/avatars/elves/gingerbreaddie.png); }
  .viewport .ent.npc.npc-hollyevergreen .npc-avatar {
    background-image: url(/images/avatars/elves/elf2.png); }
  .viewport .ent.npc.npc-jingleringford .npc-avatar {
    background-image: url(/images/avatars/elves/jingleringford.png); }
  .viewport .ent.npc.npc-garlandcandlesticks .npc-avatar {
    background-image: url(/images/avatars/elves/garlandcandlesticks.png); }
  .viewport .ent.npc.npc-jewelloggins .npc-avatar {
    background-image: url(/images/avatars/elves/jewelloggins.png); }
  .viewport .ent.npc.npc-chimneyscissorsticks .npc-avatar {
    background-image: url(/images/avatars/elves/chimneyscissorsticks.png); }
  .viewport .ent.npc.npc-gingerbreddie .npc-avatar {
    background-image: url(/images/avatars/elves/gingerbreddie.png); }
  .viewport .ent.npc.npc-pineysappington .npc-avatar {
    background-image: url(/images/avatars/elves/pineysappington.png); }
  .viewport .ent.npc.npc-ribbbonbowford .npc-avatar {
    background-image: url(/images/avatars/elves/ribbbonbowford.png); }
  .viewport .ent.npc.npc-noelboetie .npc-avatar {
    background-image: url(/images/avatars/elves/noelboetie.png); }
  .viewport .ent.npc.npc-tinselupatree .npc-avatar {
    background-image: url(/images/avatars/elves/tinselupatree.png); }
  .viewport .ent.npc.npc-bowninecandle .npc-avatar {
    background-image: url(/images/avatars/elves/bowninecandle.png); }
  .viewport .ent.npc.npc-bubblelightington .npc-avatar {
    background-image: url(/images/avatars/elves/bubblelightington.png); }
  .viewport .ent.npc.npc-candycanestriper .npc-avatar {
    background-image: url(/images/avatars/elves/candycanestriper.png); }
  .viewport .ent.npc.npc-angelcandysalt .npc-avatar {
    background-image: url(/images/avatars/elves/angelcandysalt.png); }
  .viewport .ent.npc.npc-evesnowshoes .npc-avatar {
    background-image: url(/images/avatars/elves/evesnowshoes.png); }
  .viewport .ent.npc.npc-pepperminstix .npc-avatar {
    background-image: url(/images/avatars/elves/pepperminstix.png); }
  .viewport .ent.npc.npc-poinsettiamcmittens .npc-avatar {
    background-image: url(/images/avatars/elves/poinsettiamcmittens.png); }
  .viewport .ent.npc.npc-mintycandycane .npc-avatar {
    background-image: url(/images/avatars/elves/mintycandycane.png); }
  .viewport .ent.npc.npc-wunorseopenslae .npc-avatar {
    background-image: url(/images/avatars/elves/elf22.png); }
  .viewport .ent.npc.npc-sugarplummary .npc-avatar {
    background-image: url(/images/avatars/elves/elf9.png); }
  .viewport .ent.npc.npc-morcelnougat .npc-avatar {
    background-image: url(/images/avatars/elves/morcelnougat.png); }
  .viewport .ent.npc.npc-elinoretwinkletoes .npc-avatar {
    background-image: url(/images/avatars/elves/elf11.png); }
  .viewport .ent.npc.npc-tanglecoalbox .npc-avatar {
    background-image: url(/images/avatars/elves/elf12.png); }
  .viewport .ent.npc.npc-alabastersnowball .npc-avatar, .viewport .ent.npc.npc-alabastersnowball2 .npc-avatar, .viewport .ent.npc.npc-alabastersnowball3 .npc-avatar {
    background-image: url(/images/avatars/elves/alabastersnowball.png); }
  .viewport .ent.npc.npc-wombleycube .npc-avatar, .viewport .ent.npc.npc-wombleycube2 .npc-avatar, .viewport .ent.npc.npc-wombleycube3 .npc-avatar {
    background-image: url(/images/avatars/elves/wombleycube.png); }
  .viewport .ent.npc.npc-wombleycubechiaroscurocity .npc-avatar {
    background-image: url(/images/avatars/elves/wombleycube.png); }
  .viewport .ent.npc.npc-boothgoogle .npc-avatar, .viewport .ent.npc.npc-boothamazon .npc-avatar, .viewport .ent.npc.npc-boothmicrosoft .npc-avatar, .viewport .ent.npc.npc-swagbooth .npc-avatar, .viewport .ent.npc.npc-boothsansedu .npc-avatar, .viewport .ent.npc.npc-rsacbooth .npc-avatar, .viewport .ent.npc.npc-sansbooth .npc-avatar {
    background: none;
    width: 191px;
    height: 210px;
    left: -50px;
    top: -30px; }
  .viewport .ent.npc.npc-boothgoogle .npc-username, .viewport .ent.npc.npc-boothamazon .npc-username, .viewport .ent.npc.npc-boothmicrosoft .npc-username, .viewport .ent.npc.npc-swagbooth .npc-username, .viewport .ent.npc.npc-boothsansedu .npc-username, .viewport .ent.npc.npc-rsacbooth .npc-username, .viewport .ent.npc.npc-sansbooth .npc-username {
    display: none; }
  .viewport .ent.npc.npc-boothgoogle .shadow, .viewport .ent.npc.npc-boothamazon .shadow, .viewport .ent.npc.npc-boothmicrosoft .shadow, .viewport .ent.npc.npc-swagbooth .shadow, .viewport .ent.npc.npc-boothsansedu .shadow, .viewport .ent.npc.npc-rsacbooth .shadow, .viewport .ent.npc.npc-sansbooth .shadow {
    display: none; }
  .viewport .ent.npc.npc-boothmicrosoft .npc-avatar {
    left: -33px;
    transform: translate3d(0px, 0px, 54px) rotateY(15deg); }
  .viewport .ent.npc.npc-boothgoogle .npc-avatar {
    left: 95px;
    transform: translate3d(0px, 0px, 54px) rotateY(-15deg); }
  .viewport .ent.npc.npc-rsacbooth .npc-avatar {
    left: 40px; }
  .viewport .ent.npc.npc-boothsansedu .npc-avatar {
    left: 20px; }
  .viewport .ent.npc.npc-swagbooth .npc-avatar {
    left: 58px; }
  .viewport .ent.npc.npc-boothamazon .npc-avatar {
    left: -45px; }
  .viewport .ent.npc.npc-posterhackspacecon .npc-avatar, .viewport .ent.npc.npc-posterpresidentscup .npc-avatar, .viewport .ent.npc.npc-posterdifferencemakers .npc-avatar {
    background: none;
    width: 92px;
    height: 100px; }
  .viewport .ent.npc.npc-posterhackspacecon .npc-username, .viewport .ent.npc.npc-posterpresidentscup .npc-username, .viewport .ent.npc.npc-posterdifferencemakers .npc-username {
    display: none; }
  .viewport .ent.npc.npc-posterhackspacecon .shadow, .viewport .ent.npc.npc-posterpresidentscup .shadow, .viewport .ent.npc.npc-posterdifferencemakers .shadow {
    display: none; }
  .viewport .ent.npc.npc-posterhackspacecon .npc-avatar {
    transform: translate3d(-33px, 51px, 30px) rotateY(20deg); }
  .viewport .ent.npc.npc-posterpresidentscup .npc-avatar {
    transform: translate3d(-40px, 46px, 7px) rotateY(20deg); }
  .viewport .ent.npc.npc-posterdifferencemakers .npc-avatar {
    transform: translate3d(93px, -54px, 21px) rotateY(20deg);
    pointer-events: all;
    z-index: 9999;
    width: 140px; }
  .viewport .ent.npc.npc-northpole .npc-avatar {
    background: none;
    width: 100px;
    height: 160px;
    transform: translate3d(42px, -15px, 32px); }
  .viewport .ent.npc.npc-northpole .npc-username {
    display: none; }
  .viewport .ent.npc.npc-northpole .shadow {
    display: none; }
  .viewport .ent.npc.npc-handle .npc-avatar {
    background: none;
    width: 10px;
    height: 22px;
    transform: translate3d(92px, 2px, 42px); }
  .viewport .ent.npc.npc-handle .npc-username {
    display: none; }
  .viewport .ent.npc.npc-handle .shadow {
    display: none; }
  .viewport .ent.npc.npc-santaship .npc-avatar {
    background: none;
    width: 327px;
    height: 215px;
    background-image: url(/images/santafone.png);
    transform: translate3d(-113px, -37px, -60px) rotateY(17deg); }
  .viewport .ent.npc.npc-santaship .npc-username, .viewport .ent.npc.npc-santaship .shadow {
    display: none; }
  .viewport .ent.npc .shadow {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    background-image: url(/images/avatars/shadow.png);
    background-repeat: no-repeat;
    transform: translate3d(6px, -45px, 4px) rotateX(-90deg);
    top: 188px;
    background-size: contain;
    opacity: .4; }
  .viewport .ent.npc.smeagol .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagol.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(17px, -44px, 114px) rotateX(90deg) !important; }
  .viewport .ent.npc.smeagolmad1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagolmad1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(17px, -44px, 114px) rotateX(90deg) !important; }
  .viewport .ent.npc.smeagolmad2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagolmad2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(17px, -44px, 114px) rotateX(90deg) !important; }
  .viewport .ent.npc.smeagolmad3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagolmad3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(17px, -44px, 114px) rotateX(90deg) !important; }
  .viewport .ent.npc.luigi .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/luigi.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc4 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc4.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc5 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc5.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc6 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc6.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc7 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc7.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc8 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc8.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc9 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc9.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc10 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc10.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc11 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc11.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc12 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc13 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc13.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc14 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc14.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc15 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc15.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc16 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc17 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc17.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc18 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc18.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc19 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc19.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.orc20 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc20.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 41px;
    margin-left: 10px; }
  .viewport .ent.npc.femalehobbit1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/femalehobbit1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 0px;
    left: 3px; }
  .viewport .ent.npc.femalehobbit2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/femalehobbit2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 0px;
    left: 3px; }
  .viewport .ent.npc.hobbit1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/hobbit1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 0px;
    left: 3px; }
  .viewport .ent.npc.hobbit2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/hobbit2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 0px;
    left: 3px; }
  .viewport .ent.npc.hobbit3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/hobbit3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 0px;
    left: 3px; }
  .viewport .ent.npc.elf1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf4 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf4.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf5 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf5.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf6 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf6.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf7 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf7.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf8 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf8.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf9 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf9.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf10 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf10.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf11 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf11.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf12 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf12.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf13 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf13.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf14 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf14.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf15 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf15.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf16 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf17 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf17.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf18 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf18.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf19 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf19.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf20 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf20.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf21 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf21.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf22 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf22.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.elf23 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf23.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport .ent.npc.npc-charliegoldner .npc-avatar {
    width: 138px;
    height: 200px;
    background-image: url(/images/avatars/chi/charliegoldner-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-charliegoldner .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.ent.npc.npc-chrisdavis .npc-avatar {
    width: 128px;
    height: 200px;
    background-image: url(/images/avatars/chi/chrisdavis-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.ent.npc.npc-chrisdavis .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-chriselgee .npc-avatar {
    width: 137px;
    height: 200px;
    background-image: url(/images/avatars/chi/chriselgee-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-chriselgee .npc-username {
    width: 120%;
    top: -47px;
    left: 11%; }
  .viewport .ent.npc.npc-edskoudis .npc-avatar {
    width: 127px;
    height: 200px;
    background-image: url(/images/avatars/chi/edskoudis-avatar.gif);
    top: -15px; }
  .viewport .ent.npc.npc-edskoudis .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-ericpursley .npc-avatar {
    width: 127px;
    height: 200px;
    background-image: url(/images/avatars/chi/ericpursley-avatar.gif);
    top: -16px; }
  .viewport .ent.npc.npc-ericpursley .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-evanbooth .npc-avatar {
    width: 102px;
    height: 200px;
    background-image: url(/images/avatars/chi/evanbooth-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-evanbooth .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-jaredfolkins .npc-avatar {
    width: 123px;
    height: 200px;
    background-image: url(/images/avatars/chi/jaredfolkins-avatar.gif);
    top: -15px; }
  .viewport .ent.npc.npc-jaredfolkins .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-januszjasinski .npc-avatar {
    width: 116px;
    height: 200px;
    background-image: url(/images/avatars/chi/januszjasinski-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-januszjasinski .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-joshwright .npc-avatar {
    width: 127px;
    height: 200px;
    background-image: url(/images/avatars/chi/joshwright-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-joshwright .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-kevinmcfarland .npc-avatar {
    width: 127px;
    height: 200px;
    background-image: url(/images/avatars/chi/kevinmcfarland-avatar.gif);
    top: -12px; }
  .viewport .ent.npc.npc-kevinmcfarland .npc-username {
    width: 120%;
    top: -39px;
    left: 2%; }
  .viewport .ent.npc.npc-kyleparrish .npc-avatar {
    width: 128px;
    height: 200px;
    background-image: url(/images/avatars/chi/kyleparrish-avatar.gif);
    top: -11px; }
  .viewport .ent.npc.npc-kyleparrish .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-lynnschifano .npc-avatar, .viewport .ent.npc.npc-lynnschifanotrain .npc-avatar {
    width: 128px;
    height: 200px;
    background-image: url(/images/avatars/chi/lynnschifano-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-lynnschifano .npc-username, .viewport .ent.npc.npc-lynnschifanotrain .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-markdevito .npc-avatar {
    width: 122px;
    height: 200px;
    background-image: url(/images/avatars/chi/markdevito-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-markdevito .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-mauricewilson .npc-avatar {
    width: 122px;
    height: 200px;
    background-image: url(/images/avatars/chi/mauricewilson-avatar.gif);
    top: -7px; }
  .viewport .ent.npc.npc-mauricewilson .npc-username {
    width: 120%;
    top: -23px;
    left: -10%; }
  .viewport .ent.npc.npc-patrickchapman .npc-avatar {
    width: 127px;
    height: 200px;
    background-image: url(/images/avatars/chi/patrickchapman-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-patrickchapman .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-paulbeckett .npc-avatar {
    width: 122px;
    height: 200px;
    background-image: url(/images/avatars/chi/paulbeckett-avatar.gif);
    top: -20px; }
  .viewport .ent.npc.npc-paulbeckett .npc-username {
    width: 120%;
    top: -47px;
    left: 2%; }
  .viewport .ent.npc.npc-thomasbouve .npc-avatar {
    width: 113px;
    height: 200px;
    background-image: url(/images/avatars/chi/thomasbouve-avatar.gif);
    top: -13px; }
  .viewport .ent.npc.npc-thomasbouve .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-tomhessman .npc-avatar {
    width: 128px;
    height: 200px;
    background-image: url(/images/avatars/chi/tomhessman-avatar.gif);
    top: -17px; }
  .viewport .ent.npc.npc-tomhessman .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-torkelopsahl .npc-avatar {
    width: 116px;
    height: 200px;
    background-image: url(/images/avatars/chi/torkelopsahl-avatar.gif);
    top: -16px; }
  .viewport .ent.npc.npc-torkelopsahl .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-yorikvitchko .npc-avatar {
    width: 116px;
    height: 200px;
    background-image: url(/images/avatars/chi/yori-avatar.gif);
    top: -16px; }
  .viewport .ent.npc.npc-yorikvitchko .npc-username {
    width: 120%;
    top: -47px;
    left: -17%; }
  .viewport .ent.npc.npc-gnomefestive1 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive1.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive1 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive1 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive2 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive2.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive2 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive2 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive3 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive3.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive3 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive3 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive4 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive4.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive4 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive4 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive5 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive5.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive5 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive5 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive6 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive6.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive6 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive6 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive7 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive7.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive7 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive7 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomefestive8 .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-festive8.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomefestive8 .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomefestive8 .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomecorpo .npc-avatar {
    width: 99px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-corpo.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomecorpo .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomecorpo .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomeemcee .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-emcee.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomeemcee .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomeemcee .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomegym .npc-avatar {
    width: 100px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-gym.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomegym .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomegym .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomehacker .npc-avatar {
    width: 100px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-hacker.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomehacker .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomehacker .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomehooligan .npc-avatar {
    width: 121px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-hooligan.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomehooligan .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomehooligan .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomevandal .npc-avatar {
    width: 90px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-vandal.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomevandal .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomevandal .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomeelder .npc-avatar {
    width: 99px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-elder.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomeelder .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomeelder .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnomesteamymcsteamface .npc-avatar {
    width: 100px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-steamymcsteamface.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnomesteamymcsteamface .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnomesteamymcsteamface .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-gnometerminator .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-terminator.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnometerminator .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnometerminator .npc-username {
    width: 120%;
    top: 44px;
    left: 5%; }
  .viewport .ent.npc.npc-gnometroll .npc-avatar {
    width: 97px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-troll.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-gnometroll .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-gnometroll .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-frosty .npc-avatar {
    width: 205px;
    height: 186px;
    background-image: url(/images/avatars/frosty.gif);
    top: -7px;
    left: 19%; }
  .viewport .ent.npc.npc-frosty .shadow {
    transform: translate3d(68px, -37px, -16px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-frosty .npc-username {
    width: 120%;
    top: -26px;
    left: 60%; }
  .viewport .ent.npc.npc-frostyborg .npc-avatar {
    width: 191px;
    height: 192px;
    transform: translate(-63px, -1px);
    background-image: url(/images/avatars/frostyborg.gif);
    top: -13px;
    left: 19%; }
  .viewport .ent.npc.npc-frostyborg .shadow {
    transform: translate3d(7px, -37px, -16px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-frostyborg .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }
  .viewport .ent.npc.npc-santa .npc-avatar {
    width: 176px;
    height: 200px;
    transform: translate(-54px, -100px);
    background-image: url(/images/avatars/santa.gif);
    top: 75px;
    left: 19%; }
  .viewport .ent.npc.npc-santa .shadow {
    transform: translate3d(0px, -51px, 4px) rotateX(-90deg);
    background-size: 60%;
    top: 180px;
    left: 25%; }
  .viewport .ent.npc.npc-santa .npc-username {
    width: 120%;
    top: -47px;
    left: -5%; }

.viewport.v-city .ent.npc.npc-gnomefestive6, .viewport.v-city .ent.npc.npc-gnomefestive8, .viewport.v-city .ent.npc.npc-gnomevandal, .viewport.v-city .ent.npc.npc-gnomefestive7, .viewport.v-city .ent.npc.npc-gnomecorpo, .viewport.v-city .ent.npc.npc-gnomegym, .viewport.v-city .ent.npc.npc-gnomefestive2, .viewport.v-city .ent.npc.npc-gnomefestive4, .viewport.v-city .ent.npc.npc-gnomefestive5, .viewport.v-city .ent.npc.npc-gnomeemcee, .viewport.v-city .ent.npc.npc-gnomefestive1, .viewport.v-city .ent.npc.npc-gnometroll, .viewport.v-city .ent.npc.npc-gnomefestive3, .viewport.v-city .ent.npc.npc-gnomehooligan, .viewport.v-city .ent.npc.npc-gnomehacker, .viewport.v-city .ent.npc.npc-gnometerminator, .viewport.v-city .ent.npc.npc-gnomesteamymcsteamface {
  display: none; }

.viewport.v-retroshop .ent.npc.npc-goosespace .npc-avatar {
  width: 176px;
  height: 200px;
  transform: translate(2px, -82px);
  top: 75px;
  left: 19%; }

.viewport.v-retroshop .ent.npc.npc-goosespace .shadow {
  transform: translate3d(12px, -124px, 4px) rotateX(-90deg);
  background-size: 60%;
  top: 180px;
  left: 25%; }

.viewport.v-retroshop .ent.npc.npc-goosespace .npc-username {
  width: 120%;
  top: -47px;
  left: -5%; }

.viewport.v-gnomefactory .ent.npc.npc-chrisdavis {
  display: none; }

.viewport.token-act3_unlocked.v-datacenter .ent.npc.npc-chrisdavis {
  display: none; }

.viewport.token-act3_unlocked.v-gnomefactory .ent.npc.npc-chrisdavis {
  display: block; }

.viewport.token-warmHugsMeltSnowmen .ent.npc.npc-frostyborg .npc-avatar {
  transform: translate(-126px, -7px);
  height: 200px;
  width: 332px;
  background-image: url("/images/avatars/frostyborg-melting.webp") !important; }

@keyframes tfhover {
  from, to {
    transform: translateY(0px); }
  50% {
    transform: translateY(-6px); } }

.viewport .ent.interactable > * {
  transform-style: preserve-3d; }

.viewport .ent.interactable .zpos {
  width: 80px;
  height: 200px;
  margin-left: -40px; }

.viewport .ent.interactable .clicky-bit {
  width: 90px;
  height: 50px;
  margin-left: -5px;
  background: orange;
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#19d800',GradientType=0 );
  transform: translateY(-100px);
  pointer-events: all;
  cursor: pointer;
  border: 1px solid black;
  top: 50px; }

.viewport .ent.interactable .entity-name {
  width: 100%;
  text-align: center;
  font-size: 13px;
  position: absolute;
  padding-top: 52px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
  transform-origin: bottom;
  transform: translate3d(0px, -100px, 10px);
  pointer-events: none; }

.viewport .ent.type-item {
  pointer-events: all; }
  .viewport .ent.type-item > * {
    transform-style: preserve-3d; }
  .viewport .ent.type-item .zpos {
    width: 200px;
    height: 200px;
    background: url(/images/items/duck.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-receipt .zpos {
    background: url(/images/items/receipt2.png) no-repeat center;
    margin-top: -201px;
    background-size: 27%;
    transform: translateY(100px) translateX(-143px) translateZ(1248px) rotateY(-27deg) rotateY(45deg) rotateX(90deg) !important; }
  .viewport .ent.type-item.item-floppy .zpos {
    background: url(/images/items/floppy.png) no-repeat center;
    margin-top: -201px;
    background-size: 27%;
    transform: translateY(100px) translateX(-143px) translateZ(1248px) rotateY(-27deg) rotateY(45deg) rotateX(90deg) !important; }
  .viewport .ent.type-item.item-basic .zpos {
    background: url(/images/items/basic.png) no-repeat center;
    margin-top: -201px;
    background-size: 27%;
    transform: translateY(100px) translateX(-143px) translateZ(1248px) rotateY(-27deg) rotateY(45deg) rotateX(90deg) !important; }
  .viewport .ent.type-item.item-gameboy3 .zpos {
    width: 21px;
    height: 25px;
    background: url(/images/items/gameboy3.png) no-repeat;
    margin-left: -12px;
    margin-top: -21px;
    background-size: contain; }
  .viewport .ent.type-item.item-flashlight {
    transform: translate3d(-10px, -24px, 6px); }
    .viewport .ent.type-item.item-flashlight .zpos {
      background: url(/images/items/flashlight.png) no-repeat;
      width: 40px;
      height: 100px;
      margin-left: 0px;
      margin-top: 0px;
      background-size: contain; }
  .viewport .ent.type-item.item-frostybook {
    transform: translate3d(-34px, -52px, 13px); }
    .viewport .ent.type-item.item-frostybook .zpos {
      background: url(/images/items/frostybook.png) no-repeat;
      width: 53px;
      height: 100px;
      margin-left: 0px;
      margin-top: 0px;
      background-size: contain; }
  .viewport .ent.type-item.item-fishingpole .zpos {
    background: url(/images/items/fishingpole.png) no-repeat;
    width: 68px;
    height: 129px;
    margin-left: -33px;
    margin-top: -130px;
    background-size: contain; }
  .viewport .ent.type-item.item-badge .zpos {
    background: url(/images/items/badge.png) no-repeat;
    width: 32px;
    height: 60px;
    margin-left: -30px;
    margin-top: -60px;
    background-size: contain; }
  .viewport .ent.type-item.item-fpgaItem .zpos {
    background: url(/images/items/fpgaItem.png) no-repeat;
    width: 32px;
    height: 60px;
    margin-left: -30px;
    margin-top: -60px;
    background-size: contain; }
  .viewport .ent.type-item.item-wifiDongle {
    display: none; }
    .viewport .ent.type-item.item-wifiDongle .zpos {
      background: url(/images/items/wifiDongle.png) no-repeat;
      width: 40px;
      height: 60px;
      margin-left: -22px;
      margin-top: -57px;
      background-size: contain; }
      .viewport .ent.type-item.item-wifiDongle .zpos::after {
        content: "";
        background: url(/images/sparkle.gif) no-repeat;
        width: 100px;
        height: 100px;
        position: absolute;
        transform-origin: top left;
        background-size: cover;
        transform: translate3d(-20px, -41px, 60px);
        pointer-events: none; }
  .viewport .ent.type-item.item-ball .zpos {
    background: url(/images/items/ball.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-duck .zpos {
    background: url(/images/items/duck.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-nut .zpos {
    background: url(/images/items/nut.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-nut2 .zpos {
    background: url(/images/items/nut2.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-marble .zpos {
    background: url(/images/items/marble.png) no-repeat;
    margin-left: 14px;
    margin-top: -36px;
    background-size: 17%; }
  .viewport .ent.type-item.item-marble2 .zpos {
    background: url(/images/items/marble2.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-candycane .zpos {
    background: url(/images/items/candycane.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-redlight .zpos {
    background: url(/images/items/redlight.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-greenlight .zpos {
    background: url(/images/items/greenlight.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-yellowlight .zpos {
    background: url(/images/items/yellowlight.png) no-repeat;
    margin-left: -10px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-elevator-key .zpos {
    background: url(/images/items/elevator-key.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item.item-workshop-button .zpos {
    background: url(/images/items/workshop-button.png) no-repeat;
    margin-left: 14px;
    margin-top: -29px;
    background-size: 17%; }
  .viewport .ent.type-item .entity-name {
    width: 100%;
    text-align: center;
    font-size: 13px;
    position: absolute;
    padding-top: 60px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
    transform-origin: bottom;
    transform: translate3d(0px, -100px, 10px);
    pointer-events: none; }

.viewport.token-getTheWifi .ent.type-item.item-wifiDongle {
  display: block; }

.viewport .ent.type-link {
  pointer-events: all; }
  .viewport .ent.type-link > * {
    transform-style: preserve-3d; }
  .viewport .ent.type-link .zpos {
    width: 80px;
    height: 200px;
    margin-left: -40px; }
  .viewport .ent.type-link .clicky-bit {
    width: 60px;
    height: 60px;
    margin-left: 9px;
    background: url(/images/link.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#19d800',GradientType=0 );
    transform: translateY(-100px);
    pointer-events: all;
    cursor: pointer;
    position: absolute;
    transform-style: preserve-3d; }
  .viewport .ent.type-link .entity-name {
    width: 100%;
    text-align: center;
    font-size: 13px;
    position: absolute;
    padding-top: 60px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
    transform-origin: bottom;
    transform: translate3d(0px, -100px, 10px);
    pointer-events: none; }

.viewport .ent.chat {
  width: 250px;
  height: auto;
  z-index: 999999;
  left: -125px;
  top: -230px;
  display: flex;
  justify-content: center;
  pointer-events: all; }
  .viewport .ent.chat a {
    color: lightblue; }
  .viewport .ent.chat .player-username {
    position: absolute;
    width: 200%;
    text-align: center;
    top: -15px;
    left: -50%;
    font-size: 11px;
    position: absolute; }
  .viewport .ent.chat.parent-tooth {
    top: unset;
    transform: translate3d(9px, -40px, 50px); }
  .viewport .ent.chat.parent-callingbird1, .viewport .ent.chat.parent-callingbird2, .viewport .ent.chat.parent-callingbird3, .viewport .ent.chat.parent-callingbird4 {
    top: unset;
    transform: translate3d(18px, -118px, 0px); }
  .viewport .ent.chat.parent-cyberus {
    top: unset;
    transform: translate3d(18px, -162px, 0px); }
  .viewport .ent.chat.parent-posterdifferencemakers {
    top: unset;
    transform: translate3d(138px, -262px, 0px); }
  .viewport .ent.chat.parent-boothmicrosoft {
    top: unset;
    transform: translate3d(38px, -212px, 0px); }
  .viewport .ent.chat.parent-boothgoogle {
    top: unset;
    transform: translate3d(0px, -212px, 0px); }
  .viewport .ent.chat.parent-rsacbooth {
    top: unset;
    transform: translate3d(50px, -212px, 0px); }
  .viewport .ent.chat.parent-boothsansedu {
    top: unset;
    transform: translate3d(0px, -212px, 0px); }
  .viewport .ent.chat.parent-swagbooth {
    top: unset;
    transform: translate3d(50px, -212px, 0px); }
  .viewport .ent.chat.parent-boothamazon {
    top: unset;
    transform: translate3d(0px, -212px, 0px); }
  .viewport .ent.chat.parent-handle {
    top: unset;
    transform: translate3d(98px, -215px, 100px); }
  .viewport .ent.chat ul {
    list-style: none;
    max-width: 250px;
    transition: height 1s ease;
    position: absolute;
    bottom: 0px;
    width: auto;
    margin: 0px;
    padding: 0px 15px;
    font-size: .9em;
    width: 100%; }
    .viewport .ent.chat ul li {
      text-align: center;
      transition: transform 1s ease-out;
      width: 100%; }
      .viewport .ent.chat ul li:nth-child(1) {
        transform: translateX(-2px); }
      .viewport .ent.chat ul li:nth-child(2) {
        transform: translateX(2px); }
      .viewport .ent.chat ul li:nth-child(3) {
        transform: translateX(0px); }
      .viewport .ent.chat ul li:nth-child(4) {
        transform: translateX(-2px); }
      .viewport .ent.chat ul li:nth-child(5) {
        transform: translateX(3px); }
      .viewport .ent.chat ul li.type-whisper {
        font-style: italic; }
        .viewport .ent.chat ul li.type-whisper p, .viewport .ent.chat ul li.type-whisper ol {
          margin: 1px 0px;
          word-wrap: break-word;
          display: inline-block;
          background: rgba(4, 56, 11, 0.877);
          padding: 2px 5px;
          border-radius: 10px; }
          .viewport .ent.chat ul li.type-whisper p.thought, .viewport .ent.chat ul li.type-whisper ol.thought {
            font-style: italic; }
        .viewport .ent.chat ul li.type-whisper ol li {
          width: 90%;
          margin-left: 10%; }
        .viewport .ent.chat ul li.type-whisper.src-npc {
          font-style: normal; }
          .viewport .ent.chat ul li.type-whisper.src-npc p, .viewport .ent.chat ul li.type-whisper.src-npc ol {
            margin: 1px 0px;
            word-wrap: break-word;
            display: inline-block;
            background: rgba(11, 25, 104, 0.877);
            padding: 2px 5px;
            border-radius: 10px; }
            .viewport .ent.chat ul li.type-whisper.src-npc p.thought, .viewport .ent.chat ul li.type-whisper.src-npc ol.thought {
              font-style: italic; }
      .viewport .ent.chat ul li p {
        margin: 1px 0px;
        word-wrap: break-word;
        display: inline-block;
        background: rgba(0, 0, 0, 0.741);
        padding: 2px 5px;
        border-radius: 10px; }
        .viewport .ent.chat ul li p.thought {
          font-style: italic; }
  .viewport .ent.chat.parent-nail, .viewport .ent.chat.parent-santamode-nail {
    transform: translate3d(-54px, -40px, 80px); }

.viewport.v-6 .ent.chat ul li {
  display: none; }

.viewport.v-7 .ent.chat ul li {
  display: none; }

.viewport.v-8 .ent.chat ul li {
  display: none; }

.viewport.v-9 .ent.chat ul li {
  display: none; }

.viewport.v-10 .ent.chat ul li {
  display: none; }

.viewport.v-11 .ent.chat ul li {
  display: none; }

.viewport.v-12 .ent.chat ul li {
  display: none; }

@keyframes fadeIn {
  from {
    opacity: 0;
    top: -171px; }
  to {
    opacity: 1;
    top: -211px; } }

.viewport .ent.type-terminal {
  pointer-events: all; }
  .viewport .ent.type-terminal > * {
    transform-style: preserve-3d; }
  .viewport .ent.type-terminal .zpos {
    width: 80px;
    height: 200px;
    margin-left: -40px; }
  .viewport .ent.type-terminal .clicky-bit {
    width: 60px;
    height: 60px;
    margin-left: 9px;
    background: url(/images/cranpi.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#19d800', GradientType=0);
    transform: translateY(-100px);
    pointer-events: all;
    cursor: pointer; }
  .viewport .ent.type-terminal .entity-name {
    width: 100%;
    text-align: center;
    font-size: 13px;
    position: absolute;
    padding-top: 60px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.62), -1px -1px rgba(0, 0, 0, 0.62), -1px 1px rgba(0, 0, 0, 0.62), 1px -1px rgba(0, 0, 0, 0.62);
    transform-origin: bottom;
    transform: translate3d(0px, -100px, 10px);
    pointer-events: none; }

.viewport .ent.terminal-termVisfirewall .clicky-bit {
  width: 506px;
  height: 566px;
  transform: translate3d(-314px, -423px, -15px) scale(0.5) !important;
  background: url(/images/server_rack.png) 0 0 no-repeat;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d; }

.viewport .ent.terminal-termVisfirewall .entity-name {
  transform: translate3d(-34px, -350px, 23px); }

.viewport .ent.terminal-termSnowblind .clicky-bit {
  width: 1024px;
  height: 1536px;
  transform: translate3d(-507px, -912px, -67px) scale(0.2) !important;
  background: url(/images/hotel_web_terminal.png) 0 0 no-repeat;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d; }

.viewport .ent.terminal-termSnowblind .entity-name {
  transform: translate3d(-30px, -421px, 23px); }

.viewport .ent.terminal-termCurlyImaps .clicky-bit {
  background: url(/images/curlyterm.png) no-repeat;
  transform: translateY(-122px) translateX(22px) !important;
  background-size: contain;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d; }

.viewport .ent.terminal-termCurlyImaps .entity-name {
  transform: translate3d(16px, -270px, 10px); }

.viewport .ent.terminal-termSmartGnome .clicky-bit {
  background: url(/images/hackagnome_0.png) no-repeat;
  transform: translateY(-150px) translateX(-45px) !important;
  background-size: contain;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d;
  height: 150px;
  width: 150px; }

.viewport .ent.terminal-termSmartGnome .entity-name {
  transform: translate3d(-3px, -260px, 10px); }

.viewport .ent.terminal-termGnomeTea .clicky-bit {
  width: 100px;
  background: url(/images/teaset.png) 0 0 no-repeat;
  transform: translateY(-121px) translateX(-9px) !important;
  background-size: contain;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d; }

.viewport .ent.terminal-termGnomeTea .entity-name {
  transform: translate3d(12px, -217px, 10px); }

.viewport .ent.terminal-termScope .clicky-bit {
  width: 100px;
  background: url(/images/scopeterm.png) 0 0 no-repeat;
  transform: translateY(-159px) translateX(17px) !important;
  background-size: contain;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d; }

.viewport .ent.terminal-termScope .entity-name {
  transform: translate3d(12px, -287px, 10px); }

.viewport .ent.terminal-termDosisAlarm .zpos {
  transform: translateZ(3850px) rotateY(-90deg) !important; }

.viewport .ent.terminal-termDosisAlarm .clicky-bit {
  width: 100px;
  height: 100px;
  transform: translate3d(-49px, -182px, -49px) !important;
  background: url(/images/fire_alarm_panel.png) 0 0 no-repeat;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  transform-style: preserve-3d;
  background-size: cover; }

.viewport .ent.terminal-termDosisAlarm .entity-name {
  transform: translate3d(-32px, -303px, -49px); }

.viewport .ent.terminal-cors {
  display: none; }
  .viewport .ent.terminal-cors .clicky-bit {
    width: 129px;
    height: 100px;
    margin-left: 9px;
    background-repeat: no-repeat;
    background-size: contain;
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#19d800', GradientType=0);
    transform: translate3d(30px, -200px, -29px);
    pointer-events: all;
    cursor: pointer; }
  .viewport .ent.terminal-cors .entity-name {
    display: none; }

.viewport .ent.terminal-snowball .clicky-bit, .viewport .ent.terminal-santamode-snowball .clicky-bit {
  width: 112px;
  height: 210px;
  transform: translate3d(-10px, -210px, 70px);
  background: none;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-snowball .entity-name, .viewport .ent.terminal-santamode-snowball .entity-name {
  display: none; }

.viewport .ent.terminal-telescope .clicky-bit {
  width: 190px;
  height: 260px;
  margin-left: 9px;
  background: none;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate3d(-60px, -273px, 10px);
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-telescope .entity-name {
  display: none; }

.viewport .ent.terminal-termScoreboard .clicky-bit {
  background: url(/images/npms-terminal.png);
  width: 100px;
  height: 246px;
  margin-left: 9px;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate3d(-15px, -160px, 0px);
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termScoreboard .entity-name {
  display: none; }

.viewport .ent.terminal-satmissile .clicky-bit {
  width: 350px;
  height: 315px;
  margin-left: 9px;
  background: url(/images/sgs_terminal.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#19d800', GradientType=0);
  transform: translate3d(-145px, -320px, 120px);
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-satmissile .entity-name {
  display: none; }

.viewport .ent.terminal-finaldoor .clicky-bit {
  width: 234px;
  height: 267px;
  margin-left: 9px;
  background: url(/images/finaldoor.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#19d800', GradientType=0);
  transform: translate3d(-8px, -269px, 10px) rotateY(-45deg);
  pointer-events: all;
  cursor: pointer;
  filter: drop-shadow(-2px -2px 4px black); }

.viewport .ent.terminal-finaldoor .entity-name {
  display: none; }

.viewport .ent.terminal-termCurling .clicky-bit {
  width: 560px;
  height: 153px;
  transform: translate3d(-480px, -77px, 40px) rotateX(90deg) !important;
  background: url(/images/curling.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termCurling .entity-name {
  transform: translate3d(-230px, -120px, 20px); }

.viewport .ent.terminal-termFrostyKeypad .clicky-bit {
  width: 118px;
  height: 135px;
  transform: translate3d(-23px, -135px, 50px) !important;
  background: url(/images/shredder_0.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termFrostyKeypad .entity-name {
  transform: translate3d(0, -230px, 10px); }

.viewport .ent.terminal-termHardwareHacking101A .clicky-bit {
  width: 100px;
  height: 100px;
  transform: translate3d(-15px, -79px, 0) !important;
  background: url(/images/santas_chest.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termHardwareHacking101A .entity-name {
  transform: translate3d(0, -184px, 10px); }

.viewport .ent.terminal-termHardwareHacking101B .clicky-bit {
  width: 93px;
  height: 60px;
  transform: translate3d(-13px, -114px, -45px) !important;
  background: url(/images/hw-terminal_0.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termHardwareHacking101B .entity-name {
  transform: translate3d(0, -240px, 10px); }

.viewport .ent.terminal-termNmap .clicky-bit {
  width: 231px;
  height: 125px;
  transform: translate3d(-60px, -150px, 15px);
  background: url(/images/eric-moto.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termNmap .entity-name {
  transform: translate3d(-8px, -260px, 10px); }

.viewport .ent.terminal-termSignals .clicky-bit {
  width: 100px;
  height: 100px;
  transform: translateY(-100px);
  background: url(/images/sigterm.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termSignals .entity-name {
  transform: translate3d(3px, -200px, 10px); }

.viewport .ent.terminal-termDosisNetwork .clicky-bit {
  width: 60px;
  height: 60px;
  transform: translateY(-149px);
  background: url(/images/router.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termDosisNetwork .entity-name {
  transform: translate3d(-7px, -273px, 10px); }

.viewport .ent.terminal-termSnowballShowdown .clicky-bit {
  width: 241px;
  height: 241px;
  transform: translate3d(-100px, -241px, 97px) !important;
  background: url(/images/wewantyou.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termSnowballShowdown .entity-name {
  transform: translate3d(-27px, -320px, 10px); }

.viewport .ent.terminal-lockdecode .clicky-bit {
  width: 55px;
  height: 80px;
  transform: translate3d(0px, -79px, 0px);
  background: url(/images/suitcase.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-lockdecode .entity-name {
  transform: translate3d(-3px, -210px, 10px); }

.viewport .ent.terminal-accessspeaker .clicky-bit {
  width: 40px;
  height: 82px;
  transform: translate3d(23px, -122px, -49px);
  background: url(/images/accessspeaker.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-accessspeaker .entity-name {
  transform: translate3d(71px, -184px, -14px); }

.viewport .ent.terminal-snowballhero .clicky-bit {
  width: 180px;
  height: 163px;
  transform: translate3d(23px, -163px, -49px);
  background: url(/images/free_snowballl_fights.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-snowballhero .entity-name {
  transform: translate3d(78px, -281px, -14px); }

.viewport .ent.terminal-capcom .clicky-bit {
  width: 149px;
  height: 120px;
  transform: translate3d(-55px, -120px, 4px);
  background: url(/images/capcomms_table.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-capcom .entity-name {
  transform: translate3d(-26px, -231px, -9px); }

.viewport .ent.terminal-fasterlock .clicky-bit {
  width: 240px;
  height: 300px;
  transform: translate3d(-51px, -300px, 0px);
  background: url(/images/occupied.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-fasterlock .entity-name {
  transform: translate3d(36px, -407px, -9px); }

.viewport .ent.terminal-naan .clicky-bit {
  width: 144px;
  height: 60px;
  transform: translate3d(-21px, -59px, 1px);
  background: url(/images/cardtable.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-naan .entity-name {
  transform: translate3d(17px, -186px, 10px); }

.viewport .ent.terminal-treasurechest1 .clicky-bit, .viewport .ent.terminal-treasurechest2 .clicky-bit {
  width: 82px;
  height: 60px;
  transform: translate3d(-14px, -56px, 0px);
  background: url(/images/chest.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-treasurechest1 .entity-name, .viewport .ent.terminal-treasurechest2 .entity-name {
  transform: translate3d(-3px, -210px, 10px); }

.viewport .ent.terminal-santashop .clicky-bit, .viewport .ent.terminal-santamode-santashop .clicky-bit {
  transform: translate3d(-10px, -132px, 39px);
  width: 100px;
  height: 70px;
  background: url(/images/pos-terminal.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-santashop .entity-name, .viewport .ent.terminal-santamode-santashop .entity-name {
  transform: translate3d(-3px, -210px, 10px); }

.viewport .ent.terminal-hats .clicky-bit {
  width: 119px;
  height: 203px;
  transform: translate3d(-10px, -250px, 47px) rotateX(90deg) !important;
  background: url(/images/hat-vending-machine.jpg) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-hats .entity-name {
  display: none; }

.viewport .ent .clicky-bit.bsrs {
  background: none !important;
  width: 79px !important;
  height: 52px !important;
  transform: translate3d(-10px, -130px, 70px) rotateX(90deg) !important; }

.viewport .ent .clicky-bit.browser {
  background: none !important;
  width: 67px !important;
  height: 74px !important;
  transform: translate3d(1px, -150px, 63px) rotateX(90deg) !important; }

.viewport .ent.terminal-aws101 .clicky-bit {
  background: none !important;
  width: 69px !important;
  height: 56px !important;
  transform: translate3d(-37px, -130px, 92px) rotateX(90deg) !important; }

.viewport .ent.terminal-aws101 .entity-name {
  display: none; }

.viewport .ent.terminal-aws201 .clicky-bit {
  background: none !important;
  width: 59px !important;
  height: 86px !important;
  transform: translate3d(17px, -150px, 104px) rotateX(90deg) !important; }

.viewport .ent.terminal-aws201 .entity-name {
  display: none; }

.viewport .ent.terminal-atm .clicky-bit {
  width: 81px;
  height: 152px;
  transform: translate3d(-1px, -214px, 70px);
  background: url(/images/ktm.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-atm .entity-name {
  display: none; }

.viewport .ent.terminal-atmcreate .clicky-bit {
  width: 81px;
  height: 152px;
  transform: translate3d(-1px, -214px, 70px);
  background: url(/images/ktm_create.png) no-repeat;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-atmcreate .entity-name {
  display: none; }

.viewport .ent.terminal-elfcode .clicky-bit, .viewport .ent.terminal-santamode-elfcode .clicky-bit {
  width: 112px;
  height: 210px;
  transform: translate3d(-1px, -214px, 70px);
  background: none;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-elfcode .entity-name, .viewport .ent.terminal-santamode-elfcode .entity-name {
  display: none; }

.viewport .ent.terminal-candbus .clicky-bit, .viewport .ent.terminal-santamode-candbus .clicky-bit {
  width: 197px;
  height: 120px;
  transform: translate3d(6px, -126px, 130px);
  background: none;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-candbus .entity-name, .viewport .ent.terminal-santamode-candbus .entity-name {
  transform: translate3d(10px, -173px, 10px);
  width: 200px; }

.viewport .ent.terminal-sqli .clicky-bit {
  width: 80px;
  height: 70px;
  background: url(/images/gallery-monitor.png);
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#19d800', GradientType=0);
  transform: translate3d(-7px, -131px, 0px) rotateY(15deg);
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-sqli .entity-name {
  transform: translate3d(3px, -260px, 10px); }

.viewport .ent.terminal-fpga .clicky-bit, .viewport .ent.terminal-imds .clicky-bit {
  background: url(/images/frostpi.gif) no-repeat;
  background-size: contain; }

.viewport .ent.terminal-elevator .clicky-bit {
  pointer-events: all;
  cursor: pointer;
  width: 183px;
  height: 236px;
  position: absolute;
  transform: translate3d(39px, -233px, 51px);
  background: none; }

.viewport .ent.terminal-elevator .entity-name {
  display: none; }

.viewport .ent.terminal-frostavator .clicky-bit {
  pointer-events: all;
  cursor: pointer;
  width: 329px;
  height: 256px;
  position: absolute;
  transform: translate3d(-39px, -254px, 51px);
  background: none; }

.viewport .ent.terminal-frostavator .entity-name {
  display: none; }

.viewport .ent.terminal-hero .clicky-bit {
  width: 341px;
  height: 260px;
  background: none;
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#19d800', GradientType=0);
  transform: translate3d(44px, -256px, 110px);
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-hero .entity-name {
  display: none; }

.viewport .ent.terminal-termOrientation .clicky-bit {
  width: 60px;
  height: 60px;
  transform: translateY(-112px) !important;
  background: url(/images/cranpi.png) no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer; }

.viewport .ent.terminal-termOrientation .entity-name {
  transform: translate3d(0, -230px, 10px); }

.viewport.v-entry .ent.terminal-elevator {
  transform: translate3d(0px, -3px, 1px); }

.viewport.v-rooftop.token-fpga_completed .ent.type-terminal.terminal-cors {
  display: block; }

.viewport.v-staging.token-cranpiRevealed .ent.type-terminal.terminal-orientation {
  display: block; }

.viewport.v-staging.token-orientation_attempted .ent.type-terminal.terminal-orientation .clicky-bit::after {
  display: none !important; }

.viewport.v-gnomefactory.token-termSmartGnome_completed .ent.type-terminal.terminal-termSmartGnome .clicky-bit {
  background: url("/images/hackagnome_1.png");
  background-size: contain; }

.viewport .ent.type-link.link-linkDosisNetwork .clicky-bit {
  width: 897px;
  height: 989px;
  transform: translate3d(-419px, -603px, 46px) rotateY(-37deg) scale(0.1) !important;
  background: url(/images/router.png) 0 0 no-repeat;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  transform-style: preserve-3d; }

.viewport .ent.type-link.link-linkDosisNetwork .entity-name {
  transform: translate3d(-8px, -284px, 44px) rotateY(-45deg); }

.viewport .ent.type-link.link-linkSignals .clicky-bit {
  width: 100px;
  height: 100px;
  background: url(/images/sigterm.png) 0 0 no-repeat;
  background-size: contain;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  transform-style: preserve-3d; }

.viewport .ent.type-link.link-linkSignals .entity-name {
  transform: translate3d(0px, -195px, 10px); }

.viewport.v-sandbox .terminal-termDosisAlarm .zpos {
  transform: translateZ(150px) rotateY(-45deg) !important; }

.viewport.v-sandbox .terminal-termDosisAlarm .entity-name {
  transform: translate3d(-24px, -328px, -49px) !important; }

.hit-ref {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; }

.hue-jackman {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  mix-blend-mode: color; }

.viewport {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: translate3d(0px, 0px, 0px);
  transition: background-color 3s;
  grid-area: game;
  overflow: hidden;
  perspective: 10000000000px;
  opacity: 1;
  transition: background-color 1s;
  pointer-events: none;
  z-index: 3; }
  .viewport .curtain {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999999;
    transition: opacity .1s; }
  .viewport.closing .curtain {
    transition: opacity .3s;
    opacity: 1; }
  .viewport.curtain .curtain {
    opacity: 1; }
  .viewport.build {
    opacity: 1;
    transition: none; }
    .viewport.build .lava {
      display: block !important; }
  .viewport canvas.lighting {
    display: none; }
  .viewport .camera {
    opacity: 1;
    transition: transform .5s linear;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-style: preserve-3d;
    z-index: 10; }
  .viewport .camera > * {
    transform-style: preserve-3d;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ }
  .viewport .overlay {
    position: absolute;
    z-index: 1000;
    pointer-events: none; }
  .viewport .door {
    width: 100px;
    height: 200px;
    background-repeat: no-repeat;
    transform-style: preserve-3d;
    position: absolute;
    transform-origin: top left; }
    .viewport .door.wood {
      background-image: url("/images/door_wood.jpg"); }
    .viewport .door.steel {
      background-image: url("/images/door_steel.jpg"); }
    .viewport .door.locked:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url("/images/lock.png");
      background-repeat: no-repeat; }
  .viewport .ent {
    position: absolute;
    transform-style: preserve-3d; }
    .viewport .ent > * {
      position: absolute;
      transform-style: preserve-3d;
      transform-origin: top left; }
    .viewport .ent > .floor {
      position: absolute;
      transform-style: preserve-3d;
      background: url("/images/wood_floor_1.jpg");
      transform: rotateX(90deg); }
    .viewport .ent.wall {
      background: url("/images/floral_wallpaper.png"); }
  .viewport .walking {
    transition: transform 1s linear; }
  .viewport .stuff .gate {
    position: absolute;
    pointer-events: none;
    background-image: url(/images/fence-section.png);
    width: 700px;
    height: 400px;
    transform: rotateX(0deg) translate3d(11px, -384px, 36px);
    transform-origin: bottom left;
    transform-style: preserve-3d;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom right; }
    .viewport .stuff .gate.right {
      transform: rotateX(0deg) translate3d(1188px, -384px, 36px);
      background-position: bottom left; }
  .viewport .stuff .plant {
    position: absolute;
    pointer-events: none;
    background-image: url(/images/plant.png);
    width: 700px;
    height: 400px;
    transform: rotateX(0deg) translate3d(-49px, -374px, -374px);
    transform-origin: bottom left;
    transform-style: preserve-3d;
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: bottom right; }
    .viewport .stuff .plant.r {
      transform: rotateX(0deg) translate3d(730px, -374px, -374px); }
    .viewport .stuff .plant.p2 {
      transform: rotateX(0deg) translate3d(-49px, -374px, -774px); }
      .viewport .stuff .plant.p2.r {
        transform: rotateX(0deg) translate3d(730px, -374px, -774px); }
    .viewport .stuff .plant.p3 {
      transform: rotateX(0deg) translate3d(-49px, -374px, -1174px); }
      .viewport .stuff .plant.p3.r {
        transform: rotateX(0deg) translate3d(730px, -374px, -1174px); }
    .viewport .stuff .plant.p4 {
      transform: rotateX(0deg) translate3d(-49px, -374px, -1574px); }
      .viewport .stuff .plant.p4.r {
        transform: rotateX(0deg) translate3d(730px, -374px, -1574px); }

@keyframes fadeEntIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.viewport.v-0 {
  opacity: 1; }

.viewport.v-1 {
  opacity: 1; }

.viewport.v-2 {
  opacity: 1; }

.viewport.v-3 {
  opacity: 1; }

.viewport.v-4 {
  opacity: 1; }

.viewport.v-5 {
  opacity: 1; }

.viewport.v-6 {
  opacity: 1; }

.viewport.v-7 {
  opacity: 1; }

.viewport.v-8 {
  opacity: 1; }

.viewport.v-9 {
  opacity: 1; }

.viewport.v-10 {
  opacity: 1; }

.viewport.v-11 {
  opacity: 1; }

.viewport.v-12 {
  opacity: 1; }

.viewport.v-13 {
  opacity: 1; }

.viewport.v-14 {
  opacity: 1; }

.viewport.v-15 {
  opacity: 1; }

.viewport.v-16 {
  opacity: 1; }

.viewport.v-17 {
  opacity: 1; }

.viewport.v-18 {
  opacity: 1; }

.viewport.v-19 {
  opacity: 1; }

.viewport.v-20 {
  opacity: 1; }

.viewport.v-21 {
  opacity: 1; }

.viewport.v-22 {
  opacity: 1; }

.viewport.v-23 {
  opacity: 1; }

.viewport.v-24 {
  opacity: 1; }

.viewport.v-25 {
  opacity: 1; }

.viewport.v-26 {
  opacity: 1; }

.viewport.v-27 {
  opacity: 1; }

.viewport.v-28 {
  opacity: 1; }

.viewport.v-29 {
  opacity: 1; }

.viewport.v-30 {
  opacity: 1; }

.viewport.view2d {
  transform-style: flat; }
  .viewport.view2d.token-halloftalks_visited .tooltip, .viewport.view2d.token-level1_visited .tooltip, .viewport.view2d.token-level2_visited .tooltip, .viewport.view2d.token-level3_visited .tooltip, .viewport.view2d.token-level4_visited .tooltip, .viewport.view2d.token-level5_visited .tooltip {
    display: none; }
  .viewport.view2d .tooltip {
    position: absolute;
    width: 221px;
    font-size: 1.4em;
    color: black;
    border: 2px solid black;
    background: #d6ffd9;
    text-align: center;
    border-radius: 15px;
    padding: 1ch;
    animation-duration: .5s;
    animation-name: bob;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    pointer-events: none; }
    .viewport.view2d .tooltip::after {
      content: "";
      position: absolute;
      bottom: -15px;
      left: 80px;
      border-width: 15px 15px 0;
      border-style: solid;
      border-color: black transparent;
      display: block;
      width: 0;
      z-index: 2; }
    .viewport.view2d .tooltip::before {
      content: "";
      position: absolute;
      bottom: -12px;
      left: 81px;
      border-width: 13px 13px 0;
      border-style: solid;
      border-color: #d6ffd9 transparent;
      display: block;
      width: 0;
      z-index: 4; }
  .viewport.view2d .door-clicker {
    position: absolute;
    transform-origin: top left;
    transform-style: preserve-3d;
    width: 100px;
    height: 200px;
    cursor: pointer;
    pointer-events: all;
    z-index: 9999999;
    transform: rotateX(90deg); }
  .viewport.view2d .item-clicker {
    position: absolute;
    transform-origin: top left;
    transform-style: preserve-3d;
    width: 90px;
    height: 80px;
    cursor: pointer;
    pointer-events: all;
    z-index: 9999999; }
  .viewport.view2d .lava {
    transform-origin: top left;
    background: navy;
    transform-style: preserve-3d;
    position: absolute;
    width: 500px;
    height: 300px;
    transform: rotateX(90deg); }
  .viewport.view2d .cursor-pre {
    width: 100px;
    height: 100px;
    transform-origin: top left;
    width: 100px;
    height: 100px;
    background: rgba(10, 10, 77, 0.473); }
  .viewport.view2d .shadow {
    display: none !important; }
  .viewport.view2d .ent.type-link.link-mirror .clicky-bit {
    width: 67px;
    height: 90px;
    margin-left: 9px;
    background: none;
    background-repeat: no-repeat;
    transform: translateZ(108px) translateX(-9px) translateY(-147px) rotateX(90deg);
    pointer-events: all;
    cursor: pointer;
    position: absolute;
    transform-style: preserve-3d; }
  .viewport.view2d .ent.npc.npc-canary1 .npc-username,
  .viewport.view2d .ent.npc.npc-canary2 .npc-username,
  .viewport.view2d .ent.npc.npc-canary3 .npc-username,
  .viewport.view2d .ent.npc.npc-handle .npc-username {
    display: none; }
  .viewport.view2d .ent.npc.npc-canary1 .npc-avatar,
  .viewport.view2d .ent.npc.npc-canary2 .npc-avatar,
  .viewport.view2d .ent.npc.npc-canary3 .npc-avatar {
    width: 44px;
    height: 58px;
    background: none;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(32px, 98px, 63px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.npc-canary2 .npc-avatar {
    transform: translate3d(32px, 98px, -6px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.npc-canary3 .npc-avatar {
    transform: translate3d(52px, 92px, 43px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.npc-handle .npc-avatar {
    width: 36px;
    height: 36px;
    background: none;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(29px, 20px, 6px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.smeagol .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagol.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 43px; }
  .viewport.view2d .ent.npc.smeagolmad1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagolmad1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 43px; }
  .viewport.view2d .ent.npc.smeagolmad2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagolmad2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 43px; }
  .viewport.view2d .ent.npc.smeagolmad3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/smeagolmad3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 43px; }
  .viewport.view2d .ent.npc.luigi .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/luigi.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-14px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc4 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc4.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc5 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc5.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc6 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc6.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc7 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc7.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc8 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc8.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc9 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc9.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc10 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc10.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc11 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc11.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc12 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc13 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc13.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc14 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc14.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc15 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc15.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc16 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc17 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc17.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc18 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc18.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc19 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc19.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.orc20 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/orcs/orc20.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(1px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.femalehobbit1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/femalehobbit1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-9px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.femalehobbit2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/femalehobbit2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-9px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.hobbit1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/hobbit1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-9px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.hobbit2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/hobbit2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-9px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.hobbit3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/hobbits/hobbit3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: translate3d(-9px, -44px, 60px) rotateX(90deg) !important; }
  .viewport.view2d .ent.npc.elf1 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf2 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf2.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf3 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf4 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf4.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf5 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf5.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf6 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf6.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf7 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf7.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf8 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf8.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf9 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf9.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf10 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf10.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf11 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf11.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf12 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf12.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf13 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf13.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf14 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf14.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf15 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf15.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf16 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf16.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf17 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf17.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf18 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf18.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf19 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf19.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf20 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf20.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf21 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf21.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf22 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf22.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.elf23 .npc-avatar {
    width: 100%;
    height: 100%;
    background-image: url(/images/avatars/elves/elf23.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 11px; }
  .viewport.view2d .ent.npc.npc-goosepixel .npc-avatar {
    width: 74px;
    height: 90px;
    transform: translate3d(0px, -20px, 106px) rotateX(90deg) !important; }
  .viewport.view2d .npc-avatar {
    transform: translate3d(0px, -20px, 75px) rotateX(90deg) !important; }
  .viewport.view2d .character-container {
    transform: translate3d(0px, 0px, -39px) rotateX(90deg); }
  .viewport.view2d .player.me .character-container {
    transform: translate3d(0px, -4px, -39px) rotateX(90deg); }
  .viewport.view2d .player.me .player-username {
    transform: translate3d(0px, 52px, -136px) rotateX(90deg) !important;
    color: #1be9f3 !important; }
  .viewport.view2d .npc-username {
    transform: translate3d(0px, 0px, -29px) rotateX(90deg) !important; }
  .viewport.view2d .player-username {
    transform: translate3d(0px, 54px, -119px) rotateX(90deg) !important; }
  .viewport.view2d .wall-layer {
    display: none !important; }
  .viewport.view2d .viewport .ent.chat ul li {
    background: red !important;
    transform: translate3d(0px, 0px, -39px) rotateX(0deg) !important; }
  .viewport.view2d .ent.player.walking .character-container {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01) !important;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: playerWalk2D !important;
    animation-duration: 0.3s; }
  .viewport.view2d .ent.player.walking.alt .character-container {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01) !important;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: playerWalk2DAlt !important;
    animation-duration: 0.3s; }
  .viewport.view2d .ent.player.me.walking .character-container {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01) !important;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: meWalk2D !important;
    animation-duration: 0.3s; }
  .viewport.view2d .ent.player.me.walking.alt .character-container {
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01) !important;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: meWalk2DAlt !important;
    animation-duration: 0.3s; }
  .viewport.view2d .ent.type-terminal .entity-name {
    transform: translate3d(0px, -260px, 142px) rotateX(90deg); }
  .viewport.view2d .ent.type-terminal .clicky-bit {
    transform: translate3d(0px, -120px, 100px) rotateX(90deg); }
  .viewport.view2d .ent.type-terminal.terminal-treasurechest1 .clicky-bit, .viewport.view2d .ent.type-terminal.terminal-treasurechest2 .clicky-bit, .viewport.view2d .ent.type-terminal.terminal-treasurechest3 .clicky-bit, .viewport.view2d .ent.type-terminal.terminal-treasurechest4 .clicky-bit, .viewport.view2d .ent.type-terminal.terminal-treasurechest5 .clicky-bit, .viewport.view2d .ent.type-terminal.terminal-treasurechest6 .clicky-bit, .viewport.view2d .ent.type-terminal.terminal-treasurechest7 .clicky-bit {
    width: 82px;
    height: 60px;
    transform: translate3d(-14px, -96px, 125px) rotateX(90deg);
    background: url(/images/chest.png) no-repeat;
    pointer-events: none;
    cursor: default; }
  .viewport.view2d .ent.type-terminal.terminal-treasurechest1 .entity-name, .viewport.view2d .ent.type-terminal.terminal-treasurechest2 .entity-name, .viewport.view2d .ent.type-terminal.terminal-treasurechest3 .entity-name, .viewport.view2d .ent.type-terminal.terminal-treasurechest4 .entity-name, .viewport.view2d .ent.type-terminal.terminal-treasurechest5 .entity-name, .viewport.view2d .ent.type-terminal.terminal-treasurechest6 .entity-name, .viewport.view2d .ent.type-terminal.terminal-treasurechest7 .entity-name {
    transform: translate3d(-3px, -210px, 10px); }
  .viewport.view2d .ent.type-terminal.terminal-bsrs .entity-name {
    transform: translate3d(-14px, -260px, 142px) rotateX(90deg);
    width: 120px; }
  .viewport.view2d .ent.type-terminal.terminal-elfhunt .clicky-bit {
    width: 100px;
    height: 80px;
    transform: translate3d(-22px, -120px, 104px) rotateX(90deg);
    background: url(/images/gameconsole.png) no-repeat;
    pointer-events: all;
    cursor: pointer; }
  .viewport.view2d .ent.type-terminal.terminal-elfhunt .entity-name {
    transform: translate3d(0px, -260px, 165px) rotateX(90deg); }
  .viewport.view2d .ent.type-terminal.terminal-atm .clicky-bit {
    width: 81px;
    height: 152px;
    transform: translate3d(-12px, -230px, 74px) rotateX(90deg) !important;
    background: url(/images/ktm.png) no-repeat;
    pointer-events: all;
    cursor: pointer; }
  .viewport.view2d .ent.type-terminal.terminal-atm .entity-name {
    display: none; }
  .viewport.view2d .ent.type-terminal.terminal-intro .clicky-bit {
    pointer-events: all;
    cursor: pointer;
    transform: translate3d(-27px, -120px, 100px) rotateX(90deg) !important; }
  .viewport.view2d .ent.type-terminal.terminal-intro .entity-name {
    transform: translate3d(-26px, -260px, 162px) rotateX(90deg); }
  .viewport.view2d .ent.type-terminal.terminal-escape .clicky-bit {
    pointer-events: all;
    cursor: pointer;
    transform: translate3d(-8px, -143px, 72px) rotateX(90deg) !important;
    background: none !important;
    width: 70px; }
  .viewport.view2d .ent.type-terminal.terminal-escape .entity-name {
    transform: translate3d(-2px, -310px, 140px) rotateX(90deg); }
  .viewport.view2d .ent.type-terminal.terminal-cicd {
    display: none; }
    .viewport.view2d .ent.type-terminal.terminal-cicd .clicky-bit {
      pointer-events: all;
      cursor: pointer;
      transform: translate3d(-46px, -143px, 72px) rotateX(90deg) !important;
      background: none !important;
      width: 70px; }
    .viewport.view2d .ent.type-terminal.terminal-cicd .entity-name {
      transform: translate3d(-41px, -310px, 163px) rotateX(90deg); }
  .viewport.view2d .ent.type-terminal.terminal-eventlogs .clicky-bit {
    pointer-events: all;
    cursor: pointer;
    transform: translate3d(-8px, -143px, 72px) rotateX(90deg) !important;
    background: none !important;
    width: 70px; }
  .viewport.view2d .ent.type-terminal.terminal-eventlogs .entity-name {
    transform: translate3d(-2px, -310px, 140px) rotateX(90deg); }
  .viewport.view2d .ent.chat {
    width: 250px;
    height: auto;
    z-index: 999999;
    left: -125px;
    top: -230px;
    display: flex;
    justify-content: center;
    pointer-events: all; }
    .viewport.view2d .ent.chat a {
      color: lightblue; }
    .viewport.view2d .ent.chat .player-username {
      position: absolute;
      width: 200%;
      text-align: center;
      top: -15px;
      left: -50%;
      font-size: 11px;
      position: absolute; }
    .viewport.view2d .ent.chat.parent-tooth {
      top: unset;
      transform: translate3d(9px, -40px, 50px); }
    .viewport.view2d .ent.chat.parent-callingbird1, .viewport.view2d .ent.chat.parent-callingbird2, .viewport.view2d .ent.chat.parent-callingbird3, .viewport.view2d .ent.chat.parent-callingbird4 {
      top: unset;
      transform: translate3d(18px, -118px, 0px); }
    .viewport.view2d .ent.chat.parent-cyberus {
      top: unset;
      transform: translate3d(18px, -162px, 0px); }
    .viewport.view2d .ent.chat.parent-canary1, .viewport.view2d .ent.chat.parent-canary2, .viewport.view2d .ent.chat.parent-canary3, .viewport.view2d .ent.chat.parent-handle {
      top: unset;
      transform: translate3d(3px, -245px, 158px); }
    .viewport.view2d .ent.chat ul {
      list-style: none;
      max-width: 250px;
      transition: height 1s ease;
      position: absolute;
      bottom: 0px;
      width: auto;
      margin: 0px;
      padding: 0px 15px;
      font-size: .9em;
      width: 100%;
      transform: translateY(79px) translateZ(-180px) rotateX(90deg); }
      .viewport.view2d .ent.chat ul li {
        text-align: center;
        transition: transform 1s ease-out;
        width: 100%; }
        .viewport.view2d .ent.chat ul li:nth-child(1) {
          transform: translateX(-2px); }
        .viewport.view2d .ent.chat ul li:nth-child(2) {
          transform: translateX(2px); }
        .viewport.view2d .ent.chat ul li:nth-child(3) {
          transform: translateX(0px); }
        .viewport.view2d .ent.chat ul li:nth-child(4) {
          transform: translateX(-2px); }
        .viewport.view2d .ent.chat ul li:nth-child(5) {
          transform: translateX(3px); }
        .viewport.view2d .ent.chat ul li.type-whisper {
          font-style: italic; }
          .viewport.view2d .ent.chat ul li.type-whisper p, .viewport.view2d .ent.chat ul li.type-whisper ol {
            margin: 1px 0px;
            word-wrap: break-word;
            display: inline-block;
            background: rgba(4, 56, 11, 0.877);
            padding: 2px 5px;
            border-radius: 10px; }
            .viewport.view2d .ent.chat ul li.type-whisper p.thought, .viewport.view2d .ent.chat ul li.type-whisper ol.thought {
              font-style: italic; }
          .viewport.view2d .ent.chat ul li.type-whisper ol li {
            width: 90%;
            margin-left: 10%; }
          .viewport.view2d .ent.chat ul li.type-whisper.src-npc {
            font-style: normal; }
            .viewport.view2d .ent.chat ul li.type-whisper.src-npc p, .viewport.view2d .ent.chat ul li.type-whisper.src-npc ol {
              margin: 1px 0px;
              word-wrap: break-word;
              display: inline-block;
              background: rgba(11, 25, 104, 0.877);
              padding: 2px 5px;
              border-radius: 10px; }
              .viewport.view2d .ent.chat ul li.type-whisper.src-npc p.thought, .viewport.view2d .ent.chat ul li.type-whisper.src-npc ol.thought {
                font-style: italic; }
        .viewport.view2d .ent.chat ul li p {
          margin: 1px 0px;
          word-wrap: break-word;
          display: inline-block;
          background: rgba(0, 0, 0, 0.741);
          padding: 2px 5px;
          border-radius: 10px; }
          .viewport.view2d .ent.chat ul li p.thought {
            font-style: italic; }
    .viewport.view2d .ent.chat.parent-nail, .viewport.view2d .ent.chat.parent-santamode-nail {
      transform: translate3d(-54px, -40px, 80px); }
  .viewport.view2d .viewport.v-6 .ent.chat ul li {
    display: none; }
  .viewport.view2d .viewport.v-7 .ent.chat ul li {
    display: none; }
  .viewport.view2d .viewport.v-8 .ent.chat ul li {
    display: none; }
  .viewport.view2d .viewport.v-9 .ent.chat ul li {
    display: none; }
  .viewport.view2d .viewport.v-10 .ent.chat ul li {
    display: none; }
  .viewport.view2d .viewport.v-11 .ent.chat ul li {
    display: none; }
  .viewport.view2d .viewport.v-12 .ent.chat ul li {
    display: none; }

@keyframes fadeIn {
  from {
    opacity: 0;
    top: -171px; }
  to {
    opacity: 1;
    top: -211px; } }

@keyframes playerWalk2D {
  from, to {
    transform: translate3d(0px, 0px, -39px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translate3d(0px, 0px, -50px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes playerWalk2DAlt {
  from, to {
    transform: translate3d(0px, 0px, -39px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translate3d(0px, 0px, -50px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes meWalk2D {
  from, to {
    transform: translate3d(0px, -4px, -39px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translate3d(0px, -4px, -50px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

@keyframes meWalk2DAlt {
  from, to {
    transform: translate3d(0px, -4px, -39px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0, 0.48, 0.33, 1.01); }
  50% {
    transform: translate3d(0px, -4px, -50px) rotateX(90deg);
    animation-timing-function: cubic-bezier(0.44, -0.01, 0.93, 0.58); } }

.marker:after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: #1889c7;
  opacity: .1;
  transform: translate3d(-20px, -21px, -10px) rotateX(90deg);
  pointer-events: none;
  border-radius: 100%;
  transition: opacity .5s .25s; }

.marker.dest:after {
  opacity: .4; }

.marker.single:after {
  opacity: 0; }

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  z-index: 8; }
  .snow:nth-child(1) {
    opacity: 0.416;
    transform: translate(42.7569vw, -10px) scale(0.9375);
    animation: fall-1 12.5s -30s linear infinite; }

@keyframes fall-1 {
  48.58% {
    transform: translate(52.6721vw, 48.58vh) scale(0.9375); }
  to {
    transform: translate(47.7145vw, 100vh) scale(0.9375); } }
  .snow:nth-child(2) {
    opacity: 0.7105;
    transform: translate(59.4662vw, -10px) scale(0.3246);
    animation: fall-2 11.25s -19s linear infinite; }

@keyframes fall-2 {
  76.309% {
    transform: translate(56.5683vw, 76.309vh) scale(0.3246); }
  to {
    transform: translate(58.01725vw, 100vh) scale(0.3246); } }
  .snow:nth-child(3) {
    opacity: 0.7483;
    transform: translate(32.2691vw, -10px) scale(0.3685);
    animation: fall-3 11.25s -22s linear infinite; }

@keyframes fall-3 {
  55.077% {
    transform: translate(24.5526vw, 55.077vh) scale(0.3685); }
  to {
    transform: translate(28.41085vw, 100vh) scale(0.3685); } }
  .snow:nth-child(4) {
    opacity: 0.2517;
    transform: translate(20.0419vw, -10px) scale(0.4845);
    animation: fall-4 10s -23s linear infinite; }

@keyframes fall-4 {
  58.63% {
    transform: translate(20.0246vw, 58.63vh) scale(0.4845); }
  to {
    transform: translate(20.03325vw, 100vh) scale(0.4845); } }
  .snow:nth-child(5) {
    opacity: 0.1662;
    transform: translate(86.6683vw, -10px) scale(0.2689);
    animation: fall-5 8.75s -27s linear infinite; }

@keyframes fall-5 {
  59.434% {
    transform: translate(82.7192vw, 59.434vh) scale(0.2689); }
  to {
    transform: translate(84.69375vw, 100vh) scale(0.2689); } }
  .snow:nth-child(6) {
    opacity: 0.437;
    transform: translate(27.7723vw, -10px) scale(0.5379);
    animation: fall-6 10s -8s linear infinite; }

@keyframes fall-6 {
  73.06% {
    transform: translate(29.7645vw, 73.06vh) scale(0.5379); }
  to {
    transform: translate(28.7684vw, 100vh) scale(0.5379); } }
  .snow:nth-child(7) {
    opacity: 0.3958;
    transform: translate(38.8514vw, -10px) scale(0.4845);
    animation: fall-7 10s -24s linear infinite; }

@keyframes fall-7 {
  30.926% {
    transform: translate(35.0237vw, 30.926vh) scale(0.4845); }
  to {
    transform: translate(36.93755vw, 100vh) scale(0.4845); } }
  .snow:nth-child(8) {
    opacity: 0.8131;
    transform: translate(81.6303vw, -10px) scale(0.4172);
    animation: fall-8 8.75s -25s linear infinite; }

@keyframes fall-8 {
  39.024% {
    transform: translate(72.3969vw, 39.024vh) scale(0.4172); }
  to {
    transform: translate(77.0136vw, 100vh) scale(0.4172); } }
  .snow:nth-child(9) {
    opacity: 0.9134;
    transform: translate(58.1518vw, -10px) scale(0.6792);
    animation: fall-9 10s -30s linear infinite; }

@keyframes fall-9 {
  39.065% {
    transform: translate(68.1502vw, 39.065vh) scale(0.6792); }
  to {
    transform: translate(63.151vw, 100vh) scale(0.6792); } }
  .snow:nth-child(10) {
    opacity: 0.0587;
    transform: translate(97.88vw, -10px) scale(0.3658);
    animation: fall-10 12.5s -3s linear infinite; }

@keyframes fall-10 {
  77.638% {
    transform: translate(87.9891vw, 77.638vh) scale(0.3658); }
  to {
    transform: translate(92.93455vw, 100vh) scale(0.3658); } }
  .snow:nth-child(11) {
    opacity: 0.5248;
    transform: translate(19.2375vw, -10px) scale(0.37);
    animation: fall-11 12.5s -2s linear infinite; }

@keyframes fall-11 {
  67.315% {
    transform: translate(27.6186vw, 67.315vh) scale(0.37); }
  to {
    transform: translate(23.42805vw, 100vh) scale(0.37); } }
  .snow:nth-child(12) {
    opacity: 0.6431;
    transform: translate(7.8633vw, -10px) scale(0.6165);
    animation: fall-12 12.5s -4s linear infinite; }

@keyframes fall-12 {
  47.406% {
    transform: translate(-0.5553vw, 47.406vh) scale(0.6165); }
  to {
    transform: translate(3.654vw, 100vh) scale(0.6165); } }
  .snow:nth-child(13) {
    opacity: 0.1128;
    transform: translate(18.0246vw, -10px) scale(0.1192);
    animation: fall-13 8.75s -25s linear infinite; }

@keyframes fall-13 {
  72.569% {
    transform: translate(14.7263vw, 72.569vh) scale(0.1192); }
  to {
    transform: translate(16.37545vw, 100vh) scale(0.1192); } }
  .snow:nth-child(14) {
    opacity: 0.1389;
    transform: translate(23.1152vw, -10px) scale(0.2188);
    animation: fall-14 12.5s -25s linear infinite; }

@keyframes fall-14 {
  32.829% {
    transform: translate(17.9653vw, 32.829vh) scale(0.2188); }
  to {
    transform: translate(20.54025vw, 100vh) scale(0.2188); } }
  .snow:nth-child(15) {
    opacity: 0.4499;
    transform: translate(73.4351vw, -10px) scale(0.3046);
    animation: fall-15 11.25s -7s linear infinite; }

@keyframes fall-15 {
  49.466% {
    transform: translate(64.0117vw, 49.466vh) scale(0.3046); }
  to {
    transform: translate(68.7234vw, 100vh) scale(0.3046); } }
  .snow:nth-child(16) {
    opacity: 0.5075;
    transform: translate(89.9829vw, -10px) scale(0.7365);
    animation: fall-16 8.75s -23s linear infinite; }

@keyframes fall-16 {
  31.218% {
    transform: translate(94.4106vw, 31.218vh) scale(0.7365); }
  to {
    transform: translate(92.19675vw, 100vh) scale(0.7365); } }
  .snow:nth-child(17) {
    opacity: 0.8575;
    transform: translate(13.6795vw, -10px) scale(0.9807);
    animation: fall-17 11.25s -14s linear infinite; }

@keyframes fall-17 {
  58.929% {
    transform: translate(19.8246vw, 58.929vh) scale(0.9807); }
  to {
    transform: translate(16.75205vw, 100vh) scale(0.9807); } }
  .snow:nth-child(18) {
    opacity: 0.6189;
    transform: translate(57.1754vw, -10px) scale(0.7544);
    animation: fall-18 12.5s -3s linear infinite; }

@keyframes fall-18 {
  70.205% {
    transform: translate(63.2251vw, 70.205vh) scale(0.7544); }
  to {
    transform: translate(60.20025vw, 100vh) scale(0.7544); } }
  .snow:nth-child(19) {
    opacity: 0.2296;
    transform: translate(4.2729vw, -10px) scale(0.3397);
    animation: fall-19 8.75s -22s linear infinite; }

@keyframes fall-19 {
  31.965% {
    transform: translate(-5.3668vw, 31.965vh) scale(0.3397); }
  to {
    transform: translate(-0.54695vw, 100vh) scale(0.3397); } }
  .snow:nth-child(20) {
    opacity: 0.18;
    transform: translate(90.6354vw, -10px) scale(0.8431);
    animation: fall-20 12.5s -25s linear infinite; }

@keyframes fall-20 {
  32.993% {
    transform: translate(95.7928vw, 32.993vh) scale(0.8431); }
  to {
    transform: translate(93.2141vw, 100vh) scale(0.8431); } }
  .snow:nth-child(21) {
    opacity: 0.5613;
    transform: translate(97.6669vw, -10px) scale(0.5591);
    animation: fall-21 8.75s -11s linear infinite; }

@keyframes fall-21 {
  74.972% {
    transform: translate(107.3185vw, 74.972vh) scale(0.5591); }
  to {
    transform: translate(102.4927vw, 100vh) scale(0.5591); } }
  .snow:nth-child(22) {
    opacity: 0.6714;
    transform: translate(9.5065vw, -10px) scale(0.7533);
    animation: fall-22 12.5s -27s linear infinite; }

@keyframes fall-22 {
  42.827% {
    transform: translate(17.5939vw, 42.827vh) scale(0.7533); }
  to {
    transform: translate(13.5502vw, 100vh) scale(0.7533); } }
  .snow:nth-child(23) {
    opacity: 0.552;
    transform: translate(98.8601vw, -10px) scale(0.01);
    animation: fall-23 10s -9s linear infinite; }

@keyframes fall-23 {
  58.088% {
    transform: translate(102.1419vw, 58.088vh) scale(0.01); }
  to {
    transform: translate(100.501vw, 100vh) scale(0.01); } }
  .snow:nth-child(24) {
    opacity: 0.9112;
    transform: translate(31.9177vw, -10px) scale(0.5835);
    animation: fall-24 11.25s -21s linear infinite; }

@keyframes fall-24 {
  44.148% {
    transform: translate(28.948vw, 44.148vh) scale(0.5835); }
  to {
    transform: translate(30.43285vw, 100vh) scale(0.5835); } }
  .snow:nth-child(25) {
    opacity: 0.0255;
    transform: translate(27.7761vw, -10px) scale(0.7185);
    animation: fall-25 11.25s -14s linear infinite; }

@keyframes fall-25 {
  68.158% {
    transform: translate(25.6214vw, 68.158vh) scale(0.7185); }
  to {
    transform: translate(26.69875vw, 100vh) scale(0.7185); } }
  .snow:nth-child(26) {
    opacity: 0.7547;
    transform: translate(61.7703vw, -10px) scale(0.7434);
    animation: fall-26 11.25s -10s linear infinite; }

@keyframes fall-26 {
  64.454% {
    transform: translate(59.7956vw, 64.454vh) scale(0.7434); }
  to {
    transform: translate(60.78295vw, 100vh) scale(0.7434); } }
  .snow:nth-child(27) {
    opacity: 0.6956;
    transform: translate(75.9802vw, -10px) scale(0.8501);
    animation: fall-27 8.75s -9s linear infinite; }

@keyframes fall-27 {
  42.905% {
    transform: translate(76.6071vw, 42.905vh) scale(0.8501); }
  to {
    transform: translate(76.29365vw, 100vh) scale(0.8501); } }
  .snow:nth-child(28) {
    opacity: 0.3011;
    transform: translate(58.7451vw, -10px) scale(0.4854);
    animation: fall-28 10s -3s linear infinite; }

@keyframes fall-28 {
  66.943% {
    transform: translate(50.2918vw, 66.943vh) scale(0.4854); }
  to {
    transform: translate(54.51845vw, 100vh) scale(0.4854); } }
  .snow:nth-child(29) {
    opacity: 0.6811;
    transform: translate(62.6838vw, -10px) scale(0.4695);
    animation: fall-29 8.75s -19s linear infinite; }

@keyframes fall-29 {
  77.982% {
    transform: translate(69.9143vw, 77.982vh) scale(0.4695); }
  to {
    transform: translate(66.29905vw, 100vh) scale(0.4695); } }
  .snow:nth-child(30) {
    opacity: 0.1932;
    transform: translate(6.709vw, -10px) scale(0.3301);
    animation: fall-30 11.25s -28s linear infinite; }

@keyframes fall-30 {
  76.624% {
    transform: translate(10.2702vw, 76.624vh) scale(0.3301); }
  to {
    transform: translate(8.4896vw, 100vh) scale(0.3301); } }
  .snow:nth-child(31) {
    opacity: 0.6137;
    transform: translate(34.4vw, -10px) scale(0.453);
    animation: fall-31 11.25s -24s linear infinite; }

@keyframes fall-31 {
  46.563% {
    transform: translate(25.1691vw, 46.563vh) scale(0.453); }
  to {
    transform: translate(29.78455vw, 100vh) scale(0.453); } }
  .snow:nth-child(32) {
    opacity: 0.5405;
    transform: translate(65.1738vw, -10px) scale(0.9383);
    animation: fall-32 11.25s -2s linear infinite; }

@keyframes fall-32 {
  68.844% {
    transform: translate(59.0643vw, 68.844vh) scale(0.9383); }
  to {
    transform: translate(62.11905vw, 100vh) scale(0.9383); } }
  .snow:nth-child(33) {
    opacity: 0.4866;
    transform: translate(80.2814vw, -10px) scale(0.9687);
    animation: fall-33 8.75s -23s linear infinite; }

@keyframes fall-33 {
  39.464% {
    transform: translate(79.3141vw, 39.464vh) scale(0.9687); }
  to {
    transform: translate(79.79775vw, 100vh) scale(0.9687); } }
  .snow:nth-child(34) {
    opacity: 0.4356;
    transform: translate(85.3426vw, -10px) scale(0.7689);
    animation: fall-34 12.5s -15s linear infinite; }

@keyframes fall-34 {
  78.663% {
    transform: translate(77.6603vw, 78.663vh) scale(0.7689); }
  to {
    transform: translate(81.50145vw, 100vh) scale(0.7689); } }
  .snow:nth-child(35) {
    opacity: 0.3493;
    transform: translate(13.6467vw, -10px) scale(0.9315);
    animation: fall-35 8.75s -19s linear infinite; }

@keyframes fall-35 {
  44.211% {
    transform: translate(4.4082vw, 44.211vh) scale(0.9315); }
  to {
    transform: translate(9.02745vw, 100vh) scale(0.9315); } }
  .snow:nth-child(36) {
    opacity: 0.2819;
    transform: translate(42.6961vw, -10px) scale(0.0425);
    animation: fall-36 10s -13s linear infinite; }

@keyframes fall-36 {
  48.462% {
    transform: translate(46.5697vw, 48.462vh) scale(0.0425); }
  to {
    transform: translate(44.6329vw, 100vh) scale(0.0425); } }
  .snow:nth-child(37) {
    opacity: 0.4418;
    transform: translate(75.3421vw, -10px) scale(0.2978);
    animation: fall-37 12.5s -28s linear infinite; }

@keyframes fall-37 {
  51.867% {
    transform: translate(78.6273vw, 51.867vh) scale(0.2978); }
  to {
    transform: translate(76.9847vw, 100vh) scale(0.2978); } }
  .snow:nth-child(38) {
    opacity: 0.7763;
    transform: translate(52.9957vw, -10px) scale(0.833);
    animation: fall-38 12.5s -13s linear infinite; }

@keyframes fall-38 {
  64.742% {
    transform: translate(56.4549vw, 64.742vh) scale(0.833); }
  to {
    transform: translate(54.7253vw, 100vh) scale(0.833); } }
  .snow:nth-child(39) {
    opacity: 0.6967;
    transform: translate(99.1274vw, -10px) scale(0.3117);
    animation: fall-39 11.25s -30s linear infinite; }

@keyframes fall-39 {
  74.2% {
    transform: translate(92.1403vw, 74.2vh) scale(0.3117); }
  to {
    transform: translate(95.63385vw, 100vh) scale(0.3117); } }
  .snow:nth-child(40) {
    opacity: 0.6027;
    transform: translate(2.8578vw, -10px) scale(0.1842);
    animation: fall-40 10s -6s linear infinite; }

@keyframes fall-40 {
  50.159% {
    transform: translate(10.7103vw, 50.159vh) scale(0.1842); }
  to {
    transform: translate(6.78405vw, 100vh) scale(0.1842); } }
  .snow:nth-child(41) {
    opacity: 0.957;
    transform: translate(28.5082vw, -10px) scale(0.5515);
    animation: fall-41 8.75s -17s linear infinite; }

@keyframes fall-41 {
  72.433% {
    transform: translate(23.1736vw, 72.433vh) scale(0.5515); }
  to {
    transform: translate(25.8409vw, 100vh) scale(0.5515); } }
  .snow:nth-child(42) {
    opacity: 0.7775;
    transform: translate(28.0288vw, -10px) scale(0.1828);
    animation: fall-42 12.5s -30s linear infinite; }

@keyframes fall-42 {
  43.936% {
    transform: translate(20.3619vw, 43.936vh) scale(0.1828); }
  to {
    transform: translate(24.19535vw, 100vh) scale(0.1828); } }
  .snow:nth-child(43) {
    opacity: 0.4677;
    transform: translate(42.3104vw, -10px) scale(0.4026);
    animation: fall-43 10s -16s linear infinite; }

@keyframes fall-43 {
  70.184% {
    transform: translate(51.0733vw, 70.184vh) scale(0.4026); }
  to {
    transform: translate(46.69185vw, 100vh) scale(0.4026); } }
  .snow:nth-child(44) {
    opacity: 0.8367;
    transform: translate(2.9598vw, -10px) scale(0.822);
    animation: fall-44 12.5s -8s linear infinite; }

@keyframes fall-44 {
  38.698% {
    transform: translate(9.3693vw, 38.698vh) scale(0.822); }
  to {
    transform: translate(6.16455vw, 100vh) scale(0.822); } }
  .snow:nth-child(45) {
    opacity: 0.8248;
    transform: translate(17.2692vw, -10px) scale(0.3589);
    animation: fall-45 11.25s -6s linear infinite; }

@keyframes fall-45 {
  70.332% {
    transform: translate(16.925vw, 70.332vh) scale(0.3589); }
  to {
    transform: translate(17.0971vw, 100vh) scale(0.3589); } }
  .snow:nth-child(46) {
    opacity: 0.9124;
    transform: translate(28.6657vw, -10px) scale(0.3906);
    animation: fall-46 11.25s -9s linear infinite; }

@keyframes fall-46 {
  38.146% {
    transform: translate(21.1812vw, 38.146vh) scale(0.3906); }
  to {
    transform: translate(24.92345vw, 100vh) scale(0.3906); } }
  .snow:nth-child(47) {
    opacity: 0.415;
    transform: translate(44.0994vw, -10px) scale(0.0548);
    animation: fall-47 8.75s -18s linear infinite; }

@keyframes fall-47 {
  75.784% {
    transform: translate(43.3541vw, 75.784vh) scale(0.0548); }
  to {
    transform: translate(43.72675vw, 100vh) scale(0.0548); } }
  .snow:nth-child(48) {
    opacity: 0.1034;
    transform: translate(19.5142vw, -10px) scale(0.809);
    animation: fall-48 12.5s -27s linear infinite; }

@keyframes fall-48 {
  35.24% {
    transform: translate(16.1773vw, 35.24vh) scale(0.809); }
  to {
    transform: translate(17.84575vw, 100vh) scale(0.809); } }
  .snow:nth-child(49) {
    opacity: 0.5839;
    transform: translate(89.8045vw, -10px) scale(0.8186);
    animation: fall-49 10s -8s linear infinite; }

@keyframes fall-49 {
  55.761% {
    transform: translate(88.7839vw, 55.761vh) scale(0.8186); }
  to {
    transform: translate(89.2942vw, 100vh) scale(0.8186); } }
  .snow:nth-child(50) {
    opacity: 0.1246;
    transform: translate(37.2876vw, -10px) scale(0.5816);
    animation: fall-50 11.25s -10s linear infinite; }

@keyframes fall-50 {
  34.272% {
    transform: translate(36.9007vw, 34.272vh) scale(0.5816); }
  to {
    transform: translate(37.09415vw, 100vh) scale(0.5816); } }
  .snow:nth-child(51) {
    opacity: 0.9071;
    transform: translate(76.4733vw, -10px) scale(0.6944);
    animation: fall-51 8.75s -16s linear infinite; }

@keyframes fall-51 {
  76.356% {
    transform: translate(68.741vw, 76.356vh) scale(0.6944); }
  to {
    transform: translate(72.60715vw, 100vh) scale(0.6944); } }
  .snow:nth-child(52) {
    opacity: 0.1384;
    transform: translate(19.9452vw, -10px) scale(0.7557);
    animation: fall-52 11.25s -23s linear infinite; }

@keyframes fall-52 {
  60.831% {
    transform: translate(22.5321vw, 60.831vh) scale(0.7557); }
  to {
    transform: translate(21.23865vw, 100vh) scale(0.7557); } }
  .snow:nth-child(53) {
    opacity: 0.5056;
    transform: translate(69.2814vw, -10px) scale(0.1746);
    animation: fall-53 11.25s -10s linear infinite; }

@keyframes fall-53 {
  43.663% {
    transform: translate(77.6093vw, 43.663vh) scale(0.1746); }
  to {
    transform: translate(73.44535vw, 100vh) scale(0.1746); } }
  .snow:nth-child(54) {
    opacity: 0.2612;
    transform: translate(11.0267vw, -10px) scale(0.5436);
    animation: fall-54 10s -23s linear infinite; }

@keyframes fall-54 {
  67.972% {
    transform: translate(15.3627vw, 67.972vh) scale(0.5436); }
  to {
    transform: translate(13.1947vw, 100vh) scale(0.5436); } }
  .snow:nth-child(55) {
    opacity: 0.6784;
    transform: translate(37.8623vw, -10px) scale(0.4108);
    animation: fall-55 11.25s -1s linear infinite; }

@keyframes fall-55 {
  30.188% {
    transform: translate(29.7204vw, 30.188vh) scale(0.4108); }
  to {
    transform: translate(33.79135vw, 100vh) scale(0.4108); } }
  .snow:nth-child(56) {
    opacity: 0.1047;
    transform: translate(79.0758vw, -10px) scale(0.9874);
    animation: fall-56 12.5s -8s linear infinite; }

@keyframes fall-56 {
  55.778% {
    transform: translate(77.7832vw, 55.778vh) scale(0.9874); }
  to {
    transform: translate(78.4295vw, 100vh) scale(0.9874); } }
  .snow:nth-child(57) {
    opacity: 0.3403;
    transform: translate(89.3206vw, -10px) scale(0.7927);
    animation: fall-57 11.25s -21s linear infinite; }

@keyframes fall-57 {
  64.099% {
    transform: translate(90.2317vw, 64.099vh) scale(0.7927); }
  to {
    transform: translate(89.77615vw, 100vh) scale(0.7927); } }
  .snow:nth-child(58) {
    opacity: 0.5765;
    transform: translate(78.1868vw, -10px) scale(0.8757);
    animation: fall-58 11.25s -9s linear infinite; }

@keyframes fall-58 {
  72.547% {
    transform: translate(76.8541vw, 72.547vh) scale(0.8757); }
  to {
    transform: translate(77.52045vw, 100vh) scale(0.8757); } }
  .snow:nth-child(59) {
    opacity: 0.0468;
    transform: translate(4.6411vw, -10px) scale(0.3543);
    animation: fall-59 12.5s -8s linear infinite; }

@keyframes fall-59 {
  55.515% {
    transform: translate(0.4791vw, 55.515vh) scale(0.3543); }
  to {
    transform: translate(2.5601vw, 100vh) scale(0.3543); } }
  .snow:nth-child(60) {
    opacity: 0.3076;
    transform: translate(45.9553vw, -10px) scale(0.2196);
    animation: fall-60 10s -24s linear infinite; }

@keyframes fall-60 {
  42.161% {
    transform: translate(49.8854vw, 42.161vh) scale(0.2196); }
  to {
    transform: translate(47.92035vw, 100vh) scale(0.2196); } }
  .snow:nth-child(61) {
    opacity: 0.2286;
    transform: translate(98.9986vw, -10px) scale(0.5372);
    animation: fall-61 11.25s -8s linear infinite; }

@keyframes fall-61 {
  62.609% {
    transform: translate(89.6831vw, 62.609vh) scale(0.5372); }
  to {
    transform: translate(94.34085vw, 100vh) scale(0.5372); } }
  .snow:nth-child(62) {
    opacity: 0.178;
    transform: translate(37.0038vw, -10px) scale(0.2192);
    animation: fall-62 12.5s -1s linear infinite; }

@keyframes fall-62 {
  42.84% {
    transform: translate(43.5729vw, 42.84vh) scale(0.2192); }
  to {
    transform: translate(40.28835vw, 100vh) scale(0.2192); } }
  .snow:nth-child(63) {
    opacity: 0.961;
    transform: translate(96.7945vw, -10px) scale(0.3068);
    animation: fall-63 12.5s -4s linear infinite; }

@keyframes fall-63 {
  74.384% {
    transform: translate(89.6053vw, 74.384vh) scale(0.3068); }
  to {
    transform: translate(93.1999vw, 100vh) scale(0.3068); } }
  .snow:nth-child(64) {
    opacity: 0.4843;
    transform: translate(64.2245vw, -10px) scale(0.6123);
    animation: fall-64 8.75s -22s linear infinite; }

@keyframes fall-64 {
  40.471% {
    transform: translate(58.8833vw, 40.471vh) scale(0.6123); }
  to {
    transform: translate(61.5539vw, 100vh) scale(0.6123); } }
  .snow:nth-child(65) {
    opacity: 0.1197;
    transform: translate(45.2092vw, -10px) scale(0.8869);
    animation: fall-65 8.75s -28s linear infinite; }

@keyframes fall-65 {
  68.208% {
    transform: translate(46.998vw, 68.208vh) scale(0.8869); }
  to {
    transform: translate(46.1036vw, 100vh) scale(0.8869); } }
  .snow:nth-child(66) {
    opacity: 0.3279;
    transform: translate(80.0044vw, -10px) scale(0.4997);
    animation: fall-66 12.5s -13s linear infinite; }

@keyframes fall-66 {
  56.09% {
    transform: translate(70.7951vw, 56.09vh) scale(0.4997); }
  to {
    transform: translate(75.39975vw, 100vh) scale(0.4997); } }
  .snow:nth-child(67) {
    opacity: 0.5329;
    transform: translate(6.346vw, -10px) scale(0.8994);
    animation: fall-67 11.25s -26s linear infinite; }

@keyframes fall-67 {
  78.24% {
    transform: translate(9.0603vw, 78.24vh) scale(0.8994); }
  to {
    transform: translate(7.70315vw, 100vh) scale(0.8994); } }
  .snow:nth-child(68) {
    opacity: 0.6168;
    transform: translate(29.6333vw, -10px) scale(0.4834);
    animation: fall-68 8.75s -16s linear infinite; }

@keyframes fall-68 {
  49.303% {
    transform: translate(36.8149vw, 49.303vh) scale(0.4834); }
  to {
    transform: translate(33.2241vw, 100vh) scale(0.4834); } }
  .snow:nth-child(69) {
    opacity: 0.4905;
    transform: translate(23.7449vw, -10px) scale(0.5822);
    animation: fall-69 10s -19s linear infinite; }

@keyframes fall-69 {
  42.433% {
    transform: translate(33.4008vw, 42.433vh) scale(0.5822); }
  to {
    transform: translate(28.57285vw, 100vh) scale(0.5822); } }
  .snow:nth-child(70) {
    opacity: 0.889;
    transform: translate(29.3575vw, -10px) scale(0.3834);
    animation: fall-70 8.75s -23s linear infinite; }

@keyframes fall-70 {
  51.143% {
    transform: translate(36.732vw, 51.143vh) scale(0.3834); }
  to {
    transform: translate(33.04475vw, 100vh) scale(0.3834); } }
  .snow:nth-child(71) {
    opacity: 0.2835;
    transform: translate(89.2847vw, -10px) scale(0.399);
    animation: fall-71 10s -10s linear infinite; }

@keyframes fall-71 {
  33.768% {
    transform: translate(97.707vw, 33.768vh) scale(0.399); }
  to {
    transform: translate(93.49585vw, 100vh) scale(0.399); } }
  .snow:nth-child(72) {
    opacity: 0.8742;
    transform: translate(20.9209vw, -10px) scale(0.2946);
    animation: fall-72 12.5s -23s linear infinite; }

@keyframes fall-72 {
  33.753% {
    transform: translate(24.1156vw, 33.753vh) scale(0.2946); }
  to {
    transform: translate(22.51825vw, 100vh) scale(0.2946); } }
  .snow:nth-child(73) {
    opacity: 0.5688;
    transform: translate(98.1112vw, -10px) scale(0.965);
    animation: fall-73 10s -30s linear infinite; }

@keyframes fall-73 {
  63.041% {
    transform: translate(92.0233vw, 63.041vh) scale(0.965); }
  to {
    transform: translate(95.06725vw, 100vh) scale(0.965); } }
  .snow:nth-child(74) {
    opacity: 0.0851;
    transform: translate(88.5252vw, -10px) scale(0.3524);
    animation: fall-74 11.25s -25s linear infinite; }

@keyframes fall-74 {
  38.126% {
    transform: translate(93.8896vw, 38.126vh) scale(0.3524); }
  to {
    transform: translate(91.2074vw, 100vh) scale(0.3524); } }
  .snow:nth-child(75) {
    opacity: 0.8639;
    transform: translate(52.8115vw, -10px) scale(0.5743);
    animation: fall-75 8.75s -15s linear infinite; }

@keyframes fall-75 {
  74.977% {
    transform: translate(49.1201vw, 74.977vh) scale(0.5743); }
  to {
    transform: translate(50.9658vw, 100vh) scale(0.5743); } }
  .snow:nth-child(76) {
    opacity: 0.7726;
    transform: translate(76.5198vw, -10px) scale(0.4939);
    animation: fall-76 10s -14s linear infinite; }

@keyframes fall-76 {
  66.738% {
    transform: translate(80.1324vw, 66.738vh) scale(0.4939); }
  to {
    transform: translate(78.3261vw, 100vh) scale(0.4939); } }
  .snow:nth-child(77) {
    opacity: 0.3495;
    transform: translate(20.9052vw, -10px) scale(0.7725);
    animation: fall-77 12.5s -5s linear infinite; }

@keyframes fall-77 {
  70.544% {
    transform: translate(17.8712vw, 70.544vh) scale(0.7725); }
  to {
    transform: translate(19.3882vw, 100vh) scale(0.7725); } }
  .snow:nth-child(78) {
    opacity: 0.9951;
    transform: translate(31.5356vw, -10px) scale(0.8);
    animation: fall-78 12.5s -27s linear infinite; }

@keyframes fall-78 {
  36.466% {
    transform: translate(22.0936vw, 36.466vh) scale(0.8); }
  to {
    transform: translate(26.8146vw, 100vh) scale(0.8); } }
  .snow:nth-child(79) {
    opacity: 0.944;
    transform: translate(56.2092vw, -10px) scale(0.7229);
    animation: fall-79 11.25s -17s linear infinite; }

@keyframes fall-79 {
  74.919% {
    transform: translate(50.2675vw, 74.919vh) scale(0.7229); }
  to {
    transform: translate(53.23835vw, 100vh) scale(0.7229); } }
  .snow:nth-child(80) {
    opacity: 0.9355;
    transform: translate(95.4565vw, -10px) scale(0.1204);
    animation: fall-80 8.75s -6s linear infinite; }

@keyframes fall-80 {
  69.793% {
    transform: translate(92.3482vw, 69.793vh) scale(0.1204); }
  to {
    transform: translate(93.90235vw, 100vh) scale(0.1204); } }
  .snow:nth-child(81) {
    opacity: 0.5839;
    transform: translate(79.0697vw, -10px) scale(0.5926);
    animation: fall-81 12.5s -23s linear infinite; }

@keyframes fall-81 {
  74.22% {
    transform: translate(86.2474vw, 74.22vh) scale(0.5926); }
  to {
    transform: translate(82.65855vw, 100vh) scale(0.5926); } }
  .snow:nth-child(82) {
    opacity: 0.6685;
    transform: translate(5.4274vw, -10px) scale(0.1602);
    animation: fall-82 11.25s -8s linear infinite; }

@keyframes fall-82 {
  61.834% {
    transform: translate(12.8943vw, 61.834vh) scale(0.1602); }
  to {
    transform: translate(9.16085vw, 100vh) scale(0.1602); } }
  .snow:nth-child(83) {
    opacity: 0.3627;
    transform: translate(6.17vw, -10px) scale(0.6514);
    animation: fall-83 8.75s -21s linear infinite; }

@keyframes fall-83 {
  50.087% {
    transform: translate(2.0039vw, 50.087vh) scale(0.6514); }
  to {
    transform: translate(4.08695vw, 100vh) scale(0.6514); } }
  .snow:nth-child(84) {
    opacity: 0.2117;
    transform: translate(22.3031vw, -10px) scale(0.111);
    animation: fall-84 8.75s -27s linear infinite; }

@keyframes fall-84 {
  66.941% {
    transform: translate(18.5556vw, 66.941vh) scale(0.111); }
  to {
    transform: translate(20.42935vw, 100vh) scale(0.111); } }
  .snow:nth-child(85) {
    opacity: 0.0979;
    transform: translate(77.0526vw, -10px) scale(0.7044);
    animation: fall-85 8.75s -29s linear infinite; }

@keyframes fall-85 {
  58.942% {
    transform: translate(83.0516vw, 58.942vh) scale(0.7044); }
  to {
    transform: translate(80.0521vw, 100vh) scale(0.7044); } }
  .snow:nth-child(86) {
    opacity: 0.9373;
    transform: translate(59.7713vw, -10px) scale(0.2539);
    animation: fall-86 10s -18s linear infinite; }

@keyframes fall-86 {
  72.874% {
    transform: translate(63.5718vw, 72.874vh) scale(0.2539); }
  to {
    transform: translate(61.67155vw, 100vh) scale(0.2539); } }
  .snow:nth-child(87) {
    opacity: 0.4087;
    transform: translate(72.338vw, -10px) scale(0.9099);
    animation: fall-87 12.5s -1s linear infinite; }

@keyframes fall-87 {
  40.558% {
    transform: translate(66.7972vw, 40.558vh) scale(0.9099); }
  to {
    transform: translate(69.5676vw, 100vh) scale(0.9099); } }
  .snow:nth-child(88) {
    opacity: 0.7609;
    transform: translate(97.8332vw, -10px) scale(0.4719);
    animation: fall-88 11.25s -3s linear infinite; }

@keyframes fall-88 {
  60.892% {
    transform: translate(93.5724vw, 60.892vh) scale(0.4719); }
  to {
    transform: translate(95.7028vw, 100vh) scale(0.4719); } }
  .snow:nth-child(89) {
    opacity: 0.5123;
    transform: translate(63.9491vw, -10px) scale(0.8824);
    animation: fall-89 10s -1s linear infinite; }

@keyframes fall-89 {
  57.107% {
    transform: translate(73.2339vw, 57.107vh) scale(0.8824); }
  to {
    transform: translate(68.5915vw, 100vh) scale(0.8824); } }
  .snow:nth-child(90) {
    opacity: 0.5373;
    transform: translate(11.9547vw, -10px) scale(0.6553);
    animation: fall-90 10s -15s linear infinite; }

@keyframes fall-90 {
  71.813% {
    transform: translate(18.2247vw, 71.813vh) scale(0.6553); }
  to {
    transform: translate(15.0897vw, 100vh) scale(0.6553); } }
  .snow:nth-child(91) {
    opacity: 0.0134;
    transform: translate(19.4581vw, -10px) scale(0.8453);
    animation: fall-91 10s -2s linear infinite; }

@keyframes fall-91 {
  58.324% {
    transform: translate(24.1176vw, 58.324vh) scale(0.8453); }
  to {
    transform: translate(21.78785vw, 100vh) scale(0.8453); } }
  .snow:nth-child(92) {
    opacity: 0.9133;
    transform: translate(72.8358vw, -10px) scale(0.4315);
    animation: fall-92 8.75s -11s linear infinite; }

@keyframes fall-92 {
  30.345% {
    transform: translate(82.0152vw, 30.345vh) scale(0.4315); }
  to {
    transform: translate(77.4255vw, 100vh) scale(0.4315); } }
  .snow:nth-child(93) {
    opacity: 0.6247;
    transform: translate(2.5408vw, -10px) scale(0.6906);
    animation: fall-93 11.25s -16s linear infinite; }

@keyframes fall-93 {
  54.341% {
    transform: translate(-1.6809vw, 54.341vh) scale(0.6906); }
  to {
    transform: translate(0.42995vw, 100vh) scale(0.6906); } }
  .snow:nth-child(94) {
    opacity: 0.5368;
    transform: translate(43.0269vw, -10px) scale(0.8419);
    animation: fall-94 10s -25s linear infinite; }

@keyframes fall-94 {
  79.316% {
    transform: translate(37.8063vw, 79.316vh) scale(0.8419); }
  to {
    transform: translate(40.4166vw, 100vh) scale(0.8419); } }
  .snow:nth-child(95) {
    opacity: 0.1251;
    transform: translate(8.9845vw, -10px) scale(0.8501);
    animation: fall-95 11.25s -5s linear infinite; }

@keyframes fall-95 {
  47.861% {
    transform: translate(12.2302vw, 47.861vh) scale(0.8501); }
  to {
    transform: translate(10.60735vw, 100vh) scale(0.8501); } }
  .snow:nth-child(96) {
    opacity: 0.5668;
    transform: translate(95.5248vw, -10px) scale(0.6841);
    animation: fall-96 10s -14s linear infinite; }

@keyframes fall-96 {
  59.048% {
    transform: translate(103.8437vw, 59.048vh) scale(0.6841); }
  to {
    transform: translate(99.68425vw, 100vh) scale(0.6841); } }
  .snow:nth-child(97) {
    opacity: 0.7986;
    transform: translate(40.5626vw, -10px) scale(0.8801);
    animation: fall-97 10s -13s linear infinite; }

@keyframes fall-97 {
  61.39% {
    transform: translate(32.7261vw, 61.39vh) scale(0.8801); }
  to {
    transform: translate(36.64435vw, 100vh) scale(0.8801); } }
  .snow:nth-child(98) {
    opacity: 0.213;
    transform: translate(53.8527vw, -10px) scale(0.6306);
    animation: fall-98 10s -11s linear infinite; }

@keyframes fall-98 {
  79.96% {
    transform: translate(59.2075vw, 79.96vh) scale(0.6306); }
  to {
    transform: translate(56.5301vw, 100vh) scale(0.6306); } }
  .snow:nth-child(99) {
    opacity: 0.9971;
    transform: translate(78.4016vw, -10px) scale(0.2991);
    animation: fall-99 12.5s -5s linear infinite; }

@keyframes fall-99 {
  78.126% {
    transform: translate(70.9603vw, 78.126vh) scale(0.2991); }
  to {
    transform: translate(74.68095vw, 100vh) scale(0.2991); } }
  .snow:nth-child(100) {
    opacity: 0.6402;
    transform: translate(60.4135vw, -10px) scale(0.7029);
    animation: fall-100 12.5s -29s linear infinite; }

@keyframes fall-100 {
  30.425% {
    transform: translate(70.0827vw, 30.425vh) scale(0.7029); }
  to {
    transform: translate(65.2481vw, 100vh) scale(0.7029); } }
  .snow:nth-child(101) {
    opacity: 0.022;
    transform: translate(19.9713vw, -10px) scale(0.0209);
    animation: fall-101 11.25s -21s linear infinite; }

@keyframes fall-101 {
  40.997% {
    transform: translate(22.7254vw, 40.997vh) scale(0.0209); }
  to {
    transform: translate(21.34835vw, 100vh) scale(0.0209); } }
  .snow:nth-child(102) {
    opacity: 0.0188;
    transform: translate(64.5701vw, -10px) scale(0.7849);
    animation: fall-102 12.5s -17s linear infinite; }

@keyframes fall-102 {
  35.487% {
    transform: translate(62.314vw, 35.487vh) scale(0.7849); }
  to {
    transform: translate(63.44205vw, 100vh) scale(0.7849); } }
  .snow:nth-child(103) {
    opacity: 0.0072;
    transform: translate(83.2291vw, -10px) scale(0.6113);
    animation: fall-103 12.5s -4s linear infinite; }

@keyframes fall-103 {
  34.978% {
    transform: translate(86.7199vw, 34.978vh) scale(0.6113); }
  to {
    transform: translate(84.9745vw, 100vh) scale(0.6113); } }
  .snow:nth-child(104) {
    opacity: 0.5452;
    transform: translate(22.3004vw, -10px) scale(0.9198);
    animation: fall-104 8.75s -1s linear infinite; }

@keyframes fall-104 {
  36.373% {
    transform: translate(24.506vw, 36.373vh) scale(0.9198); }
  to {
    transform: translate(23.4032vw, 100vh) scale(0.9198); } }
  .snow:nth-child(105) {
    opacity: 0.1747;
    transform: translate(19.1688vw, -10px) scale(0.875);
    animation: fall-105 10s -23s linear infinite; }

@keyframes fall-105 {
  33.951% {
    transform: translate(9.8694vw, 33.951vh) scale(0.875); }
  to {
    transform: translate(14.5191vw, 100vh) scale(0.875); } }
  .snow:nth-child(106) {
    opacity: 0.6389;
    transform: translate(4.8139vw, -10px) scale(0.0546);
    animation: fall-106 11.25s -20s linear infinite; }

@keyframes fall-106 {
  79.49% {
    transform: translate(4.0414vw, 79.49vh) scale(0.0546); }
  to {
    transform: translate(4.42765vw, 100vh) scale(0.0546); } }
  .snow:nth-child(107) {
    opacity: 0.911;
    transform: translate(45.9651vw, -10px) scale(0.3475);
    animation: fall-107 12.5s -12s linear infinite; }

@keyframes fall-107 {
  50.358% {
    transform: translate(44.167vw, 50.358vh) scale(0.3475); }
  to {
    transform: translate(45.06605vw, 100vh) scale(0.3475); } }
  .snow:nth-child(108) {
    opacity: 0.9341;
    transform: translate(8.0758vw, -10px) scale(0.035);
    animation: fall-108 12.5s -21s linear infinite; }

@keyframes fall-108 {
  71.257% {
    transform: translate(4.3495vw, 71.257vh) scale(0.035); }
  to {
    transform: translate(6.21265vw, 100vh) scale(0.035); } }
  .snow:nth-child(109) {
    opacity: 0.2652;
    transform: translate(16.579vw, -10px) scale(0.6462);
    animation: fall-109 11.25s -19s linear infinite; }

@keyframes fall-109 {
  76.604% {
    transform: translate(20.5603vw, 76.604vh) scale(0.6462); }
  to {
    transform: translate(18.56965vw, 100vh) scale(0.6462); } }
  .snow:nth-child(110) {
    opacity: 0.0782;
    transform: translate(17.4257vw, -10px) scale(0.8959);
    animation: fall-110 8.75s -17s linear infinite; }

@keyframes fall-110 {
  78.438% {
    transform: translate(15.7209vw, 78.438vh) scale(0.8959); }
  to {
    transform: translate(16.5733vw, 100vh) scale(0.8959); } }
  .snow:nth-child(111) {
    opacity: 0.7899;
    transform: translate(30.6592vw, -10px) scale(0.3714);
    animation: fall-111 10s -29s linear infinite; }

@keyframes fall-111 {
  55.615% {
    transform: translate(31.0302vw, 55.615vh) scale(0.3714); }
  to {
    transform: translate(30.8447vw, 100vh) scale(0.3714); } }
  .snow:nth-child(112) {
    opacity: 0.3998;
    transform: translate(33.6757vw, -10px) scale(0.2317);
    animation: fall-112 12.5s -24s linear infinite; }

@keyframes fall-112 {
  66.808% {
    transform: translate(42.3137vw, 66.808vh) scale(0.2317); }
  to {
    transform: translate(37.9947vw, 100vh) scale(0.2317); } }
  .snow:nth-child(113) {
    opacity: 0.0022;
    transform: translate(60.1312vw, -10px) scale(0.7754);
    animation: fall-113 10s -26s linear infinite; }

@keyframes fall-113 {
  47.818% {
    transform: translate(58.2064vw, 47.818vh) scale(0.7754); }
  to {
    transform: translate(59.1688vw, 100vh) scale(0.7754); } }
  .snow:nth-child(114) {
    opacity: 0.7843;
    transform: translate(15.6536vw, -10px) scale(0.0252);
    animation: fall-114 10s -14s linear infinite; }

@keyframes fall-114 {
  53.36% {
    transform: translate(14.9101vw, 53.36vh) scale(0.0252); }
  to {
    transform: translate(15.28185vw, 100vh) scale(0.0252); } }
  .snow:nth-child(115) {
    opacity: 0.8949;
    transform: translate(66.9866vw, -10px) scale(0.0316);
    animation: fall-115 11.25s -25s linear infinite; }

@keyframes fall-115 {
  61.269% {
    transform: translate(75.8973vw, 61.269vh) scale(0.0316); }
  to {
    transform: translate(71.44195vw, 100vh) scale(0.0316); } }
  .snow:nth-child(116) {
    opacity: 0.6463;
    transform: translate(75.8411vw, -10px) scale(0.888);
    animation: fall-116 12.5s -13s linear infinite; }

@keyframes fall-116 {
  70.055% {
    transform: translate(81.7528vw, 70.055vh) scale(0.888); }
  to {
    transform: translate(78.79695vw, 100vh) scale(0.888); } }
  .snow:nth-child(117) {
    opacity: 0.8658;
    transform: translate(78.6059vw, -10px) scale(0.3489);
    animation: fall-117 8.75s -20s linear infinite; }

@keyframes fall-117 {
  63.687% {
    transform: translate(69.5534vw, 63.687vh) scale(0.3489); }
  to {
    transform: translate(74.07965vw, 100vh) scale(0.3489); } }
  .snow:nth-child(118) {
    opacity: 0.9966;
    transform: translate(89.9936vw, -10px) scale(0.1331);
    animation: fall-118 12.5s -22s linear infinite; }

@keyframes fall-118 {
  49.756% {
    transform: translate(96.7649vw, 49.756vh) scale(0.1331); }
  to {
    transform: translate(93.37925vw, 100vh) scale(0.1331); } }
  .snow:nth-child(119) {
    opacity: 0.5347;
    transform: translate(46.5142vw, -10px) scale(0.8212);
    animation: fall-119 8.75s -30s linear infinite; }

@keyframes fall-119 {
  30.478% {
    transform: translate(49.7479vw, 30.478vh) scale(0.8212); }
  to {
    transform: translate(48.13105vw, 100vh) scale(0.8212); } }
  .snow:nth-child(120) {
    opacity: 0.6188;
    transform: translate(27.8195vw, -10px) scale(0.4865);
    animation: fall-120 10s -5s linear infinite; }

@keyframes fall-120 {
  67.403% {
    transform: translate(32.7214vw, 67.403vh) scale(0.4865); }
  to {
    transform: translate(30.27045vw, 100vh) scale(0.4865); } }
  .snow:nth-child(121) {
    opacity: 0.5856;
    transform: translate(55.5864vw, -10px) scale(0.0294);
    animation: fall-121 11.25s -19s linear infinite; }

@keyframes fall-121 {
  45.028% {
    transform: translate(48.2789vw, 45.028vh) scale(0.0294); }
  to {
    transform: translate(51.93265vw, 100vh) scale(0.0294); } }
  .snow:nth-child(122) {
    opacity: 0.6053;
    transform: translate(10.1979vw, -10px) scale(0.2414);
    animation: fall-122 10s -29s linear infinite; }

@keyframes fall-122 {
  49.767% {
    transform: translate(1.5206vw, 49.767vh) scale(0.2414); }
  to {
    transform: translate(5.85925vw, 100vh) scale(0.2414); } }
  .snow:nth-child(123) {
    opacity: 0.1915;
    transform: translate(12.7174vw, -10px) scale(0.6923);
    animation: fall-123 10s -29s linear infinite; }

@keyframes fall-123 {
  79.843% {
    transform: translate(17.0231vw, 79.843vh) scale(0.6923); }
  to {
    transform: translate(14.87025vw, 100vh) scale(0.6923); } }
  .snow:nth-child(124) {
    opacity: 0.2899;
    transform: translate(57.0447vw, -10px) scale(0.1981);
    animation: fall-124 12.5s -29s linear infinite; }

@keyframes fall-124 {
  32.752% {
    transform: translate(59.4729vw, 32.752vh) scale(0.1981); }
  to {
    transform: translate(58.2588vw, 100vh) scale(0.1981); } }
  .snow:nth-child(125) {
    opacity: 0.0094;
    transform: translate(53.8186vw, -10px) scale(0.2042);
    animation: fall-125 8.75s -8s linear infinite; }

@keyframes fall-125 {
  39.569% {
    transform: translate(47.8513vw, 39.569vh) scale(0.2042); }
  to {
    transform: translate(50.83495vw, 100vh) scale(0.2042); } }
  .snow:nth-child(126) {
    opacity: 0.8314;
    transform: translate(85.6144vw, -10px) scale(0.8833);
    animation: fall-126 11.25s -11s linear infinite; }

@keyframes fall-126 {
  73.775% {
    transform: translate(86.386vw, 73.775vh) scale(0.8833); }
  to {
    transform: translate(86.0002vw, 100vh) scale(0.8833); } }
  .snow:nth-child(127) {
    opacity: 0.4424;
    transform: translate(27.8209vw, -10px) scale(0.5439);
    animation: fall-127 8.75s -2s linear infinite; }

@keyframes fall-127 {
  35.606% {
    transform: translate(22.814vw, 35.606vh) scale(0.5439); }
  to {
    transform: translate(25.31745vw, 100vh) scale(0.5439); } }
  .snow:nth-child(128) {
    opacity: 0.3012;
    transform: translate(77.3982vw, -10px) scale(0.1471);
    animation: fall-128 11.25s -2s linear infinite; }

@keyframes fall-128 {
  47.186% {
    transform: translate(67.6651vw, 47.186vh) scale(0.1471); }
  to {
    transform: translate(72.53165vw, 100vh) scale(0.1471); } }
  .snow:nth-child(129) {
    opacity: 0.4262;
    transform: translate(19.7585vw, -10px) scale(0.3745);
    animation: fall-129 11.25s -9s linear infinite; }

@keyframes fall-129 {
  50.199% {
    transform: translate(20.3004vw, 50.199vh) scale(0.3745); }
  to {
    transform: translate(20.02945vw, 100vh) scale(0.3745); } }
  .snow:nth-child(130) {
    opacity: 0.5127;
    transform: translate(73.1657vw, -10px) scale(0.0478);
    animation: fall-130 12.5s -10s linear infinite; }

@keyframes fall-130 {
  55.714% {
    transform: translate(70.722vw, 55.714vh) scale(0.0478); }
  to {
    transform: translate(71.94385vw, 100vh) scale(0.0478); } }
  .snow:nth-child(131) {
    opacity: 0.0635;
    transform: translate(88.8321vw, -10px) scale(0.0073);
    animation: fall-131 12.5s -12s linear infinite; }

@keyframes fall-131 {
  43.195% {
    transform: translate(90.4841vw, 43.195vh) scale(0.0073); }
  to {
    transform: translate(89.6581vw, 100vh) scale(0.0073); } }
  .snow:nth-child(132) {
    opacity: 0.6119;
    transform: translate(41.1943vw, -10px) scale(0.0468);
    animation: fall-132 10s -2s linear infinite; }

@keyframes fall-132 {
  45.563% {
    transform: translate(32.2249vw, 45.563vh) scale(0.0468); }
  to {
    transform: translate(36.7096vw, 100vh) scale(0.0468); } }
  .snow:nth-child(133) {
    opacity: 0.0927;
    transform: translate(92.7054vw, -10px) scale(0.4882);
    animation: fall-133 8.75s -11s linear infinite; }

@keyframes fall-133 {
  43.86% {
    transform: translate(99.3636vw, 43.86vh) scale(0.4882); }
  to {
    transform: translate(96.0345vw, 100vh) scale(0.4882); } }
  .snow:nth-child(134) {
    opacity: 0.4088;
    transform: translate(17.9398vw, -10px) scale(0.8161);
    animation: fall-134 11.25s -18s linear infinite; }

@keyframes fall-134 {
  38.774% {
    transform: translate(20.6517vw, 38.774vh) scale(0.8161); }
  to {
    transform: translate(19.29575vw, 100vh) scale(0.8161); } }
  .snow:nth-child(135) {
    opacity: 0.5485;
    transform: translate(1.1805vw, -10px) scale(0.5409);
    animation: fall-135 8.75s -9s linear infinite; }

@keyframes fall-135 {
  70.687% {
    transform: translate(3.6408vw, 70.687vh) scale(0.5409); }
  to {
    transform: translate(2.41065vw, 100vh) scale(0.5409); } }
  .snow:nth-child(136) {
    opacity: 0.0034;
    transform: translate(0.0405vw, -10px) scale(0.0739);
    animation: fall-136 12.5s -22s linear infinite; }

@keyframes fall-136 {
  55.342% {
    transform: translate(-3.2161vw, 55.342vh) scale(0.0739); }
  to {
    transform: translate(-1.5878vw, 100vh) scale(0.0739); } }
  .snow:nth-child(137) {
    opacity: 0.0532;
    transform: translate(83.6999vw, -10px) scale(0.6116);
    animation: fall-137 11.25s -13s linear infinite; }

@keyframes fall-137 {
  53.945% {
    transform: translate(80.107vw, 53.945vh) scale(0.6116); }
  to {
    transform: translate(81.90345vw, 100vh) scale(0.6116); } }
  .snow:nth-child(138) {
    opacity: 0.9144;
    transform: translate(38.233vw, -10px) scale(0.7668);
    animation: fall-138 8.75s -4s linear infinite; }

@keyframes fall-138 {
  33.405% {
    transform: translate(36.9124vw, 33.405vh) scale(0.7668); }
  to {
    transform: translate(37.5727vw, 100vh) scale(0.7668); } }
  .snow:nth-child(139) {
    opacity: 0.0917;
    transform: translate(89.8172vw, -10px) scale(0.8918);
    animation: fall-139 10s -23s linear infinite; }

@keyframes fall-139 {
  31.302% {
    transform: translate(92.1571vw, 31.302vh) scale(0.8918); }
  to {
    transform: translate(90.98715vw, 100vh) scale(0.8918); } }
  .snow:nth-child(140) {
    opacity: 0.1213;
    transform: translate(75.5021vw, -10px) scale(0.5272);
    animation: fall-140 8.75s -15s linear infinite; }

@keyframes fall-140 {
  38.211% {
    transform: translate(82.9102vw, 38.211vh) scale(0.5272); }
  to {
    transform: translate(79.20615vw, 100vh) scale(0.5272); } }
  .snow:nth-child(141) {
    opacity: 0.566;
    transform: translate(67.5407vw, -10px) scale(0.636);
    animation: fall-141 10s -17s linear infinite; }

@keyframes fall-141 {
  52.79% {
    transform: translate(63.996vw, 52.79vh) scale(0.636); }
  to {
    transform: translate(65.76835vw, 100vh) scale(0.636); } }
  .snow:nth-child(142) {
    opacity: 0.7108;
    transform: translate(52.8319vw, -10px) scale(0.1483);
    animation: fall-142 10s -20s linear infinite; }

@keyframes fall-142 {
  79.25% {
    transform: translate(48.1217vw, 79.25vh) scale(0.1483); }
  to {
    transform: translate(50.4768vw, 100vh) scale(0.1483); } }
  .snow:nth-child(143) {
    opacity: 0.8379;
    transform: translate(18.8206vw, -10px) scale(0.0512);
    animation: fall-143 8.75s -22s linear infinite; }

@keyframes fall-143 {
  50.955% {
    transform: translate(22.6106vw, 50.955vh) scale(0.0512); }
  to {
    transform: translate(20.7156vw, 100vh) scale(0.0512); } }
  .snow:nth-child(144) {
    opacity: 0.5957;
    transform: translate(63.5804vw, -10px) scale(0.9154);
    animation: fall-144 10s -25s linear infinite; }

@keyframes fall-144 {
  64.802% {
    transform: translate(54.661vw, 64.802vh) scale(0.9154); }
  to {
    transform: translate(59.1207vw, 100vh) scale(0.9154); } }
  .snow:nth-child(145) {
    opacity: 0.6003;
    transform: translate(52.0603vw, -10px) scale(0.5842);
    animation: fall-145 8.75s -26s linear infinite; }

@keyframes fall-145 {
  64.739% {
    transform: translate(48.9781vw, 64.739vh) scale(0.5842); }
  to {
    transform: translate(50.5192vw, 100vh) scale(0.5842); } }
  .snow:nth-child(146) {
    opacity: 0.3312;
    transform: translate(4.3359vw, -10px) scale(0.4805);
    animation: fall-146 11.25s -5s linear infinite; }

@keyframes fall-146 {
  58.012% {
    transform: translate(8.2021vw, 58.012vh) scale(0.4805); }
  to {
    transform: translate(6.269vw, 100vh) scale(0.4805); } }
  .snow:nth-child(147) {
    opacity: 0.5802;
    transform: translate(69.6768vw, -10px) scale(0.6241);
    animation: fall-147 10s -13s linear infinite; }

@keyframes fall-147 {
  58.382% {
    transform: translate(74.7336vw, 58.382vh) scale(0.6241); }
  to {
    transform: translate(72.2052vw, 100vh) scale(0.6241); } }
  .snow:nth-child(148) {
    opacity: 0.7836;
    transform: translate(93.4256vw, -10px) scale(0.8918);
    animation: fall-148 12.5s -29s linear infinite; }

@keyframes fall-148 {
  79.324% {
    transform: translate(95.8712vw, 79.324vh) scale(0.8918); }
  to {
    transform: translate(94.6484vw, 100vh) scale(0.8918); } }
  .snow:nth-child(149) {
    opacity: 0.2843;
    transform: translate(41.0564vw, -10px) scale(0.4681);
    animation: fall-149 11.25s -14s linear infinite; }

@keyframes fall-149 {
  66.115% {
    transform: translate(43.6184vw, 66.115vh) scale(0.4681); }
  to {
    transform: translate(42.3374vw, 100vh) scale(0.4681); } }
  .snow:nth-child(150) {
    opacity: 0.7462;
    transform: translate(34.9935vw, -10px) scale(0.3007);
    animation: fall-150 8.75s -2s linear infinite; }

@keyframes fall-150 {
  64.786% {
    transform: translate(31.6775vw, 64.786vh) scale(0.3007); }
  to {
    transform: translate(33.3355vw, 100vh) scale(0.3007); } }
  .snow:nth-child(151) {
    opacity: 0.5177;
    transform: translate(94.6256vw, -10px) scale(0.2008);
    animation: fall-151 12.5s -29s linear infinite; }

@keyframes fall-151 {
  50.1% {
    transform: translate(98.8333vw, 50.1vh) scale(0.2008); }
  to {
    transform: translate(96.72945vw, 100vh) scale(0.2008); } }
  .snow:nth-child(152) {
    opacity: 0.3249;
    transform: translate(28.9171vw, -10px) scale(0.708);
    animation: fall-152 11.25s -24s linear infinite; }

@keyframes fall-152 {
  69.219% {
    transform: translate(25.335vw, 69.219vh) scale(0.708); }
  to {
    transform: translate(27.12605vw, 100vh) scale(0.708); } }
  .snow:nth-child(153) {
    opacity: 0.7607;
    transform: translate(59.9059vw, -10px) scale(0.0283);
    animation: fall-153 12.5s -30s linear infinite; }

@keyframes fall-153 {
  50.669% {
    transform: translate(63.0759vw, 50.669vh) scale(0.0283); }
  to {
    transform: translate(61.4909vw, 100vh) scale(0.0283); } }
  .snow:nth-child(154) {
    opacity: 0.9782;
    transform: translate(13.3932vw, -10px) scale(0.8773);
    animation: fall-154 11.25s -19s linear infinite; }

@keyframes fall-154 {
  72.445% {
    transform: translate(20.0142vw, 72.445vh) scale(0.8773); }
  to {
    transform: translate(16.7037vw, 100vh) scale(0.8773); } }
  .snow:nth-child(155) {
    opacity: 0.8925;
    transform: translate(14.2184vw, -10px) scale(0.6953);
    animation: fall-155 12.5s -15s linear infinite; }

@keyframes fall-155 {
  31.067% {
    transform: translate(21.1149vw, 31.067vh) scale(0.6953); }
  to {
    transform: translate(17.66665vw, 100vh) scale(0.6953); } }
  .snow:nth-child(156) {
    opacity: 0.4571;
    transform: translate(89.4998vw, -10px) scale(0.1879);
    animation: fall-156 12.5s -25s linear infinite; }

@keyframes fall-156 {
  77.941% {
    transform: translate(88.9138vw, 77.941vh) scale(0.1879); }
  to {
    transform: translate(89.2068vw, 100vh) scale(0.1879); } }
  .snow:nth-child(157) {
    opacity: 0.0507;
    transform: translate(44.4237vw, -10px) scale(0.8352);
    animation: fall-157 10s -2s linear infinite; }

@keyframes fall-157 {
  37.006% {
    transform: translate(41.6854vw, 37.006vh) scale(0.8352); }
  to {
    transform: translate(43.05455vw, 100vh) scale(0.8352); } }
  .snow:nth-child(158) {
    opacity: 0.3175;
    transform: translate(43.3039vw, -10px) scale(0.7569);
    animation: fall-158 12.5s -7s linear infinite; }

@keyframes fall-158 {
  34.586% {
    transform: translate(37.3712vw, 34.586vh) scale(0.7569); }
  to {
    transform: translate(40.33755vw, 100vh) scale(0.7569); } }
  .snow:nth-child(159) {
    opacity: 0.1282;
    transform: translate(91.1533vw, -10px) scale(0.0846);
    animation: fall-159 10s -27s linear infinite; }

@keyframes fall-159 {
  56.521% {
    transform: translate(84.6136vw, 56.521vh) scale(0.0846); }
  to {
    transform: translate(87.88345vw, 100vh) scale(0.0846); } }
  .snow:nth-child(160) {
    opacity: 0.4932;
    transform: translate(3.6765vw, -10px) scale(0.7099);
    animation: fall-160 10s -7s linear infinite; }

@keyframes fall-160 {
  51.841% {
    transform: translate(1.6271vw, 51.841vh) scale(0.7099); }
  to {
    transform: translate(2.6518vw, 100vh) scale(0.7099); } }
  .snow:nth-child(161) {
    opacity: 0.5182;
    transform: translate(22.0047vw, -10px) scale(0.7788);
    animation: fall-161 11.25s -1s linear infinite; }

@keyframes fall-161 {
  67.653% {
    transform: translate(15.8002vw, 67.653vh) scale(0.7788); }
  to {
    transform: translate(18.90245vw, 100vh) scale(0.7788); } }
  .snow:nth-child(162) {
    opacity: 0.811;
    transform: translate(99.549vw, -10px) scale(0.0571);
    animation: fall-162 12.5s -20s linear infinite; }

@keyframes fall-162 {
  39.089% {
    transform: translate(100.187vw, 39.089vh) scale(0.0571); }
  to {
    transform: translate(99.868vw, 100vh) scale(0.0571); } }
  .snow:nth-child(163) {
    opacity: 0.0038;
    transform: translate(89.8086vw, -10px) scale(0.5016);
    animation: fall-163 8.75s -5s linear infinite; }

@keyframes fall-163 {
  45.709% {
    transform: translate(79.9427vw, 45.709vh) scale(0.5016); }
  to {
    transform: translate(84.87565vw, 100vh) scale(0.5016); } }
  .snow:nth-child(164) {
    opacity: 0.5076;
    transform: translate(69.7767vw, -10px) scale(0.745);
    animation: fall-164 10s -2s linear infinite; }

@keyframes fall-164 {
  35.753% {
    transform: translate(69.6819vw, 35.753vh) scale(0.745); }
  to {
    transform: translate(69.7293vw, 100vh) scale(0.745); } }
  .snow:nth-child(165) {
    opacity: 0.7476;
    transform: translate(1.8776vw, -10px) scale(0.389);
    animation: fall-165 12.5s -6s linear infinite; }

@keyframes fall-165 {
  48.799% {
    transform: translate(-0.4023vw, 48.799vh) scale(0.389); }
  to {
    transform: translate(0.73765vw, 100vh) scale(0.389); } }
  .snow:nth-child(166) {
    opacity: 0.4596;
    transform: translate(56.603vw, -10px) scale(0.9304);
    animation: fall-166 11.25s -15s linear infinite; }

@keyframes fall-166 {
  55.24% {
    transform: translate(58.2487vw, 55.24vh) scale(0.9304); }
  to {
    transform: translate(57.42585vw, 100vh) scale(0.9304); } }
  .snow:nth-child(167) {
    opacity: 0.0654;
    transform: translate(9.6716vw, -10px) scale(0.0999);
    animation: fall-167 11.25s -16s linear infinite; }

@keyframes fall-167 {
  78.848% {
    transform: translate(19.5774vw, 78.848vh) scale(0.0999); }
  to {
    transform: translate(14.6245vw, 100vh) scale(0.0999); } }
  .snow:nth-child(168) {
    opacity: 0.5386;
    transform: translate(62.7588vw, -10px) scale(0.4105);
    animation: fall-168 11.25s -27s linear infinite; }

@keyframes fall-168 {
  71.636% {
    transform: translate(56.1519vw, 71.636vh) scale(0.4105); }
  to {
    transform: translate(59.45535vw, 100vh) scale(0.4105); } }
  .snow:nth-child(169) {
    opacity: 0.5827;
    transform: translate(28.4385vw, -10px) scale(0.7406);
    animation: fall-169 11.25s -20s linear infinite; }

@keyframes fall-169 {
  34.982% {
    transform: translate(33.5465vw, 34.982vh) scale(0.7406); }
  to {
    transform: translate(30.9925vw, 100vh) scale(0.7406); } }
  .snow:nth-child(170) {
    opacity: 0.3767;
    transform: translate(4.3486vw, -10px) scale(0.154);
    animation: fall-170 11.25s -24s linear infinite; }

@keyframes fall-170 {
  31.313% {
    transform: translate(10.2115vw, 31.313vh) scale(0.154); }
  to {
    transform: translate(7.28005vw, 100vh) scale(0.154); } }
  .snow:nth-child(171) {
    opacity: 0.7178;
    transform: translate(76.2102vw, -10px) scale(0.6677);
    animation: fall-171 8.75s -25s linear infinite; }

@keyframes fall-171 {
  37.818% {
    transform: translate(76.9086vw, 37.818vh) scale(0.6677); }
  to {
    transform: translate(76.5594vw, 100vh) scale(0.6677); } }
  .snow:nth-child(172) {
    opacity: 0.4413;
    transform: translate(36.1998vw, -10px) scale(0.5072);
    animation: fall-172 12.5s -6s linear infinite; }

@keyframes fall-172 {
  59.301% {
    transform: translate(31.79vw, 59.301vh) scale(0.5072); }
  to {
    transform: translate(33.9949vw, 100vh) scale(0.5072); } }
  .snow:nth-child(173) {
    opacity: 0.8422;
    transform: translate(26.3071vw, -10px) scale(0.1666);
    animation: fall-173 11.25s -26s linear infinite; }

@keyframes fall-173 {
  48.201% {
    transform: translate(20.5699vw, 48.201vh) scale(0.1666); }
  to {
    transform: translate(23.4385vw, 100vh) scale(0.1666); } }
  .snow:nth-child(174) {
    opacity: 0.5718;
    transform: translate(19.9967vw, -10px) scale(0.3435);
    animation: fall-174 10s -10s linear infinite; }

@keyframes fall-174 {
  70.695% {
    transform: translate(25.9948vw, 70.695vh) scale(0.3435); }
  to {
    transform: translate(22.99575vw, 100vh) scale(0.3435); } }
  .snow:nth-child(175) {
    opacity: 0.5587;
    transform: translate(89.2202vw, -10px) scale(0.9588);
    animation: fall-175 12.5s -15s linear infinite; }

@keyframes fall-175 {
  43.148% {
    transform: translate(82.575vw, 43.148vh) scale(0.9588); }
  to {
    transform: translate(85.8976vw, 100vh) scale(0.9588); } }
  .snow:nth-child(176) {
    opacity: 0.6163;
    transform: translate(89.79vw, -10px) scale(0.9047);
    animation: fall-176 12.5s -26s linear infinite; }

@keyframes fall-176 {
  36.911% {
    transform: translate(94.5438vw, 36.911vh) scale(0.9047); }
  to {
    transform: translate(92.1669vw, 100vh) scale(0.9047); } }
  .snow:nth-child(177) {
    opacity: 0.1433;
    transform: translate(51.0842vw, -10px) scale(0.3427);
    animation: fall-177 8.75s -2s linear infinite; }

@keyframes fall-177 {
  39.434% {
    transform: translate(50.3948vw, 39.434vh) scale(0.3427); }
  to {
    transform: translate(50.7395vw, 100vh) scale(0.3427); } }
  .snow:nth-child(178) {
    opacity: 0.6939;
    transform: translate(71.4017vw, -10px) scale(0.0932);
    animation: fall-178 8.75s -28s linear infinite; }

@keyframes fall-178 {
  48.045% {
    transform: translate(65.6487vw, 48.045vh) scale(0.0932); }
  to {
    transform: translate(68.5252vw, 100vh) scale(0.0932); } }
  .snow:nth-child(179) {
    opacity: 0.5505;
    transform: translate(26.4709vw, -10px) scale(0.7554);
    animation: fall-179 8.75s -19s linear infinite; }

@keyframes fall-179 {
  57.358% {
    transform: translate(21.5722vw, 57.358vh) scale(0.7554); }
  to {
    transform: translate(24.02155vw, 100vh) scale(0.7554); } }
  .snow:nth-child(180) {
    opacity: 0.781;
    transform: translate(73.7077vw, -10px) scale(0.6947);
    animation: fall-180 10s -27s linear infinite; }

@keyframes fall-180 {
  38.244% {
    transform: translate(66.3063vw, 38.244vh) scale(0.6947); }
  to {
    transform: translate(70.007vw, 100vh) scale(0.6947); } }
  .snow:nth-child(181) {
    opacity: 0.5537;
    transform: translate(52.021vw, -10px) scale(0.2715);
    animation: fall-181 12.5s -26s linear infinite; }

@keyframes fall-181 {
  65.21% {
    transform: translate(61.088vw, 65.21vh) scale(0.2715); }
  to {
    transform: translate(56.5545vw, 100vh) scale(0.2715); } }
  .snow:nth-child(182) {
    opacity: 0.4685;
    transform: translate(79.1742vw, -10px) scale(0.1837);
    animation: fall-182 11.25s -2s linear infinite; }

@keyframes fall-182 {
  34.76% {
    transform: translate(83.4825vw, 34.76vh) scale(0.1837); }
  to {
    transform: translate(81.32835vw, 100vh) scale(0.1837); } }
  .snow:nth-child(183) {
    opacity: 0.1428;
    transform: translate(89.8147vw, -10px) scale(0.8129);
    animation: fall-183 11.25s -3s linear infinite; }

@keyframes fall-183 {
  51.717% {
    transform: translate(91.9929vw, 51.717vh) scale(0.8129); }
  to {
    transform: translate(90.9038vw, 100vh) scale(0.8129); } }
  .snow:nth-child(184) {
    opacity: 0.9503;
    transform: translate(92.1831vw, -10px) scale(0.0993);
    animation: fall-184 12.5s -23s linear infinite; }

@keyframes fall-184 {
  33.379% {
    transform: translate(90.2133vw, 33.379vh) scale(0.0993); }
  to {
    transform: translate(91.1982vw, 100vh) scale(0.0993); } }
  .snow:nth-child(185) {
    opacity: 0.5528;
    transform: translate(58.7273vw, -10px) scale(0.4056);
    animation: fall-185 11.25s -23s linear infinite; }

@keyframes fall-185 {
  36.959% {
    transform: translate(58.5693vw, 36.959vh) scale(0.4056); }
  to {
    transform: translate(58.6483vw, 100vh) scale(0.4056); } }
  .snow:nth-child(186) {
    opacity: 0.3912;
    transform: translate(3.8058vw, -10px) scale(0.0023);
    animation: fall-186 8.75s -3s linear infinite; }

@keyframes fall-186 {
  48.355% {
    transform: translate(11.2778vw, 48.355vh) scale(0.0023); }
  to {
    transform: translate(7.5418vw, 100vh) scale(0.0023); } }
  .snow:nth-child(187) {
    opacity: 0.5991;
    transform: translate(58.8735vw, -10px) scale(0.4487);
    animation: fall-187 11.25s -18s linear infinite; }

@keyframes fall-187 {
  78.799% {
    transform: translate(63.4721vw, 78.799vh) scale(0.4487); }
  to {
    transform: translate(61.1728vw, 100vh) scale(0.4487); } }
  .snow:nth-child(188) {
    opacity: 0.0439;
    transform: translate(91.2198vw, -10px) scale(0.8478);
    animation: fall-188 8.75s -30s linear infinite; }

@keyframes fall-188 {
  77.082% {
    transform: translate(82.951vw, 77.082vh) scale(0.8478); }
  to {
    transform: translate(87.0854vw, 100vh) scale(0.8478); } }
  .snow:nth-child(189) {
    opacity: 0.0442;
    transform: translate(8.7469vw, -10px) scale(0.3283);
    animation: fall-189 8.75s -26s linear infinite; }

@keyframes fall-189 {
  42.355% {
    transform: translate(10.8304vw, 42.355vh) scale(0.3283); }
  to {
    transform: translate(9.78865vw, 100vh) scale(0.3283); } }
  .snow:nth-child(190) {
    opacity: 0.0091;
    transform: translate(18.3196vw, -10px) scale(0.8816);
    animation: fall-190 10s -8s linear infinite; }

@keyframes fall-190 {
  32.889% {
    transform: translate(19.7493vw, 32.889vh) scale(0.8816); }
  to {
    transform: translate(19.03445vw, 100vh) scale(0.8816); } }
  .snow:nth-child(191) {
    opacity: 0.8365;
    transform: translate(53.1841vw, -10px) scale(0.0217);
    animation: fall-191 12.5s -29s linear infinite; }

@keyframes fall-191 {
  79.803% {
    transform: translate(62.8145vw, 79.803vh) scale(0.0217); }
  to {
    transform: translate(57.9993vw, 100vh) scale(0.0217); } }
  .snow:nth-child(192) {
    opacity: 0.3852;
    transform: translate(56.4185vw, -10px) scale(0.2539);
    animation: fall-192 11.25s -3s linear infinite; }

@keyframes fall-192 {
  61.507% {
    transform: translate(60.7923vw, 61.507vh) scale(0.2539); }
  to {
    transform: translate(58.6054vw, 100vh) scale(0.2539); } }
  .snow:nth-child(193) {
    opacity: 0.2763;
    transform: translate(53.7394vw, -10px) scale(0.7612);
    animation: fall-193 10s -25s linear infinite; }

@keyframes fall-193 {
  76.2% {
    transform: translate(47.8762vw, 76.2vh) scale(0.7612); }
  to {
    transform: translate(50.8078vw, 100vh) scale(0.7612); } }
  .snow:nth-child(194) {
    opacity: 0.7941;
    transform: translate(89.7925vw, -10px) scale(0.8199);
    animation: fall-194 11.25s -19s linear infinite; }

@keyframes fall-194 {
  67.511% {
    transform: translate(82.7111vw, 67.511vh) scale(0.8199); }
  to {
    transform: translate(86.2518vw, 100vh) scale(0.8199); } }
  .snow:nth-child(195) {
    opacity: 0.8123;
    transform: translate(19.8928vw, -10px) scale(0.0513);
    animation: fall-195 12.5s -6s linear infinite; }

@keyframes fall-195 {
  74.577% {
    transform: translate(24.0659vw, 74.577vh) scale(0.0513); }
  to {
    transform: translate(21.97935vw, 100vh) scale(0.0513); } }
  .snow:nth-child(196) {
    opacity: 0.3364;
    transform: translate(1.3654vw, -10px) scale(0.0847);
    animation: fall-196 12.5s -29s linear infinite; }

@keyframes fall-196 {
  67.576% {
    transform: translate(-1.7467vw, 67.576vh) scale(0.0847); }
  to {
    transform: translate(-0.19065vw, 100vh) scale(0.0847); } }
  .snow:nth-child(197) {
    opacity: 0.8716;
    transform: translate(67.0062vw, -10px) scale(0.0797);
    animation: fall-197 10s -15s linear infinite; }

@keyframes fall-197 {
  78.008% {
    transform: translate(58.2516vw, 78.008vh) scale(0.0797); }
  to {
    transform: translate(62.6289vw, 100vh) scale(0.0797); } }
  .snow:nth-child(198) {
    opacity: 0.3279;
    transform: translate(31.5621vw, -10px) scale(0.328);
    animation: fall-198 12.5s -26s linear infinite; }

@keyframes fall-198 {
  42.936% {
    transform: translate(31.1247vw, 42.936vh) scale(0.328); }
  to {
    transform: translate(31.3434vw, 100vh) scale(0.328); } }
  .snow:nth-child(199) {
    opacity: 0.7702;
    transform: translate(59.858vw, -10px) scale(0.6457);
    animation: fall-199 8.75s -27s linear infinite; }

@keyframes fall-199 {
  60.72% {
    transform: translate(54.0059vw, 60.72vh) scale(0.6457); }
  to {
    transform: translate(56.93195vw, 100vh) scale(0.6457); } }
  .snow:nth-child(200) {
    opacity: 0.8607;
    transform: translate(51.7976vw, -10px) scale(0.0246);
    animation: fall-200 12.5s -25s linear infinite; }

@keyframes fall-200 {
  38.699% {
    transform: translate(55.322vw, 38.699vh) scale(0.0246); }
  to {
    transform: translate(53.5598vw, 100vh) scale(0.0246); } }

.noir-rain-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  filter: grayscale(10) invert(1);
  overflow: hidden;
  pointer-events: none;
  z-index: 99999; }

.noir-rain-container video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.hhc-game-elements .credits {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999;
  text-align: center;
  color: #e63125;
  background: rgba(255, 255, 255, 0);
  font-size: 2em;
  transition: background 5s;
  pointer-events: none; }
  .hhc-game-elements .credits.active .shuttle {
    display: block; }
  .hhc-game-elements .credits.scroll {
    background: rgba(255, 255, 255, 0.7); }
  .hhc-game-elements .credits .toggle-credits {
    position: absolute;
    width: 100px;
    height: 42px;
    top: 0px;
    left: 0px;
    background: #e63125;
    border-bottom-right-radius: 10px;
    color: white;
    z-index: 2;
    font-size: 15px;
    border: none;
    padding: 0;
    margin: 0;
    pointer-events: all;
    cursor: pointer; }
  .hhc-game-elements .credits .shuttle {
    position: absolute;
    width: 100%;
    transition: top 90s linear;
    display: none;
    top: 100%;
    z-index: 1;
    pointer-events: all; }
  .hhc-game-elements .credits h2 {
    font-size: 2em; }
  .hhc-game-elements .credits .section {
    margin: 4ch 0ch 8ch 0ch;
    color: #e63125; }
    .hhc-game-elements .credits .section em {
      font-family: Rouge Script;
      font-size: 2em; }
    .hhc-game-elements .credits .section ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
      color: #353535; }

:root {
  --frost-tower-logo: #515174;
  --frost-tower-mortar: #c7c7c7;
  --frost-tower-plaster: antiquewhite;
  --frost-tower-window: transparent; }

.viewport .door-clicker {
  position: absolute;
  transform-origin: top left;
  transform-style: preserve-3d;
  width: 100px;
  height: 100px;
  cursor: pointer;
  pointer-events: all;
  z-index: 9999999;
  background: url(/images/exitglow.png) repeat-x;
  animation: exitglow 3s cubic-bezier(0.05, 1.27, 0.96, -0.29) infinite;
  animation-direction: alternate;
  background-position-y: -61px; }
  .viewport .door-clicker.two {
    animation-duration: 2.75s;
    background-position-y: -48px; }
  .viewport .door-clicker.three {
    animation-duration: 3.25s;
    background-position-y: -48px; }
  .viewport .door-clicker.four {
    animation-duration: 2.5s;
    background-position-y: -30px;
    animation-direction: alternate-reverse; }

@keyframes exitglow {
  0% {
    background-position-x: 0%; }
  100% {
    background-position-x: 100%; } }

@keyframes gnomeWalk {
  0% {
    transform: translate(0px, 0px); }
  12.5% {
    transform: translate(-2px, -8px); }
  25% {
    transform: translate(3px, 2px); }
  37.5% {
    transform: translate(-1px, -10px); }
  50% {
    transform: translate(2px, 0px); }
  62.5% {
    transform: translate(-3px, -6px); }
  75% {
    transform: translate(1px, 3px); }
  87.5% {
    transform: translate(-2px, -7px); }
  100% {
    transform: translate(0px, 0px); } }

@keyframes trainRideBump {
  0% {
    transform: translate3d(250px, 0px, 286px) rotateX(90deg); }
  11% {
    transform: translate3d(250px, 1px, 286px) rotateX(90deg); }
  13% {
    transform: translate3d(250px, 0px, 286px) rotateX(90deg); }
  15% {
    transform: translate3d(250px, 1px, 286px) rotateX(90deg); }
  70% {
    transform: translate3d(250px, 0px, 286px) rotateX(90deg); }
  72% {
    transform: translate3d(250px, 1px, 286px) rotateX(90deg); }
  74% {
    transform: translate3d(250px, 0px, 286px) rotateX(90deg); }
  76% {
    transform: translate3d(250px, 1px, 286px) rotateX(90deg); }
  78% {
    transform: translate3d(250px, 0px, 286px) rotateX(90deg); }
  100% {
    transform: translate3d(250px, 0px, 286px) rotateX(90deg); } }

@keyframes trainRideBumpFloor {
  0% {
    transform: translate3d(0px, 0px, 0px) rotateX(90deg); }
  11% {
    transform: translate3d(0px, 1px, 0px) rotateX(90deg); }
  13% {
    transform: translate3d(0px, 0px, 0px) rotateX(90deg); }
  15% {
    transform: translate3d(0px, 1px, 0px) rotateX(90deg); }
  70% {
    transform: translate3d(0px, 0px, 0px) rotateX(90deg); }
  72% {
    transform: translate3d(0px, 1px, 0px) rotateX(90deg); }
  74% {
    transform: translate3d(0px, 0px, 0px) rotateX(90deg); }
  76% {
    transform: translate3d(0px, 1px, 0px) rotateX(90deg); }
  78% {
    transform: translate3d(0px, 0px, 0px) rotateX(90deg); }
  100% {
    transform: translate3d(0px, 0px, 0px) rotateX(90deg); } }

.viewport .item-clicker {
  position: absolute;
  transform-origin: top left;
  transform-style: preserve-3d;
  width: 90px;
  height: 80px;
  cursor: pointer;
  pointer-events: all;
  z-index: 9999999; }
  .viewport .item-clicker.gameboy1, .viewport .item-clicker.gameboy2, .viewport .item-clicker.gameboy3 {
    pointer-events: none !important;
    cursor: default !important; }

.viewport .lava {
  transform-origin: top left;
  background: navy;
  transform-style: preserve-3d;
  position: absolute;
  width: 500px;
  height: 300px;
  transform: rotateX(90deg); }

.viewport .cursor-pre {
  width: 100px;
  height: 100px;
  transform-origin: top left;
  width: 100px;
  height: 100px;
  background: rgba(10, 10, 77, 0.473); }

.viewport .cursor {
  width: 100px;
  height: 100px;
  transform-origin: top left;
  transform: rotateX(90deg); }

.viewport .floor-tile {
  transform-origin: top left;
  background: navy;
  border: 1px solid white;
  opacity: 0.4;
  transform-style: preserve-3d;
  position: absolute;
  width: 100px;
  height: 100px; }

.viewport .wall {
  width: 104px;
  height: 500px;
  transform-origin: top left;
  transform-style: preserve-3d;
  background: navy; }

.viewport .castle-parent {
  transform: translate3d(3400px, 16px, 1008px);
  transform-origin: top left; }
  .viewport .castle-parent .castle-facade {
    width: 2400px;
    height: 1300px;
    position: absolute;
    background: url(/images/castle-facade.png) no-repeat;
    transform: translate3d(-399px, -1300px, 0px);
    transform-origin: top left;
    background-position: 0px -300px; }
  .viewport .castle-parent .castle-doors {
    width: 221px;
    height: 221px;
    position: absolute;
    background: url(/images/door_wood.jpg) repeat-x;
    transform: translate3d(650px, -185px, -256px);
    transform-origin: top left; }
  .viewport .castle-parent .castle-teeth {
    width: 2453px;
    height: 279px;
    position: absolute;
    background: url(/images/castle-teeth.png) no-repeat;
    transform: translate3d(-429px, -1520px, 430px);
    transform-origin: top left; }
  .viewport .castle-parent .castle-teeth-back {
    width: 2453px;
    height: 279px;
    position: absolute;
    background: url(/images/castle-teeth-snow.png) no-repeat;
    transform: translate3d(-429px, -1520px, -2254px);
    transform-origin: top left; }
  .viewport .castle-parent .castle-teeth-right {
    width: 2693px;
    height: 279px;
    position: absolute;
    background: url(/images/castle-teeth.png);
    transform: translate3d(2022px, -1520px, 430px) rotateY(90deg);
    transform-origin: top left; }
  .viewport .castle-parent .castle-teeth-left {
    width: 2693px;
    height: 279px;
    position: absolute;
    background: url(/images/castle-teeth.png);
    transform: translate3d(-429px, -1520px, 430px) rotateY(90deg);
    transform-origin: top left; }
  .viewport .castle-parent .castle-right {
    width: 1600px;
    height: 1300px;
    position: absolute;
    background: url(/images/castle-entry.jpg);
    transform: translate3d(2000px, -1300px, 0px) rotateY(90deg);
    transform-origin: top left;
    background-position: 0 -169px; }
  .viewport .castle-parent .castle-left {
    width: 1600px;
    height: 1300px;
    background: url(/images/castle-entry.jpg);
    transform: translate3d(-400px, -1300px, 15px) rotateY(90deg);
    transform-origin: top left;
    background-position: 0 -169px; }
  .viewport .castle-parent .castle-hat {
    position: absolute;
    width: 2453px;
    height: 2693px;
    background: url(/images/floors/snow.jpg) no-repeat;
    transform: translate3d(-429px, -1409px, 430px) rotateX(-90deg);
    transform-origin: top left;
    background-position: -2330px -920px; }
  .viewport .castle-parent .front-door {
    width: 221px;
    height: 221px;
    position: absolute;
    background: url(/images/doorway.png) no-repeat;
    transform: translate3d(660px, -185px, -199px);
    transform-origin: top left; }
  .viewport .castle-parent .chain {
    background: url(/images/chain.png) repeat-y;
    width: 30px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(740px, -851px, -132px) scale(0.9);
    height: 516px;
    filter: brightness(0.5); }
  .viewport .castle-parent .pendant {
    background: url(/images/pendant.png) no-repeat;
    width: 100px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(711px, -420px, -130px) scale(0.75);
    height: 216px; }
  .viewport .castle-parent .column-1 {
    width: 150px;
    height: 1230px;
    position: absolute;
    background: url(/images/column.png) no-repeat;
    transform: translate3d(392px, -1230px, 410px);
    transform-origin: top left; }
  .viewport .castle-parent .column-2 {
    width: 150px;
    height: 1230px;
    position: absolute;
    background: url(/images/column.png) no-repeat;
    transform: translate3d(962px, -1230px, 410px);
    transform-origin: top left; }
  .viewport .castle-parent .column-3 {
    width: 150px;
    height: 1230px;
    position: absolute;
    background: url(/images/column.png) no-repeat;
    transform: translate3d(1902px, -1240px, 240px);
    transform-origin: top left; }
  .viewport .castle-parent .column-4 {
    width: 150px;
    height: 1230px;
    position: absolute;
    background: url(/images/column.png) no-repeat;
    transform: translate3d(-449px, -1240px, 240px);
    transform-origin: top left; }
  .viewport .castle-parent .castle-entry-1 {
    width: 900px;
    height: 1000px;
    position: absolute;
    background: url(/images/castle-entry.jpg) no-repeat;
    transform: translate3d(381px, -790px, -200px);
    transform-origin: top left;
    background-size: 80%; }
  .viewport .castle-parent .snow-mound {
    width: 500px;
    height: 500px;
    position: absolute;
    background: url(/images/snow_mound.png) no-repeat;
    transform: translate3d(493px, -228px, -198px);
    transform-origin: top left;
    pointer-events: all;
    cursor: default; }
  .viewport .castle-parent .castle-entry-1 {
    width: 400px;
    height: 1000px;
    position: absolute;
    background: url(/images/castle-entry.jpg) no-repeat;
    transform: translate3d(381px, -790px, -200px);
    transform-origin: top left; }
    .viewport .castle-parent .castle-entry-1.a {
      width: 170px;
      transform: translate3d(501px, -747px, -200px); }
    .viewport .castle-parent .castle-entry-1.b {
      width: 400px;
      height: 590px;
      transform: translate3d(669px, -774px, -200px);
      background-position: -167px 0px; }
    .viewport .castle-parent .castle-entry-1.c {
      width: 400px;
      height: 759px;
      transform: translate3d(829px, -747px, -200px);
      background-position: -70px 0px; }
  .viewport .castle-parent .castle-entry-2 {
    width: 900px;
    height: 1000px;
    position: absolute;
    background: url(/images/castle-entry.jpg) no-repeat;
    transform: translate3d(1000px, -790px, -725px) rotateY(-90deg);
    transform-origin: top left;
    background-size: 80%; }
  .viewport .castle-parent .castle-entry-3 {
    width: 900px;
    height: 1000px;
    position: absolute;
    background: url(/images/castle-entry.jpg) no-repeat;
    transform: translate3d(500px, -790px, -724px) rotateY(-90deg);
    transform-origin: top left;
    background-size: 80%; }

.viewport .ent div {
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 0.5s;
  width: 100%;
  height: 100%; }

.viewport .ent .xpos.x-150 {
  transform: translateX(-14950px); }

.viewport .ent .ypos.y-150 {
  transform: translateY(-3750px); }

.viewport .ent .zpos.z-150 {
  transform: translateZ(-14950px) rotateY(-45deg); }

.viewport .ent .xpos.x-149 {
  transform: translateX(-14850px); }

.viewport .ent .ypos.y-149 {
  transform: translateY(-3725px); }

.viewport .ent .zpos.z-149 {
  transform: translateZ(-14850px) rotateY(-45deg); }

.viewport .ent .xpos.x-148 {
  transform: translateX(-14750px); }

.viewport .ent .ypos.y-148 {
  transform: translateY(-3700px); }

.viewport .ent .zpos.z-148 {
  transform: translateZ(-14750px) rotateY(-45deg); }

.viewport .ent .xpos.x-147 {
  transform: translateX(-14650px); }

.viewport .ent .ypos.y-147 {
  transform: translateY(-3675px); }

.viewport .ent .zpos.z-147 {
  transform: translateZ(-14650px) rotateY(-45deg); }

.viewport .ent .xpos.x-146 {
  transform: translateX(-14550px); }

.viewport .ent .ypos.y-146 {
  transform: translateY(-3650px); }

.viewport .ent .zpos.z-146 {
  transform: translateZ(-14550px) rotateY(-45deg); }

.viewport .ent .xpos.x-145 {
  transform: translateX(-14450px); }

.viewport .ent .ypos.y-145 {
  transform: translateY(-3625px); }

.viewport .ent .zpos.z-145 {
  transform: translateZ(-14450px) rotateY(-45deg); }

.viewport .ent .xpos.x-144 {
  transform: translateX(-14350px); }

.viewport .ent .ypos.y-144 {
  transform: translateY(-3600px); }

.viewport .ent .zpos.z-144 {
  transform: translateZ(-14350px) rotateY(-45deg); }

.viewport .ent .xpos.x-143 {
  transform: translateX(-14250px); }

.viewport .ent .ypos.y-143 {
  transform: translateY(-3575px); }

.viewport .ent .zpos.z-143 {
  transform: translateZ(-14250px) rotateY(-45deg); }

.viewport .ent .xpos.x-142 {
  transform: translateX(-14150px); }

.viewport .ent .ypos.y-142 {
  transform: translateY(-3550px); }

.viewport .ent .zpos.z-142 {
  transform: translateZ(-14150px) rotateY(-45deg); }

.viewport .ent .xpos.x-141 {
  transform: translateX(-14050px); }

.viewport .ent .ypos.y-141 {
  transform: translateY(-3525px); }

.viewport .ent .zpos.z-141 {
  transform: translateZ(-14050px) rotateY(-45deg); }

.viewport .ent .xpos.x-140 {
  transform: translateX(-13950px); }

.viewport .ent .ypos.y-140 {
  transform: translateY(-3500px); }

.viewport .ent .zpos.z-140 {
  transform: translateZ(-13950px) rotateY(-45deg); }

.viewport .ent .xpos.x-139 {
  transform: translateX(-13850px); }

.viewport .ent .ypos.y-139 {
  transform: translateY(-3475px); }

.viewport .ent .zpos.z-139 {
  transform: translateZ(-13850px) rotateY(-45deg); }

.viewport .ent .xpos.x-138 {
  transform: translateX(-13750px); }

.viewport .ent .ypos.y-138 {
  transform: translateY(-3450px); }

.viewport .ent .zpos.z-138 {
  transform: translateZ(-13750px) rotateY(-45deg); }

.viewport .ent .xpos.x-137 {
  transform: translateX(-13650px); }

.viewport .ent .ypos.y-137 {
  transform: translateY(-3425px); }

.viewport .ent .zpos.z-137 {
  transform: translateZ(-13650px) rotateY(-45deg); }

.viewport .ent .xpos.x-136 {
  transform: translateX(-13550px); }

.viewport .ent .ypos.y-136 {
  transform: translateY(-3400px); }

.viewport .ent .zpos.z-136 {
  transform: translateZ(-13550px) rotateY(-45deg); }

.viewport .ent .xpos.x-135 {
  transform: translateX(-13450px); }

.viewport .ent .ypos.y-135 {
  transform: translateY(-3375px); }

.viewport .ent .zpos.z-135 {
  transform: translateZ(-13450px) rotateY(-45deg); }

.viewport .ent .xpos.x-134 {
  transform: translateX(-13350px); }

.viewport .ent .ypos.y-134 {
  transform: translateY(-3350px); }

.viewport .ent .zpos.z-134 {
  transform: translateZ(-13350px) rotateY(-45deg); }

.viewport .ent .xpos.x-133 {
  transform: translateX(-13250px); }

.viewport .ent .ypos.y-133 {
  transform: translateY(-3325px); }

.viewport .ent .zpos.z-133 {
  transform: translateZ(-13250px) rotateY(-45deg); }

.viewport .ent .xpos.x-132 {
  transform: translateX(-13150px); }

.viewport .ent .ypos.y-132 {
  transform: translateY(-3300px); }

.viewport .ent .zpos.z-132 {
  transform: translateZ(-13150px) rotateY(-45deg); }

.viewport .ent .xpos.x-131 {
  transform: translateX(-13050px); }

.viewport .ent .ypos.y-131 {
  transform: translateY(-3275px); }

.viewport .ent .zpos.z-131 {
  transform: translateZ(-13050px) rotateY(-45deg); }

.viewport .ent .xpos.x-130 {
  transform: translateX(-12950px); }

.viewport .ent .ypos.y-130 {
  transform: translateY(-3250px); }

.viewport .ent .zpos.z-130 {
  transform: translateZ(-12950px) rotateY(-45deg); }

.viewport .ent .xpos.x-129 {
  transform: translateX(-12850px); }

.viewport .ent .ypos.y-129 {
  transform: translateY(-3225px); }

.viewport .ent .zpos.z-129 {
  transform: translateZ(-12850px) rotateY(-45deg); }

.viewport .ent .xpos.x-128 {
  transform: translateX(-12750px); }

.viewport .ent .ypos.y-128 {
  transform: translateY(-3200px); }

.viewport .ent .zpos.z-128 {
  transform: translateZ(-12750px) rotateY(-45deg); }

.viewport .ent .xpos.x-127 {
  transform: translateX(-12650px); }

.viewport .ent .ypos.y-127 {
  transform: translateY(-3175px); }

.viewport .ent .zpos.z-127 {
  transform: translateZ(-12650px) rotateY(-45deg); }

.viewport .ent .xpos.x-126 {
  transform: translateX(-12550px); }

.viewport .ent .ypos.y-126 {
  transform: translateY(-3150px); }

.viewport .ent .zpos.z-126 {
  transform: translateZ(-12550px) rotateY(-45deg); }

.viewport .ent .xpos.x-125 {
  transform: translateX(-12450px); }

.viewport .ent .ypos.y-125 {
  transform: translateY(-3125px); }

.viewport .ent .zpos.z-125 {
  transform: translateZ(-12450px) rotateY(-45deg); }

.viewport .ent .xpos.x-124 {
  transform: translateX(-12350px); }

.viewport .ent .ypos.y-124 {
  transform: translateY(-3100px); }

.viewport .ent .zpos.z-124 {
  transform: translateZ(-12350px) rotateY(-45deg); }

.viewport .ent .xpos.x-123 {
  transform: translateX(-12250px); }

.viewport .ent .ypos.y-123 {
  transform: translateY(-3075px); }

.viewport .ent .zpos.z-123 {
  transform: translateZ(-12250px) rotateY(-45deg); }

.viewport .ent .xpos.x-122 {
  transform: translateX(-12150px); }

.viewport .ent .ypos.y-122 {
  transform: translateY(-3050px); }

.viewport .ent .zpos.z-122 {
  transform: translateZ(-12150px) rotateY(-45deg); }

.viewport .ent .xpos.x-121 {
  transform: translateX(-12050px); }

.viewport .ent .ypos.y-121 {
  transform: translateY(-3025px); }

.viewport .ent .zpos.z-121 {
  transform: translateZ(-12050px) rotateY(-45deg); }

.viewport .ent .xpos.x-120 {
  transform: translateX(-11950px); }

.viewport .ent .ypos.y-120 {
  transform: translateY(-3000px); }

.viewport .ent .zpos.z-120 {
  transform: translateZ(-11950px) rotateY(-45deg); }

.viewport .ent .xpos.x-119 {
  transform: translateX(-11850px); }

.viewport .ent .ypos.y-119 {
  transform: translateY(-2975px); }

.viewport .ent .zpos.z-119 {
  transform: translateZ(-11850px) rotateY(-45deg); }

.viewport .ent .xpos.x-118 {
  transform: translateX(-11750px); }

.viewport .ent .ypos.y-118 {
  transform: translateY(-2950px); }

.viewport .ent .zpos.z-118 {
  transform: translateZ(-11750px) rotateY(-45deg); }

.viewport .ent .xpos.x-117 {
  transform: translateX(-11650px); }

.viewport .ent .ypos.y-117 {
  transform: translateY(-2925px); }

.viewport .ent .zpos.z-117 {
  transform: translateZ(-11650px) rotateY(-45deg); }

.viewport .ent .xpos.x-116 {
  transform: translateX(-11550px); }

.viewport .ent .ypos.y-116 {
  transform: translateY(-2900px); }

.viewport .ent .zpos.z-116 {
  transform: translateZ(-11550px) rotateY(-45deg); }

.viewport .ent .xpos.x-115 {
  transform: translateX(-11450px); }

.viewport .ent .ypos.y-115 {
  transform: translateY(-2875px); }

.viewport .ent .zpos.z-115 {
  transform: translateZ(-11450px) rotateY(-45deg); }

.viewport .ent .xpos.x-114 {
  transform: translateX(-11350px); }

.viewport .ent .ypos.y-114 {
  transform: translateY(-2850px); }

.viewport .ent .zpos.z-114 {
  transform: translateZ(-11350px) rotateY(-45deg); }

.viewport .ent .xpos.x-113 {
  transform: translateX(-11250px); }

.viewport .ent .ypos.y-113 {
  transform: translateY(-2825px); }

.viewport .ent .zpos.z-113 {
  transform: translateZ(-11250px) rotateY(-45deg); }

.viewport .ent .xpos.x-112 {
  transform: translateX(-11150px); }

.viewport .ent .ypos.y-112 {
  transform: translateY(-2800px); }

.viewport .ent .zpos.z-112 {
  transform: translateZ(-11150px) rotateY(-45deg); }

.viewport .ent .xpos.x-111 {
  transform: translateX(-11050px); }

.viewport .ent .ypos.y-111 {
  transform: translateY(-2775px); }

.viewport .ent .zpos.z-111 {
  transform: translateZ(-11050px) rotateY(-45deg); }

.viewport .ent .xpos.x-110 {
  transform: translateX(-10950px); }

.viewport .ent .ypos.y-110 {
  transform: translateY(-2750px); }

.viewport .ent .zpos.z-110 {
  transform: translateZ(-10950px) rotateY(-45deg); }

.viewport .ent .xpos.x-109 {
  transform: translateX(-10850px); }

.viewport .ent .ypos.y-109 {
  transform: translateY(-2725px); }

.viewport .ent .zpos.z-109 {
  transform: translateZ(-10850px) rotateY(-45deg); }

.viewport .ent .xpos.x-108 {
  transform: translateX(-10750px); }

.viewport .ent .ypos.y-108 {
  transform: translateY(-2700px); }

.viewport .ent .zpos.z-108 {
  transform: translateZ(-10750px) rotateY(-45deg); }

.viewport .ent .xpos.x-107 {
  transform: translateX(-10650px); }

.viewport .ent .ypos.y-107 {
  transform: translateY(-2675px); }

.viewport .ent .zpos.z-107 {
  transform: translateZ(-10650px) rotateY(-45deg); }

.viewport .ent .xpos.x-106 {
  transform: translateX(-10550px); }

.viewport .ent .ypos.y-106 {
  transform: translateY(-2650px); }

.viewport .ent .zpos.z-106 {
  transform: translateZ(-10550px) rotateY(-45deg); }

.viewport .ent .xpos.x-105 {
  transform: translateX(-10450px); }

.viewport .ent .ypos.y-105 {
  transform: translateY(-2625px); }

.viewport .ent .zpos.z-105 {
  transform: translateZ(-10450px) rotateY(-45deg); }

.viewport .ent .xpos.x-104 {
  transform: translateX(-10350px); }

.viewport .ent .ypos.y-104 {
  transform: translateY(-2600px); }

.viewport .ent .zpos.z-104 {
  transform: translateZ(-10350px) rotateY(-45deg); }

.viewport .ent .xpos.x-103 {
  transform: translateX(-10250px); }

.viewport .ent .ypos.y-103 {
  transform: translateY(-2575px); }

.viewport .ent .zpos.z-103 {
  transform: translateZ(-10250px) rotateY(-45deg); }

.viewport .ent .xpos.x-102 {
  transform: translateX(-10150px); }

.viewport .ent .ypos.y-102 {
  transform: translateY(-2550px); }

.viewport .ent .zpos.z-102 {
  transform: translateZ(-10150px) rotateY(-45deg); }

.viewport .ent .xpos.x-101 {
  transform: translateX(-10050px); }

.viewport .ent .ypos.y-101 {
  transform: translateY(-2525px); }

.viewport .ent .zpos.z-101 {
  transform: translateZ(-10050px) rotateY(-45deg); }

.viewport .ent .xpos.x-100 {
  transform: translateX(-9950px); }

.viewport .ent .ypos.y-100 {
  transform: translateY(-2500px); }

.viewport .ent .zpos.z-100 {
  transform: translateZ(-9950px) rotateY(-45deg); }

.viewport .ent .xpos.x-99 {
  transform: translateX(-9850px); }

.viewport .ent .ypos.y-99 {
  transform: translateY(-2475px); }

.viewport .ent .zpos.z-99 {
  transform: translateZ(-9850px) rotateY(-45deg); }

.viewport .ent .xpos.x-98 {
  transform: translateX(-9750px); }

.viewport .ent .ypos.y-98 {
  transform: translateY(-2450px); }

.viewport .ent .zpos.z-98 {
  transform: translateZ(-9750px) rotateY(-45deg); }

.viewport .ent .xpos.x-97 {
  transform: translateX(-9650px); }

.viewport .ent .ypos.y-97 {
  transform: translateY(-2425px); }

.viewport .ent .zpos.z-97 {
  transform: translateZ(-9650px) rotateY(-45deg); }

.viewport .ent .xpos.x-96 {
  transform: translateX(-9550px); }

.viewport .ent .ypos.y-96 {
  transform: translateY(-2400px); }

.viewport .ent .zpos.z-96 {
  transform: translateZ(-9550px) rotateY(-45deg); }

.viewport .ent .xpos.x-95 {
  transform: translateX(-9450px); }

.viewport .ent .ypos.y-95 {
  transform: translateY(-2375px); }

.viewport .ent .zpos.z-95 {
  transform: translateZ(-9450px) rotateY(-45deg); }

.viewport .ent .xpos.x-94 {
  transform: translateX(-9350px); }

.viewport .ent .ypos.y-94 {
  transform: translateY(-2350px); }

.viewport .ent .zpos.z-94 {
  transform: translateZ(-9350px) rotateY(-45deg); }

.viewport .ent .xpos.x-93 {
  transform: translateX(-9250px); }

.viewport .ent .ypos.y-93 {
  transform: translateY(-2325px); }

.viewport .ent .zpos.z-93 {
  transform: translateZ(-9250px) rotateY(-45deg); }

.viewport .ent .xpos.x-92 {
  transform: translateX(-9150px); }

.viewport .ent .ypos.y-92 {
  transform: translateY(-2300px); }

.viewport .ent .zpos.z-92 {
  transform: translateZ(-9150px) rotateY(-45deg); }

.viewport .ent .xpos.x-91 {
  transform: translateX(-9050px); }

.viewport .ent .ypos.y-91 {
  transform: translateY(-2275px); }

.viewport .ent .zpos.z-91 {
  transform: translateZ(-9050px) rotateY(-45deg); }

.viewport .ent .xpos.x-90 {
  transform: translateX(-8950px); }

.viewport .ent .ypos.y-90 {
  transform: translateY(-2250px); }

.viewport .ent .zpos.z-90 {
  transform: translateZ(-8950px) rotateY(-45deg); }

.viewport .ent .xpos.x-89 {
  transform: translateX(-8850px); }

.viewport .ent .ypos.y-89 {
  transform: translateY(-2225px); }

.viewport .ent .zpos.z-89 {
  transform: translateZ(-8850px) rotateY(-45deg); }

.viewport .ent .xpos.x-88 {
  transform: translateX(-8750px); }

.viewport .ent .ypos.y-88 {
  transform: translateY(-2200px); }

.viewport .ent .zpos.z-88 {
  transform: translateZ(-8750px) rotateY(-45deg); }

.viewport .ent .xpos.x-87 {
  transform: translateX(-8650px); }

.viewport .ent .ypos.y-87 {
  transform: translateY(-2175px); }

.viewport .ent .zpos.z-87 {
  transform: translateZ(-8650px) rotateY(-45deg); }

.viewport .ent .xpos.x-86 {
  transform: translateX(-8550px); }

.viewport .ent .ypos.y-86 {
  transform: translateY(-2150px); }

.viewport .ent .zpos.z-86 {
  transform: translateZ(-8550px) rotateY(-45deg); }

.viewport .ent .xpos.x-85 {
  transform: translateX(-8450px); }

.viewport .ent .ypos.y-85 {
  transform: translateY(-2125px); }

.viewport .ent .zpos.z-85 {
  transform: translateZ(-8450px) rotateY(-45deg); }

.viewport .ent .xpos.x-84 {
  transform: translateX(-8350px); }

.viewport .ent .ypos.y-84 {
  transform: translateY(-2100px); }

.viewport .ent .zpos.z-84 {
  transform: translateZ(-8350px) rotateY(-45deg); }

.viewport .ent .xpos.x-83 {
  transform: translateX(-8250px); }

.viewport .ent .ypos.y-83 {
  transform: translateY(-2075px); }

.viewport .ent .zpos.z-83 {
  transform: translateZ(-8250px) rotateY(-45deg); }

.viewport .ent .xpos.x-82 {
  transform: translateX(-8150px); }

.viewport .ent .ypos.y-82 {
  transform: translateY(-2050px); }

.viewport .ent .zpos.z-82 {
  transform: translateZ(-8150px) rotateY(-45deg); }

.viewport .ent .xpos.x-81 {
  transform: translateX(-8050px); }

.viewport .ent .ypos.y-81 {
  transform: translateY(-2025px); }

.viewport .ent .zpos.z-81 {
  transform: translateZ(-8050px) rotateY(-45deg); }

.viewport .ent .xpos.x-80 {
  transform: translateX(-7950px); }

.viewport .ent .ypos.y-80 {
  transform: translateY(-2000px); }

.viewport .ent .zpos.z-80 {
  transform: translateZ(-7950px) rotateY(-45deg); }

.viewport .ent .xpos.x-79 {
  transform: translateX(-7850px); }

.viewport .ent .ypos.y-79 {
  transform: translateY(-1975px); }

.viewport .ent .zpos.z-79 {
  transform: translateZ(-7850px) rotateY(-45deg); }

.viewport .ent .xpos.x-78 {
  transform: translateX(-7750px); }

.viewport .ent .ypos.y-78 {
  transform: translateY(-1950px); }

.viewport .ent .zpos.z-78 {
  transform: translateZ(-7750px) rotateY(-45deg); }

.viewport .ent .xpos.x-77 {
  transform: translateX(-7650px); }

.viewport .ent .ypos.y-77 {
  transform: translateY(-1925px); }

.viewport .ent .zpos.z-77 {
  transform: translateZ(-7650px) rotateY(-45deg); }

.viewport .ent .xpos.x-76 {
  transform: translateX(-7550px); }

.viewport .ent .ypos.y-76 {
  transform: translateY(-1900px); }

.viewport .ent .zpos.z-76 {
  transform: translateZ(-7550px) rotateY(-45deg); }

.viewport .ent .xpos.x-75 {
  transform: translateX(-7450px); }

.viewport .ent .ypos.y-75 {
  transform: translateY(-1875px); }

.viewport .ent .zpos.z-75 {
  transform: translateZ(-7450px) rotateY(-45deg); }

.viewport .ent .xpos.x-74 {
  transform: translateX(-7350px); }

.viewport .ent .ypos.y-74 {
  transform: translateY(-1850px); }

.viewport .ent .zpos.z-74 {
  transform: translateZ(-7350px) rotateY(-45deg); }

.viewport .ent .xpos.x-73 {
  transform: translateX(-7250px); }

.viewport .ent .ypos.y-73 {
  transform: translateY(-1825px); }

.viewport .ent .zpos.z-73 {
  transform: translateZ(-7250px) rotateY(-45deg); }

.viewport .ent .xpos.x-72 {
  transform: translateX(-7150px); }

.viewport .ent .ypos.y-72 {
  transform: translateY(-1800px); }

.viewport .ent .zpos.z-72 {
  transform: translateZ(-7150px) rotateY(-45deg); }

.viewport .ent .xpos.x-71 {
  transform: translateX(-7050px); }

.viewport .ent .ypos.y-71 {
  transform: translateY(-1775px); }

.viewport .ent .zpos.z-71 {
  transform: translateZ(-7050px) rotateY(-45deg); }

.viewport .ent .xpos.x-70 {
  transform: translateX(-6950px); }

.viewport .ent .ypos.y-70 {
  transform: translateY(-1750px); }

.viewport .ent .zpos.z-70 {
  transform: translateZ(-6950px) rotateY(-45deg); }

.viewport .ent .xpos.x-69 {
  transform: translateX(-6850px); }

.viewport .ent .ypos.y-69 {
  transform: translateY(-1725px); }

.viewport .ent .zpos.z-69 {
  transform: translateZ(-6850px) rotateY(-45deg); }

.viewport .ent .xpos.x-68 {
  transform: translateX(-6750px); }

.viewport .ent .ypos.y-68 {
  transform: translateY(-1700px); }

.viewport .ent .zpos.z-68 {
  transform: translateZ(-6750px) rotateY(-45deg); }

.viewport .ent .xpos.x-67 {
  transform: translateX(-6650px); }

.viewport .ent .ypos.y-67 {
  transform: translateY(-1675px); }

.viewport .ent .zpos.z-67 {
  transform: translateZ(-6650px) rotateY(-45deg); }

.viewport .ent .xpos.x-66 {
  transform: translateX(-6550px); }

.viewport .ent .ypos.y-66 {
  transform: translateY(-1650px); }

.viewport .ent .zpos.z-66 {
  transform: translateZ(-6550px) rotateY(-45deg); }

.viewport .ent .xpos.x-65 {
  transform: translateX(-6450px); }

.viewport .ent .ypos.y-65 {
  transform: translateY(-1625px); }

.viewport .ent .zpos.z-65 {
  transform: translateZ(-6450px) rotateY(-45deg); }

.viewport .ent .xpos.x-64 {
  transform: translateX(-6350px); }

.viewport .ent .ypos.y-64 {
  transform: translateY(-1600px); }

.viewport .ent .zpos.z-64 {
  transform: translateZ(-6350px) rotateY(-45deg); }

.viewport .ent .xpos.x-63 {
  transform: translateX(-6250px); }

.viewport .ent .ypos.y-63 {
  transform: translateY(-1575px); }

.viewport .ent .zpos.z-63 {
  transform: translateZ(-6250px) rotateY(-45deg); }

.viewport .ent .xpos.x-62 {
  transform: translateX(-6150px); }

.viewport .ent .ypos.y-62 {
  transform: translateY(-1550px); }

.viewport .ent .zpos.z-62 {
  transform: translateZ(-6150px) rotateY(-45deg); }

.viewport .ent .xpos.x-61 {
  transform: translateX(-6050px); }

.viewport .ent .ypos.y-61 {
  transform: translateY(-1525px); }

.viewport .ent .zpos.z-61 {
  transform: translateZ(-6050px) rotateY(-45deg); }

.viewport .ent .xpos.x-60 {
  transform: translateX(-5950px); }

.viewport .ent .ypos.y-60 {
  transform: translateY(-1500px); }

.viewport .ent .zpos.z-60 {
  transform: translateZ(-5950px) rotateY(-45deg); }

.viewport .ent .xpos.x-59 {
  transform: translateX(-5850px); }

.viewport .ent .ypos.y-59 {
  transform: translateY(-1475px); }

.viewport .ent .zpos.z-59 {
  transform: translateZ(-5850px) rotateY(-45deg); }

.viewport .ent .xpos.x-58 {
  transform: translateX(-5750px); }

.viewport .ent .ypos.y-58 {
  transform: translateY(-1450px); }

.viewport .ent .zpos.z-58 {
  transform: translateZ(-5750px) rotateY(-45deg); }

.viewport .ent .xpos.x-57 {
  transform: translateX(-5650px); }

.viewport .ent .ypos.y-57 {
  transform: translateY(-1425px); }

.viewport .ent .zpos.z-57 {
  transform: translateZ(-5650px) rotateY(-45deg); }

.viewport .ent .xpos.x-56 {
  transform: translateX(-5550px); }

.viewport .ent .ypos.y-56 {
  transform: translateY(-1400px); }

.viewport .ent .zpos.z-56 {
  transform: translateZ(-5550px) rotateY(-45deg); }

.viewport .ent .xpos.x-55 {
  transform: translateX(-5450px); }

.viewport .ent .ypos.y-55 {
  transform: translateY(-1375px); }

.viewport .ent .zpos.z-55 {
  transform: translateZ(-5450px) rotateY(-45deg); }

.viewport .ent .xpos.x-54 {
  transform: translateX(-5350px); }

.viewport .ent .ypos.y-54 {
  transform: translateY(-1350px); }

.viewport .ent .zpos.z-54 {
  transform: translateZ(-5350px) rotateY(-45deg); }

.viewport .ent .xpos.x-53 {
  transform: translateX(-5250px); }

.viewport .ent .ypos.y-53 {
  transform: translateY(-1325px); }

.viewport .ent .zpos.z-53 {
  transform: translateZ(-5250px) rotateY(-45deg); }

.viewport .ent .xpos.x-52 {
  transform: translateX(-5150px); }

.viewport .ent .ypos.y-52 {
  transform: translateY(-1300px); }

.viewport .ent .zpos.z-52 {
  transform: translateZ(-5150px) rotateY(-45deg); }

.viewport .ent .xpos.x-51 {
  transform: translateX(-5050px); }

.viewport .ent .ypos.y-51 {
  transform: translateY(-1275px); }

.viewport .ent .zpos.z-51 {
  transform: translateZ(-5050px) rotateY(-45deg); }

.viewport .ent .xpos.x-50 {
  transform: translateX(-4950px); }

.viewport .ent .ypos.y-50 {
  transform: translateY(-1250px); }

.viewport .ent .zpos.z-50 {
  transform: translateZ(-4950px) rotateY(-45deg); }

.viewport .ent .xpos.x-49 {
  transform: translateX(-4850px); }

.viewport .ent .ypos.y-49 {
  transform: translateY(-1225px); }

.viewport .ent .zpos.z-49 {
  transform: translateZ(-4850px) rotateY(-45deg); }

.viewport .ent .xpos.x-48 {
  transform: translateX(-4750px); }

.viewport .ent .ypos.y-48 {
  transform: translateY(-1200px); }

.viewport .ent .zpos.z-48 {
  transform: translateZ(-4750px) rotateY(-45deg); }

.viewport .ent .xpos.x-47 {
  transform: translateX(-4650px); }

.viewport .ent .ypos.y-47 {
  transform: translateY(-1175px); }

.viewport .ent .zpos.z-47 {
  transform: translateZ(-4650px) rotateY(-45deg); }

.viewport .ent .xpos.x-46 {
  transform: translateX(-4550px); }

.viewport .ent .ypos.y-46 {
  transform: translateY(-1150px); }

.viewport .ent .zpos.z-46 {
  transform: translateZ(-4550px) rotateY(-45deg); }

.viewport .ent .xpos.x-45 {
  transform: translateX(-4450px); }

.viewport .ent .ypos.y-45 {
  transform: translateY(-1125px); }

.viewport .ent .zpos.z-45 {
  transform: translateZ(-4450px) rotateY(-45deg); }

.viewport .ent .xpos.x-44 {
  transform: translateX(-4350px); }

.viewport .ent .ypos.y-44 {
  transform: translateY(-1100px); }

.viewport .ent .zpos.z-44 {
  transform: translateZ(-4350px) rotateY(-45deg); }

.viewport .ent .xpos.x-43 {
  transform: translateX(-4250px); }

.viewport .ent .ypos.y-43 {
  transform: translateY(-1075px); }

.viewport .ent .zpos.z-43 {
  transform: translateZ(-4250px) rotateY(-45deg); }

.viewport .ent .xpos.x-42 {
  transform: translateX(-4150px); }

.viewport .ent .ypos.y-42 {
  transform: translateY(-1050px); }

.viewport .ent .zpos.z-42 {
  transform: translateZ(-4150px) rotateY(-45deg); }

.viewport .ent .xpos.x-41 {
  transform: translateX(-4050px); }

.viewport .ent .ypos.y-41 {
  transform: translateY(-1025px); }

.viewport .ent .zpos.z-41 {
  transform: translateZ(-4050px) rotateY(-45deg); }

.viewport .ent .xpos.x-40 {
  transform: translateX(-3950px); }

.viewport .ent .ypos.y-40 {
  transform: translateY(-1000px); }

.viewport .ent .zpos.z-40 {
  transform: translateZ(-3950px) rotateY(-45deg); }

.viewport .ent .xpos.x-39 {
  transform: translateX(-3850px); }

.viewport .ent .ypos.y-39 {
  transform: translateY(-975px); }

.viewport .ent .zpos.z-39 {
  transform: translateZ(-3850px) rotateY(-45deg); }

.viewport .ent .xpos.x-38 {
  transform: translateX(-3750px); }

.viewport .ent .ypos.y-38 {
  transform: translateY(-950px); }

.viewport .ent .zpos.z-38 {
  transform: translateZ(-3750px) rotateY(-45deg); }

.viewport .ent .xpos.x-37 {
  transform: translateX(-3650px); }

.viewport .ent .ypos.y-37 {
  transform: translateY(-925px); }

.viewport .ent .zpos.z-37 {
  transform: translateZ(-3650px) rotateY(-45deg); }

.viewport .ent .xpos.x-36 {
  transform: translateX(-3550px); }

.viewport .ent .ypos.y-36 {
  transform: translateY(-900px); }

.viewport .ent .zpos.z-36 {
  transform: translateZ(-3550px) rotateY(-45deg); }

.viewport .ent .xpos.x-35 {
  transform: translateX(-3450px); }

.viewport .ent .ypos.y-35 {
  transform: translateY(-875px); }

.viewport .ent .zpos.z-35 {
  transform: translateZ(-3450px) rotateY(-45deg); }

.viewport .ent .xpos.x-34 {
  transform: translateX(-3350px); }

.viewport .ent .ypos.y-34 {
  transform: translateY(-850px); }

.viewport .ent .zpos.z-34 {
  transform: translateZ(-3350px) rotateY(-45deg); }

.viewport .ent .xpos.x-33 {
  transform: translateX(-3250px); }

.viewport .ent .ypos.y-33 {
  transform: translateY(-825px); }

.viewport .ent .zpos.z-33 {
  transform: translateZ(-3250px) rotateY(-45deg); }

.viewport .ent .xpos.x-32 {
  transform: translateX(-3150px); }

.viewport .ent .ypos.y-32 {
  transform: translateY(-800px); }

.viewport .ent .zpos.z-32 {
  transform: translateZ(-3150px) rotateY(-45deg); }

.viewport .ent .xpos.x-31 {
  transform: translateX(-3050px); }

.viewport .ent .ypos.y-31 {
  transform: translateY(-775px); }

.viewport .ent .zpos.z-31 {
  transform: translateZ(-3050px) rotateY(-45deg); }

.viewport .ent .xpos.x-30 {
  transform: translateX(-2950px); }

.viewport .ent .ypos.y-30 {
  transform: translateY(-750px); }

.viewport .ent .zpos.z-30 {
  transform: translateZ(-2950px) rotateY(-45deg); }

.viewport .ent .xpos.x-29 {
  transform: translateX(-2850px); }

.viewport .ent .ypos.y-29 {
  transform: translateY(-725px); }

.viewport .ent .zpos.z-29 {
  transform: translateZ(-2850px) rotateY(-45deg); }

.viewport .ent .xpos.x-28 {
  transform: translateX(-2750px); }

.viewport .ent .ypos.y-28 {
  transform: translateY(-700px); }

.viewport .ent .zpos.z-28 {
  transform: translateZ(-2750px) rotateY(-45deg); }

.viewport .ent .xpos.x-27 {
  transform: translateX(-2650px); }

.viewport .ent .ypos.y-27 {
  transform: translateY(-675px); }

.viewport .ent .zpos.z-27 {
  transform: translateZ(-2650px) rotateY(-45deg); }

.viewport .ent .xpos.x-26 {
  transform: translateX(-2550px); }

.viewport .ent .ypos.y-26 {
  transform: translateY(-650px); }

.viewport .ent .zpos.z-26 {
  transform: translateZ(-2550px) rotateY(-45deg); }

.viewport .ent .xpos.x-25 {
  transform: translateX(-2450px); }

.viewport .ent .ypos.y-25 {
  transform: translateY(-625px); }

.viewport .ent .zpos.z-25 {
  transform: translateZ(-2450px) rotateY(-45deg); }

.viewport .ent .xpos.x-24 {
  transform: translateX(-2350px); }

.viewport .ent .ypos.y-24 {
  transform: translateY(-600px); }

.viewport .ent .zpos.z-24 {
  transform: translateZ(-2350px) rotateY(-45deg); }

.viewport .ent .xpos.x-23 {
  transform: translateX(-2250px); }

.viewport .ent .ypos.y-23 {
  transform: translateY(-575px); }

.viewport .ent .zpos.z-23 {
  transform: translateZ(-2250px) rotateY(-45deg); }

.viewport .ent .xpos.x-22 {
  transform: translateX(-2150px); }

.viewport .ent .ypos.y-22 {
  transform: translateY(-550px); }

.viewport .ent .zpos.z-22 {
  transform: translateZ(-2150px) rotateY(-45deg); }

.viewport .ent .xpos.x-21 {
  transform: translateX(-2050px); }

.viewport .ent .ypos.y-21 {
  transform: translateY(-525px); }

.viewport .ent .zpos.z-21 {
  transform: translateZ(-2050px) rotateY(-45deg); }

.viewport .ent .xpos.x-20 {
  transform: translateX(-1950px); }

.viewport .ent .ypos.y-20 {
  transform: translateY(-500px); }

.viewport .ent .zpos.z-20 {
  transform: translateZ(-1950px) rotateY(-45deg); }

.viewport .ent .xpos.x-19 {
  transform: translateX(-1850px); }

.viewport .ent .ypos.y-19 {
  transform: translateY(-475px); }

.viewport .ent .zpos.z-19 {
  transform: translateZ(-1850px) rotateY(-45deg); }

.viewport .ent .xpos.x-18 {
  transform: translateX(-1750px); }

.viewport .ent .ypos.y-18 {
  transform: translateY(-450px); }

.viewport .ent .zpos.z-18 {
  transform: translateZ(-1750px) rotateY(-45deg); }

.viewport .ent .xpos.x-17 {
  transform: translateX(-1650px); }

.viewport .ent .ypos.y-17 {
  transform: translateY(-425px); }

.viewport .ent .zpos.z-17 {
  transform: translateZ(-1650px) rotateY(-45deg); }

.viewport .ent .xpos.x-16 {
  transform: translateX(-1550px); }

.viewport .ent .ypos.y-16 {
  transform: translateY(-400px); }

.viewport .ent .zpos.z-16 {
  transform: translateZ(-1550px) rotateY(-45deg); }

.viewport .ent .xpos.x-15 {
  transform: translateX(-1450px); }

.viewport .ent .ypos.y-15 {
  transform: translateY(-375px); }

.viewport .ent .zpos.z-15 {
  transform: translateZ(-1450px) rotateY(-45deg); }

.viewport .ent .xpos.x-14 {
  transform: translateX(-1350px); }

.viewport .ent .ypos.y-14 {
  transform: translateY(-350px); }

.viewport .ent .zpos.z-14 {
  transform: translateZ(-1350px) rotateY(-45deg); }

.viewport .ent .xpos.x-13 {
  transform: translateX(-1250px); }

.viewport .ent .ypos.y-13 {
  transform: translateY(-325px); }

.viewport .ent .zpos.z-13 {
  transform: translateZ(-1250px) rotateY(-45deg); }

.viewport .ent .xpos.x-12 {
  transform: translateX(-1150px); }

.viewport .ent .ypos.y-12 {
  transform: translateY(-300px); }

.viewport .ent .zpos.z-12 {
  transform: translateZ(-1150px) rotateY(-45deg); }

.viewport .ent .xpos.x-11 {
  transform: translateX(-1050px); }

.viewport .ent .ypos.y-11 {
  transform: translateY(-275px); }

.viewport .ent .zpos.z-11 {
  transform: translateZ(-1050px) rotateY(-45deg); }

.viewport .ent .xpos.x-10 {
  transform: translateX(-950px); }

.viewport .ent .ypos.y-10 {
  transform: translateY(-250px); }

.viewport .ent .zpos.z-10 {
  transform: translateZ(-950px) rotateY(-45deg); }

.viewport .ent .xpos.x-9 {
  transform: translateX(-850px); }

.viewport .ent .ypos.y-9 {
  transform: translateY(-225px); }

.viewport .ent .zpos.z-9 {
  transform: translateZ(-850px) rotateY(-45deg); }

.viewport .ent .xpos.x-8 {
  transform: translateX(-750px); }

.viewport .ent .ypos.y-8 {
  transform: translateY(-200px); }

.viewport .ent .zpos.z-8 {
  transform: translateZ(-750px) rotateY(-45deg); }

.viewport .ent .xpos.x-7 {
  transform: translateX(-650px); }

.viewport .ent .ypos.y-7 {
  transform: translateY(-175px); }

.viewport .ent .zpos.z-7 {
  transform: translateZ(-650px) rotateY(-45deg); }

.viewport .ent .xpos.x-6 {
  transform: translateX(-550px); }

.viewport .ent .ypos.y-6 {
  transform: translateY(-150px); }

.viewport .ent .zpos.z-6 {
  transform: translateZ(-550px) rotateY(-45deg); }

.viewport .ent .xpos.x-5 {
  transform: translateX(-450px); }

.viewport .ent .ypos.y-5 {
  transform: translateY(-125px); }

.viewport .ent .zpos.z-5 {
  transform: translateZ(-450px) rotateY(-45deg); }

.viewport .ent .xpos.x-4 {
  transform: translateX(-350px); }

.viewport .ent .ypos.y-4 {
  transform: translateY(-100px); }

.viewport .ent .zpos.z-4 {
  transform: translateZ(-350px) rotateY(-45deg); }

.viewport .ent .xpos.x-3 {
  transform: translateX(-250px); }

.viewport .ent .ypos.y-3 {
  transform: translateY(-75px); }

.viewport .ent .zpos.z-3 {
  transform: translateZ(-250px) rotateY(-45deg); }

.viewport .ent .xpos.x-2 {
  transform: translateX(-150px); }

.viewport .ent .ypos.y-2 {
  transform: translateY(-50px); }

.viewport .ent .zpos.z-2 {
  transform: translateZ(-150px) rotateY(-45deg); }

.viewport .ent .xpos.x-1 {
  transform: translateX(-50px); }

.viewport .ent .ypos.y-1 {
  transform: translateY(-25px); }

.viewport .ent .zpos.z-1 {
  transform: translateZ(-50px) rotateY(-45deg); }

.viewport .ent .xpos.x0 {
  transform: translateX(50px); }

.viewport .ent .ypos.y0 {
  transform: translateY(0px); }

.viewport .ent .zpos.z0 {
  transform: translateZ(50px) rotateY(-45deg); }

.viewport .ent .xpos.x1 {
  transform: translateX(150px); }

.viewport .ent .ypos.y1 {
  transform: translateY(25px); }

.viewport .ent .zpos.z1 {
  transform: translateZ(150px) rotateY(-45deg); }

.viewport .ent .xpos.x2 {
  transform: translateX(250px); }

.viewport .ent .ypos.y2 {
  transform: translateY(50px); }

.viewport .ent .zpos.z2 {
  transform: translateZ(250px) rotateY(-45deg); }

.viewport .ent .xpos.x3 {
  transform: translateX(350px); }

.viewport .ent .ypos.y3 {
  transform: translateY(75px); }

.viewport .ent .zpos.z3 {
  transform: translateZ(350px) rotateY(-45deg); }

.viewport .ent .xpos.x4 {
  transform: translateX(450px); }

.viewport .ent .ypos.y4 {
  transform: translateY(100px); }

.viewport .ent .zpos.z4 {
  transform: translateZ(450px) rotateY(-45deg); }

.viewport .ent .xpos.x5 {
  transform: translateX(550px); }

.viewport .ent .ypos.y5 {
  transform: translateY(125px); }

.viewport .ent .zpos.z5 {
  transform: translateZ(550px) rotateY(-45deg); }

.viewport .ent .xpos.x6 {
  transform: translateX(650px); }

.viewport .ent .ypos.y6 {
  transform: translateY(150px); }

.viewport .ent .zpos.z6 {
  transform: translateZ(650px) rotateY(-45deg); }

.viewport .ent .xpos.x7 {
  transform: translateX(750px); }

.viewport .ent .ypos.y7 {
  transform: translateY(175px); }

.viewport .ent .zpos.z7 {
  transform: translateZ(750px) rotateY(-45deg); }

.viewport .ent .xpos.x8 {
  transform: translateX(850px); }

.viewport .ent .ypos.y8 {
  transform: translateY(200px); }

.viewport .ent .zpos.z8 {
  transform: translateZ(850px) rotateY(-45deg); }

.viewport .ent .xpos.x9 {
  transform: translateX(950px); }

.viewport .ent .ypos.y9 {
  transform: translateY(225px); }

.viewport .ent .zpos.z9 {
  transform: translateZ(950px) rotateY(-45deg); }

.viewport .ent .xpos.x10 {
  transform: translateX(1050px); }

.viewport .ent .ypos.y10 {
  transform: translateY(250px); }

.viewport .ent .zpos.z10 {
  transform: translateZ(1050px) rotateY(-45deg); }

.viewport .ent .xpos.x11 {
  transform: translateX(1150px); }

.viewport .ent .ypos.y11 {
  transform: translateY(275px); }

.viewport .ent .zpos.z11 {
  transform: translateZ(1150px) rotateY(-45deg); }

.viewport .ent .xpos.x12 {
  transform: translateX(1250px); }

.viewport .ent .ypos.y12 {
  transform: translateY(300px); }

.viewport .ent .zpos.z12 {
  transform: translateZ(1250px) rotateY(-45deg); }

.viewport .ent .xpos.x13 {
  transform: translateX(1350px); }

.viewport .ent .ypos.y13 {
  transform: translateY(325px); }

.viewport .ent .zpos.z13 {
  transform: translateZ(1350px) rotateY(-45deg); }

.viewport .ent .xpos.x14 {
  transform: translateX(1450px); }

.viewport .ent .ypos.y14 {
  transform: translateY(350px); }

.viewport .ent .zpos.z14 {
  transform: translateZ(1450px) rotateY(-45deg); }

.viewport .ent .xpos.x15 {
  transform: translateX(1550px); }

.viewport .ent .ypos.y15 {
  transform: translateY(375px); }

.viewport .ent .zpos.z15 {
  transform: translateZ(1550px) rotateY(-45deg); }

.viewport .ent .xpos.x16 {
  transform: translateX(1650px); }

.viewport .ent .ypos.y16 {
  transform: translateY(400px); }

.viewport .ent .zpos.z16 {
  transform: translateZ(1650px) rotateY(-45deg); }

.viewport .ent .xpos.x17 {
  transform: translateX(1750px); }

.viewport .ent .ypos.y17 {
  transform: translateY(425px); }

.viewport .ent .zpos.z17 {
  transform: translateZ(1750px) rotateY(-45deg); }

.viewport .ent .xpos.x18 {
  transform: translateX(1850px); }

.viewport .ent .ypos.y18 {
  transform: translateY(450px); }

.viewport .ent .zpos.z18 {
  transform: translateZ(1850px) rotateY(-45deg); }

.viewport .ent .xpos.x19 {
  transform: translateX(1950px); }

.viewport .ent .ypos.y19 {
  transform: translateY(475px); }

.viewport .ent .zpos.z19 {
  transform: translateZ(1950px) rotateY(-45deg); }

.viewport .ent .xpos.x20 {
  transform: translateX(2050px); }

.viewport .ent .ypos.y20 {
  transform: translateY(500px); }

.viewport .ent .zpos.z20 {
  transform: translateZ(2050px) rotateY(-45deg); }

.viewport .ent .xpos.x21 {
  transform: translateX(2150px); }

.viewport .ent .ypos.y21 {
  transform: translateY(525px); }

.viewport .ent .zpos.z21 {
  transform: translateZ(2150px) rotateY(-45deg); }

.viewport .ent .xpos.x22 {
  transform: translateX(2250px); }

.viewport .ent .ypos.y22 {
  transform: translateY(550px); }

.viewport .ent .zpos.z22 {
  transform: translateZ(2250px) rotateY(-45deg); }

.viewport .ent .xpos.x23 {
  transform: translateX(2350px); }

.viewport .ent .ypos.y23 {
  transform: translateY(575px); }

.viewport .ent .zpos.z23 {
  transform: translateZ(2350px) rotateY(-45deg); }

.viewport .ent .xpos.x24 {
  transform: translateX(2450px); }

.viewport .ent .ypos.y24 {
  transform: translateY(600px); }

.viewport .ent .zpos.z24 {
  transform: translateZ(2450px) rotateY(-45deg); }

.viewport .ent .xpos.x25 {
  transform: translateX(2550px); }

.viewport .ent .ypos.y25 {
  transform: translateY(625px); }

.viewport .ent .zpos.z25 {
  transform: translateZ(2550px) rotateY(-45deg); }

.viewport .ent .xpos.x26 {
  transform: translateX(2650px); }

.viewport .ent .ypos.y26 {
  transform: translateY(650px); }

.viewport .ent .zpos.z26 {
  transform: translateZ(2650px) rotateY(-45deg); }

.viewport .ent .xpos.x27 {
  transform: translateX(2750px); }

.viewport .ent .ypos.y27 {
  transform: translateY(675px); }

.viewport .ent .zpos.z27 {
  transform: translateZ(2750px) rotateY(-45deg); }

.viewport .ent .xpos.x28 {
  transform: translateX(2850px); }

.viewport .ent .ypos.y28 {
  transform: translateY(700px); }

.viewport .ent .zpos.z28 {
  transform: translateZ(2850px) rotateY(-45deg); }

.viewport .ent .xpos.x29 {
  transform: translateX(2950px); }

.viewport .ent .ypos.y29 {
  transform: translateY(725px); }

.viewport .ent .zpos.z29 {
  transform: translateZ(2950px) rotateY(-45deg); }

.viewport .ent .xpos.x30 {
  transform: translateX(3050px); }

.viewport .ent .ypos.y30 {
  transform: translateY(750px); }

.viewport .ent .zpos.z30 {
  transform: translateZ(3050px) rotateY(-45deg); }

.viewport .ent .xpos.x31 {
  transform: translateX(3150px); }

.viewport .ent .ypos.y31 {
  transform: translateY(775px); }

.viewport .ent .zpos.z31 {
  transform: translateZ(3150px) rotateY(-45deg); }

.viewport .ent .xpos.x32 {
  transform: translateX(3250px); }

.viewport .ent .ypos.y32 {
  transform: translateY(800px); }

.viewport .ent .zpos.z32 {
  transform: translateZ(3250px) rotateY(-45deg); }

.viewport .ent .xpos.x33 {
  transform: translateX(3350px); }

.viewport .ent .ypos.y33 {
  transform: translateY(825px); }

.viewport .ent .zpos.z33 {
  transform: translateZ(3350px) rotateY(-45deg); }

.viewport .ent .xpos.x34 {
  transform: translateX(3450px); }

.viewport .ent .ypos.y34 {
  transform: translateY(850px); }

.viewport .ent .zpos.z34 {
  transform: translateZ(3450px) rotateY(-45deg); }

.viewport .ent .xpos.x35 {
  transform: translateX(3550px); }

.viewport .ent .ypos.y35 {
  transform: translateY(875px); }

.viewport .ent .zpos.z35 {
  transform: translateZ(3550px) rotateY(-45deg); }

.viewport .ent .xpos.x36 {
  transform: translateX(3650px); }

.viewport .ent .ypos.y36 {
  transform: translateY(900px); }

.viewport .ent .zpos.z36 {
  transform: translateZ(3650px) rotateY(-45deg); }

.viewport .ent .xpos.x37 {
  transform: translateX(3750px); }

.viewport .ent .ypos.y37 {
  transform: translateY(925px); }

.viewport .ent .zpos.z37 {
  transform: translateZ(3750px) rotateY(-45deg); }

.viewport .ent .xpos.x38 {
  transform: translateX(3850px); }

.viewport .ent .ypos.y38 {
  transform: translateY(950px); }

.viewport .ent .zpos.z38 {
  transform: translateZ(3850px) rotateY(-45deg); }

.viewport .ent .xpos.x39 {
  transform: translateX(3950px); }

.viewport .ent .ypos.y39 {
  transform: translateY(975px); }

.viewport .ent .zpos.z39 {
  transform: translateZ(3950px) rotateY(-45deg); }

.viewport .ent .xpos.x40 {
  transform: translateX(4050px); }

.viewport .ent .ypos.y40 {
  transform: translateY(1000px); }

.viewport .ent .zpos.z40 {
  transform: translateZ(4050px) rotateY(-45deg); }

.viewport .ent .xpos.x41 {
  transform: translateX(4150px); }

.viewport .ent .ypos.y41 {
  transform: translateY(1025px); }

.viewport .ent .zpos.z41 {
  transform: translateZ(4150px) rotateY(-45deg); }

.viewport .ent .xpos.x42 {
  transform: translateX(4250px); }

.viewport .ent .ypos.y42 {
  transform: translateY(1050px); }

.viewport .ent .zpos.z42 {
  transform: translateZ(4250px) rotateY(-45deg); }

.viewport .ent .xpos.x43 {
  transform: translateX(4350px); }

.viewport .ent .ypos.y43 {
  transform: translateY(1075px); }

.viewport .ent .zpos.z43 {
  transform: translateZ(4350px) rotateY(-45deg); }

.viewport .ent .xpos.x44 {
  transform: translateX(4450px); }

.viewport .ent .ypos.y44 {
  transform: translateY(1100px); }

.viewport .ent .zpos.z44 {
  transform: translateZ(4450px) rotateY(-45deg); }

.viewport .ent .xpos.x45 {
  transform: translateX(4550px); }

.viewport .ent .ypos.y45 {
  transform: translateY(1125px); }

.viewport .ent .zpos.z45 {
  transform: translateZ(4550px) rotateY(-45deg); }

.viewport .ent .xpos.x46 {
  transform: translateX(4650px); }

.viewport .ent .ypos.y46 {
  transform: translateY(1150px); }

.viewport .ent .zpos.z46 {
  transform: translateZ(4650px) rotateY(-45deg); }

.viewport .ent .xpos.x47 {
  transform: translateX(4750px); }

.viewport .ent .ypos.y47 {
  transform: translateY(1175px); }

.viewport .ent .zpos.z47 {
  transform: translateZ(4750px) rotateY(-45deg); }

.viewport .ent .xpos.x48 {
  transform: translateX(4850px); }

.viewport .ent .ypos.y48 {
  transform: translateY(1200px); }

.viewport .ent .zpos.z48 {
  transform: translateZ(4850px) rotateY(-45deg); }

.viewport .ent .xpos.x49 {
  transform: translateX(4950px); }

.viewport .ent .ypos.y49 {
  transform: translateY(1225px); }

.viewport .ent .zpos.z49 {
  transform: translateZ(4950px) rotateY(-45deg); }

.viewport .ent .xpos.x50 {
  transform: translateX(5050px); }

.viewport .ent .ypos.y50 {
  transform: translateY(1250px); }

.viewport .ent .zpos.z50 {
  transform: translateZ(5050px) rotateY(-45deg); }

.viewport .ent .xpos.x51 {
  transform: translateX(5150px); }

.viewport .ent .ypos.y51 {
  transform: translateY(1275px); }

.viewport .ent .zpos.z51 {
  transform: translateZ(5150px) rotateY(-45deg); }

.viewport .ent .xpos.x52 {
  transform: translateX(5250px); }

.viewport .ent .ypos.y52 {
  transform: translateY(1300px); }

.viewport .ent .zpos.z52 {
  transform: translateZ(5250px) rotateY(-45deg); }

.viewport .ent .xpos.x53 {
  transform: translateX(5350px); }

.viewport .ent .ypos.y53 {
  transform: translateY(1325px); }

.viewport .ent .zpos.z53 {
  transform: translateZ(5350px) rotateY(-45deg); }

.viewport .ent .xpos.x54 {
  transform: translateX(5450px); }

.viewport .ent .ypos.y54 {
  transform: translateY(1350px); }

.viewport .ent .zpos.z54 {
  transform: translateZ(5450px) rotateY(-45deg); }

.viewport .ent .xpos.x55 {
  transform: translateX(5550px); }

.viewport .ent .ypos.y55 {
  transform: translateY(1375px); }

.viewport .ent .zpos.z55 {
  transform: translateZ(5550px) rotateY(-45deg); }

.viewport .ent .xpos.x56 {
  transform: translateX(5650px); }

.viewport .ent .ypos.y56 {
  transform: translateY(1400px); }

.viewport .ent .zpos.z56 {
  transform: translateZ(5650px) rotateY(-45deg); }

.viewport .ent .xpos.x57 {
  transform: translateX(5750px); }

.viewport .ent .ypos.y57 {
  transform: translateY(1425px); }

.viewport .ent .zpos.z57 {
  transform: translateZ(5750px) rotateY(-45deg); }

.viewport .ent .xpos.x58 {
  transform: translateX(5850px); }

.viewport .ent .ypos.y58 {
  transform: translateY(1450px); }

.viewport .ent .zpos.z58 {
  transform: translateZ(5850px) rotateY(-45deg); }

.viewport .ent .xpos.x59 {
  transform: translateX(5950px); }

.viewport .ent .ypos.y59 {
  transform: translateY(1475px); }

.viewport .ent .zpos.z59 {
  transform: translateZ(5950px) rotateY(-45deg); }

.viewport .ent .xpos.x60 {
  transform: translateX(6050px); }

.viewport .ent .ypos.y60 {
  transform: translateY(1500px); }

.viewport .ent .zpos.z60 {
  transform: translateZ(6050px) rotateY(-45deg); }

.viewport .ent .xpos.x61 {
  transform: translateX(6150px); }

.viewport .ent .ypos.y61 {
  transform: translateY(1525px); }

.viewport .ent .zpos.z61 {
  transform: translateZ(6150px) rotateY(-45deg); }

.viewport .ent .xpos.x62 {
  transform: translateX(6250px); }

.viewport .ent .ypos.y62 {
  transform: translateY(1550px); }

.viewport .ent .zpos.z62 {
  transform: translateZ(6250px) rotateY(-45deg); }

.viewport .ent .xpos.x63 {
  transform: translateX(6350px); }

.viewport .ent .ypos.y63 {
  transform: translateY(1575px); }

.viewport .ent .zpos.z63 {
  transform: translateZ(6350px) rotateY(-45deg); }

.viewport .ent .xpos.x64 {
  transform: translateX(6450px); }

.viewport .ent .ypos.y64 {
  transform: translateY(1600px); }

.viewport .ent .zpos.z64 {
  transform: translateZ(6450px) rotateY(-45deg); }

.viewport .ent .xpos.x65 {
  transform: translateX(6550px); }

.viewport .ent .ypos.y65 {
  transform: translateY(1625px); }

.viewport .ent .zpos.z65 {
  transform: translateZ(6550px) rotateY(-45deg); }

.viewport .ent .xpos.x66 {
  transform: translateX(6650px); }

.viewport .ent .ypos.y66 {
  transform: translateY(1650px); }

.viewport .ent .zpos.z66 {
  transform: translateZ(6650px) rotateY(-45deg); }

.viewport .ent .xpos.x67 {
  transform: translateX(6750px); }

.viewport .ent .ypos.y67 {
  transform: translateY(1675px); }

.viewport .ent .zpos.z67 {
  transform: translateZ(6750px) rotateY(-45deg); }

.viewport .ent .xpos.x68 {
  transform: translateX(6850px); }

.viewport .ent .ypos.y68 {
  transform: translateY(1700px); }

.viewport .ent .zpos.z68 {
  transform: translateZ(6850px) rotateY(-45deg); }

.viewport .ent .xpos.x69 {
  transform: translateX(6950px); }

.viewport .ent .ypos.y69 {
  transform: translateY(1725px); }

.viewport .ent .zpos.z69 {
  transform: translateZ(6950px) rotateY(-45deg); }

.viewport .ent .xpos.x70 {
  transform: translateX(7050px); }

.viewport .ent .ypos.y70 {
  transform: translateY(1750px); }

.viewport .ent .zpos.z70 {
  transform: translateZ(7050px) rotateY(-45deg); }

.viewport .ent .xpos.x71 {
  transform: translateX(7150px); }

.viewport .ent .ypos.y71 {
  transform: translateY(1775px); }

.viewport .ent .zpos.z71 {
  transform: translateZ(7150px) rotateY(-45deg); }

.viewport .ent .xpos.x72 {
  transform: translateX(7250px); }

.viewport .ent .ypos.y72 {
  transform: translateY(1800px); }

.viewport .ent .zpos.z72 {
  transform: translateZ(7250px) rotateY(-45deg); }

.viewport .ent .xpos.x73 {
  transform: translateX(7350px); }

.viewport .ent .ypos.y73 {
  transform: translateY(1825px); }

.viewport .ent .zpos.z73 {
  transform: translateZ(7350px) rotateY(-45deg); }

.viewport .ent .xpos.x74 {
  transform: translateX(7450px); }

.viewport .ent .ypos.y74 {
  transform: translateY(1850px); }

.viewport .ent .zpos.z74 {
  transform: translateZ(7450px) rotateY(-45deg); }

.viewport .ent .xpos.x75 {
  transform: translateX(7550px); }

.viewport .ent .ypos.y75 {
  transform: translateY(1875px); }

.viewport .ent .zpos.z75 {
  transform: translateZ(7550px) rotateY(-45deg); }

.viewport .ent .xpos.x76 {
  transform: translateX(7650px); }

.viewport .ent .ypos.y76 {
  transform: translateY(1900px); }

.viewport .ent .zpos.z76 {
  transform: translateZ(7650px) rotateY(-45deg); }

.viewport .ent .xpos.x77 {
  transform: translateX(7750px); }

.viewport .ent .ypos.y77 {
  transform: translateY(1925px); }

.viewport .ent .zpos.z77 {
  transform: translateZ(7750px) rotateY(-45deg); }

.viewport .ent .xpos.x78 {
  transform: translateX(7850px); }

.viewport .ent .ypos.y78 {
  transform: translateY(1950px); }

.viewport .ent .zpos.z78 {
  transform: translateZ(7850px) rotateY(-45deg); }

.viewport .ent .xpos.x79 {
  transform: translateX(7950px); }

.viewport .ent .ypos.y79 {
  transform: translateY(1975px); }

.viewport .ent .zpos.z79 {
  transform: translateZ(7950px) rotateY(-45deg); }

.viewport .ent .xpos.x80 {
  transform: translateX(8050px); }

.viewport .ent .ypos.y80 {
  transform: translateY(2000px); }

.viewport .ent .zpos.z80 {
  transform: translateZ(8050px) rotateY(-45deg); }

.viewport .ent .xpos.x81 {
  transform: translateX(8150px); }

.viewport .ent .ypos.y81 {
  transform: translateY(2025px); }

.viewport .ent .zpos.z81 {
  transform: translateZ(8150px) rotateY(-45deg); }

.viewport .ent .xpos.x82 {
  transform: translateX(8250px); }

.viewport .ent .ypos.y82 {
  transform: translateY(2050px); }

.viewport .ent .zpos.z82 {
  transform: translateZ(8250px) rotateY(-45deg); }

.viewport .ent .xpos.x83 {
  transform: translateX(8350px); }

.viewport .ent .ypos.y83 {
  transform: translateY(2075px); }

.viewport .ent .zpos.z83 {
  transform: translateZ(8350px) rotateY(-45deg); }

.viewport .ent .xpos.x84 {
  transform: translateX(8450px); }

.viewport .ent .ypos.y84 {
  transform: translateY(2100px); }

.viewport .ent .zpos.z84 {
  transform: translateZ(8450px) rotateY(-45deg); }

.viewport .ent .xpos.x85 {
  transform: translateX(8550px); }

.viewport .ent .ypos.y85 {
  transform: translateY(2125px); }

.viewport .ent .zpos.z85 {
  transform: translateZ(8550px) rotateY(-45deg); }

.viewport .ent .xpos.x86 {
  transform: translateX(8650px); }

.viewport .ent .ypos.y86 {
  transform: translateY(2150px); }

.viewport .ent .zpos.z86 {
  transform: translateZ(8650px) rotateY(-45deg); }

.viewport .ent .xpos.x87 {
  transform: translateX(8750px); }

.viewport .ent .ypos.y87 {
  transform: translateY(2175px); }

.viewport .ent .zpos.z87 {
  transform: translateZ(8750px) rotateY(-45deg); }

.viewport .ent .xpos.x88 {
  transform: translateX(8850px); }

.viewport .ent .ypos.y88 {
  transform: translateY(2200px); }

.viewport .ent .zpos.z88 {
  transform: translateZ(8850px) rotateY(-45deg); }

.viewport .ent .xpos.x89 {
  transform: translateX(8950px); }

.viewport .ent .ypos.y89 {
  transform: translateY(2225px); }

.viewport .ent .zpos.z89 {
  transform: translateZ(8950px) rotateY(-45deg); }

.viewport .ent .xpos.x90 {
  transform: translateX(9050px); }

.viewport .ent .ypos.y90 {
  transform: translateY(2250px); }

.viewport .ent .zpos.z90 {
  transform: translateZ(9050px) rotateY(-45deg); }

.viewport .ent .xpos.x91 {
  transform: translateX(9150px); }

.viewport .ent .ypos.y91 {
  transform: translateY(2275px); }

.viewport .ent .zpos.z91 {
  transform: translateZ(9150px) rotateY(-45deg); }

.viewport .ent .xpos.x92 {
  transform: translateX(9250px); }

.viewport .ent .ypos.y92 {
  transform: translateY(2300px); }

.viewport .ent .zpos.z92 {
  transform: translateZ(9250px) rotateY(-45deg); }

.viewport .ent .xpos.x93 {
  transform: translateX(9350px); }

.viewport .ent .ypos.y93 {
  transform: translateY(2325px); }

.viewport .ent .zpos.z93 {
  transform: translateZ(9350px) rotateY(-45deg); }

.viewport .ent .xpos.x94 {
  transform: translateX(9450px); }

.viewport .ent .ypos.y94 {
  transform: translateY(2350px); }

.viewport .ent .zpos.z94 {
  transform: translateZ(9450px) rotateY(-45deg); }

.viewport .ent .xpos.x95 {
  transform: translateX(9550px); }

.viewport .ent .ypos.y95 {
  transform: translateY(2375px); }

.viewport .ent .zpos.z95 {
  transform: translateZ(9550px) rotateY(-45deg); }

.viewport .ent .xpos.x96 {
  transform: translateX(9650px); }

.viewport .ent .ypos.y96 {
  transform: translateY(2400px); }

.viewport .ent .zpos.z96 {
  transform: translateZ(9650px) rotateY(-45deg); }

.viewport .ent .xpos.x97 {
  transform: translateX(9750px); }

.viewport .ent .ypos.y97 {
  transform: translateY(2425px); }

.viewport .ent .zpos.z97 {
  transform: translateZ(9750px) rotateY(-45deg); }

.viewport .ent .xpos.x98 {
  transform: translateX(9850px); }

.viewport .ent .ypos.y98 {
  transform: translateY(2450px); }

.viewport .ent .zpos.z98 {
  transform: translateZ(9850px) rotateY(-45deg); }

.viewport .ent .xpos.x99 {
  transform: translateX(9950px); }

.viewport .ent .ypos.y99 {
  transform: translateY(2475px); }

.viewport .ent .zpos.z99 {
  transform: translateZ(9950px) rotateY(-45deg); }

.viewport .ent .xpos.x100 {
  transform: translateX(10050px); }

.viewport .ent .ypos.y100 {
  transform: translateY(2500px); }

.viewport .ent .zpos.z100 {
  transform: translateZ(10050px) rotateY(-45deg); }

.viewport .ent .xpos.x101 {
  transform: translateX(10150px); }

.viewport .ent .ypos.y101 {
  transform: translateY(2525px); }

.viewport .ent .zpos.z101 {
  transform: translateZ(10150px) rotateY(-45deg); }

.viewport .ent .xpos.x102 {
  transform: translateX(10250px); }

.viewport .ent .ypos.y102 {
  transform: translateY(2550px); }

.viewport .ent .zpos.z102 {
  transform: translateZ(10250px) rotateY(-45deg); }

.viewport .ent .xpos.x103 {
  transform: translateX(10350px); }

.viewport .ent .ypos.y103 {
  transform: translateY(2575px); }

.viewport .ent .zpos.z103 {
  transform: translateZ(10350px) rotateY(-45deg); }

.viewport .ent .xpos.x104 {
  transform: translateX(10450px); }

.viewport .ent .ypos.y104 {
  transform: translateY(2600px); }

.viewport .ent .zpos.z104 {
  transform: translateZ(10450px) rotateY(-45deg); }

.viewport .ent .xpos.x105 {
  transform: translateX(10550px); }

.viewport .ent .ypos.y105 {
  transform: translateY(2625px); }

.viewport .ent .zpos.z105 {
  transform: translateZ(10550px) rotateY(-45deg); }

.viewport .ent .xpos.x106 {
  transform: translateX(10650px); }

.viewport .ent .ypos.y106 {
  transform: translateY(2650px); }

.viewport .ent .zpos.z106 {
  transform: translateZ(10650px) rotateY(-45deg); }

.viewport .ent .xpos.x107 {
  transform: translateX(10750px); }

.viewport .ent .ypos.y107 {
  transform: translateY(2675px); }

.viewport .ent .zpos.z107 {
  transform: translateZ(10750px) rotateY(-45deg); }

.viewport .ent .xpos.x108 {
  transform: translateX(10850px); }

.viewport .ent .ypos.y108 {
  transform: translateY(2700px); }

.viewport .ent .zpos.z108 {
  transform: translateZ(10850px) rotateY(-45deg); }

.viewport .ent .xpos.x109 {
  transform: translateX(10950px); }

.viewport .ent .ypos.y109 {
  transform: translateY(2725px); }

.viewport .ent .zpos.z109 {
  transform: translateZ(10950px) rotateY(-45deg); }

.viewport .ent .xpos.x110 {
  transform: translateX(11050px); }

.viewport .ent .ypos.y110 {
  transform: translateY(2750px); }

.viewport .ent .zpos.z110 {
  transform: translateZ(11050px) rotateY(-45deg); }

.viewport .ent .xpos.x111 {
  transform: translateX(11150px); }

.viewport .ent .ypos.y111 {
  transform: translateY(2775px); }

.viewport .ent .zpos.z111 {
  transform: translateZ(11150px) rotateY(-45deg); }

.viewport .ent .xpos.x112 {
  transform: translateX(11250px); }

.viewport .ent .ypos.y112 {
  transform: translateY(2800px); }

.viewport .ent .zpos.z112 {
  transform: translateZ(11250px) rotateY(-45deg); }

.viewport .ent .xpos.x113 {
  transform: translateX(11350px); }

.viewport .ent .ypos.y113 {
  transform: translateY(2825px); }

.viewport .ent .zpos.z113 {
  transform: translateZ(11350px) rotateY(-45deg); }

.viewport .ent .xpos.x114 {
  transform: translateX(11450px); }

.viewport .ent .ypos.y114 {
  transform: translateY(2850px); }

.viewport .ent .zpos.z114 {
  transform: translateZ(11450px) rotateY(-45deg); }

.viewport .ent .xpos.x115 {
  transform: translateX(11550px); }

.viewport .ent .ypos.y115 {
  transform: translateY(2875px); }

.viewport .ent .zpos.z115 {
  transform: translateZ(11550px) rotateY(-45deg); }

.viewport .ent .xpos.x116 {
  transform: translateX(11650px); }

.viewport .ent .ypos.y116 {
  transform: translateY(2900px); }

.viewport .ent .zpos.z116 {
  transform: translateZ(11650px) rotateY(-45deg); }

.viewport .ent .xpos.x117 {
  transform: translateX(11750px); }

.viewport .ent .ypos.y117 {
  transform: translateY(2925px); }

.viewport .ent .zpos.z117 {
  transform: translateZ(11750px) rotateY(-45deg); }

.viewport .ent .xpos.x118 {
  transform: translateX(11850px); }

.viewport .ent .ypos.y118 {
  transform: translateY(2950px); }

.viewport .ent .zpos.z118 {
  transform: translateZ(11850px) rotateY(-45deg); }

.viewport .ent .xpos.x119 {
  transform: translateX(11950px); }

.viewport .ent .ypos.y119 {
  transform: translateY(2975px); }

.viewport .ent .zpos.z119 {
  transform: translateZ(11950px) rotateY(-45deg); }

.viewport .ent .xpos.x120 {
  transform: translateX(12050px); }

.viewport .ent .ypos.y120 {
  transform: translateY(3000px); }

.viewport .ent .zpos.z120 {
  transform: translateZ(12050px) rotateY(-45deg); }

.viewport .ent .xpos.x121 {
  transform: translateX(12150px); }

.viewport .ent .ypos.y121 {
  transform: translateY(3025px); }

.viewport .ent .zpos.z121 {
  transform: translateZ(12150px) rotateY(-45deg); }

.viewport .ent .xpos.x122 {
  transform: translateX(12250px); }

.viewport .ent .ypos.y122 {
  transform: translateY(3050px); }

.viewport .ent .zpos.z122 {
  transform: translateZ(12250px) rotateY(-45deg); }

.viewport .ent .xpos.x123 {
  transform: translateX(12350px); }

.viewport .ent .ypos.y123 {
  transform: translateY(3075px); }

.viewport .ent .zpos.z123 {
  transform: translateZ(12350px) rotateY(-45deg); }

.viewport .ent .xpos.x124 {
  transform: translateX(12450px); }

.viewport .ent .ypos.y124 {
  transform: translateY(3100px); }

.viewport .ent .zpos.z124 {
  transform: translateZ(12450px) rotateY(-45deg); }

.viewport .ent .xpos.x125 {
  transform: translateX(12550px); }

.viewport .ent .ypos.y125 {
  transform: translateY(3125px); }

.viewport .ent .zpos.z125 {
  transform: translateZ(12550px) rotateY(-45deg); }

.viewport .ent .xpos.x126 {
  transform: translateX(12650px); }

.viewport .ent .ypos.y126 {
  transform: translateY(3150px); }

.viewport .ent .zpos.z126 {
  transform: translateZ(12650px) rotateY(-45deg); }

.viewport .ent .xpos.x127 {
  transform: translateX(12750px); }

.viewport .ent .ypos.y127 {
  transform: translateY(3175px); }

.viewport .ent .zpos.z127 {
  transform: translateZ(12750px) rotateY(-45deg); }

.viewport .ent .xpos.x128 {
  transform: translateX(12850px); }

.viewport .ent .ypos.y128 {
  transform: translateY(3200px); }

.viewport .ent .zpos.z128 {
  transform: translateZ(12850px) rotateY(-45deg); }

.viewport .ent .xpos.x129 {
  transform: translateX(12950px); }

.viewport .ent .ypos.y129 {
  transform: translateY(3225px); }

.viewport .ent .zpos.z129 {
  transform: translateZ(12950px) rotateY(-45deg); }

.viewport .ent .xpos.x130 {
  transform: translateX(13050px); }

.viewport .ent .ypos.y130 {
  transform: translateY(3250px); }

.viewport .ent .zpos.z130 {
  transform: translateZ(13050px) rotateY(-45deg); }

.viewport .ent .xpos.x131 {
  transform: translateX(13150px); }

.viewport .ent .ypos.y131 {
  transform: translateY(3275px); }

.viewport .ent .zpos.z131 {
  transform: translateZ(13150px) rotateY(-45deg); }

.viewport .ent .xpos.x132 {
  transform: translateX(13250px); }

.viewport .ent .ypos.y132 {
  transform: translateY(3300px); }

.viewport .ent .zpos.z132 {
  transform: translateZ(13250px) rotateY(-45deg); }

.viewport .ent .xpos.x133 {
  transform: translateX(13350px); }

.viewport .ent .ypos.y133 {
  transform: translateY(3325px); }

.viewport .ent .zpos.z133 {
  transform: translateZ(13350px) rotateY(-45deg); }

.viewport .ent .xpos.x134 {
  transform: translateX(13450px); }

.viewport .ent .ypos.y134 {
  transform: translateY(3350px); }

.viewport .ent .zpos.z134 {
  transform: translateZ(13450px) rotateY(-45deg); }

.viewport .ent .xpos.x135 {
  transform: translateX(13550px); }

.viewport .ent .ypos.y135 {
  transform: translateY(3375px); }

.viewport .ent .zpos.z135 {
  transform: translateZ(13550px) rotateY(-45deg); }

.viewport .ent .xpos.x136 {
  transform: translateX(13650px); }

.viewport .ent .ypos.y136 {
  transform: translateY(3400px); }

.viewport .ent .zpos.z136 {
  transform: translateZ(13650px) rotateY(-45deg); }

.viewport .ent .xpos.x137 {
  transform: translateX(13750px); }

.viewport .ent .ypos.y137 {
  transform: translateY(3425px); }

.viewport .ent .zpos.z137 {
  transform: translateZ(13750px) rotateY(-45deg); }

.viewport .ent .xpos.x138 {
  transform: translateX(13850px); }

.viewport .ent .ypos.y138 {
  transform: translateY(3450px); }

.viewport .ent .zpos.z138 {
  transform: translateZ(13850px) rotateY(-45deg); }

.viewport .ent .xpos.x139 {
  transform: translateX(13950px); }

.viewport .ent .ypos.y139 {
  transform: translateY(3475px); }

.viewport .ent .zpos.z139 {
  transform: translateZ(13950px) rotateY(-45deg); }

.viewport .ent .xpos.x140 {
  transform: translateX(14050px); }

.viewport .ent .ypos.y140 {
  transform: translateY(3500px); }

.viewport .ent .zpos.z140 {
  transform: translateZ(14050px) rotateY(-45deg); }

.viewport .ent .xpos.x141 {
  transform: translateX(14150px); }

.viewport .ent .ypos.y141 {
  transform: translateY(3525px); }

.viewport .ent .zpos.z141 {
  transform: translateZ(14150px) rotateY(-45deg); }

.viewport .ent .xpos.x142 {
  transform: translateX(14250px); }

.viewport .ent .ypos.y142 {
  transform: translateY(3550px); }

.viewport .ent .zpos.z142 {
  transform: translateZ(14250px) rotateY(-45deg); }

.viewport .ent .xpos.x143 {
  transform: translateX(14350px); }

.viewport .ent .ypos.y143 {
  transform: translateY(3575px); }

.viewport .ent .zpos.z143 {
  transform: translateZ(14350px) rotateY(-45deg); }

.viewport .ent .xpos.x144 {
  transform: translateX(14450px); }

.viewport .ent .ypos.y144 {
  transform: translateY(3600px); }

.viewport .ent .zpos.z144 {
  transform: translateZ(14450px) rotateY(-45deg); }

.viewport .ent .xpos.x145 {
  transform: translateX(14550px); }

.viewport .ent .ypos.y145 {
  transform: translateY(3625px); }

.viewport .ent .zpos.z145 {
  transform: translateZ(14550px) rotateY(-45deg); }

.viewport .ent .xpos.x146 {
  transform: translateX(14650px); }

.viewport .ent .ypos.y146 {
  transform: translateY(3650px); }

.viewport .ent .zpos.z146 {
  transform: translateZ(14650px) rotateY(-45deg); }

.viewport .ent .xpos.x147 {
  transform: translateX(14750px); }

.viewport .ent .ypos.y147 {
  transform: translateY(3675px); }

.viewport .ent .zpos.z147 {
  transform: translateZ(14750px) rotateY(-45deg); }

.viewport .ent .xpos.x148 {
  transform: translateX(14850px); }

.viewport .ent .ypos.y148 {
  transform: translateY(3700px); }

.viewport .ent .zpos.z148 {
  transform: translateZ(14850px) rotateY(-45deg); }

.viewport .ent .xpos.x149 {
  transform: translateX(14950px); }

.viewport .ent .ypos.y149 {
  transform: translateY(3725px); }

.viewport .ent .zpos.z149 {
  transform: translateZ(14950px) rotateY(-45deg); }

.viewport .ent .xpos.x150 {
  transform: translateX(15050px); }

.viewport .ent .ypos.y150 {
  transform: translateY(3750px); }

.viewport .ent .zpos.z150 {
  transform: translateZ(15050px) rotateY(-45deg); }

.viewport:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0vmax black;
  transition: box-shadow 1s linear;
  pointer-events: none;
  z-index: 999; }

.viewport.effect-besanta:after {
  box-shadow: inset 0 0 30vmax black; }

.viewport.effect-besanta .ent.player {
  display: none !important; }

.viewport.effect-besanta .ent.player.me {
  display: block !important; }

.viewport .camera div {
  position: absolute;
  transform-style: preserve-3d; }

.viewport .camera .xcam.x-150 {
  transform: translateX(14950px); }

.viewport .camera .ycam.y-150 {
  transform: translateY(3750px); }

.viewport .camera .zcam.z-150 {
  transform: translateZ(14950px); }

.viewport .camera .xcam.x-149 {
  transform: translateX(14850px); }

.viewport .camera .ycam.y-149 {
  transform: translateY(3725px); }

.viewport .camera .zcam.z-149 {
  transform: translateZ(14850px); }

.viewport .camera .xcam.x-148 {
  transform: translateX(14750px); }

.viewport .camera .ycam.y-148 {
  transform: translateY(3700px); }

.viewport .camera .zcam.z-148 {
  transform: translateZ(14750px); }

.viewport .camera .xcam.x-147 {
  transform: translateX(14650px); }

.viewport .camera .ycam.y-147 {
  transform: translateY(3675px); }

.viewport .camera .zcam.z-147 {
  transform: translateZ(14650px); }

.viewport .camera .xcam.x-146 {
  transform: translateX(14550px); }

.viewport .camera .ycam.y-146 {
  transform: translateY(3650px); }

.viewport .camera .zcam.z-146 {
  transform: translateZ(14550px); }

.viewport .camera .xcam.x-145 {
  transform: translateX(14450px); }

.viewport .camera .ycam.y-145 {
  transform: translateY(3625px); }

.viewport .camera .zcam.z-145 {
  transform: translateZ(14450px); }

.viewport .camera .xcam.x-144 {
  transform: translateX(14350px); }

.viewport .camera .ycam.y-144 {
  transform: translateY(3600px); }

.viewport .camera .zcam.z-144 {
  transform: translateZ(14350px); }

.viewport .camera .xcam.x-143 {
  transform: translateX(14250px); }

.viewport .camera .ycam.y-143 {
  transform: translateY(3575px); }

.viewport .camera .zcam.z-143 {
  transform: translateZ(14250px); }

.viewport .camera .xcam.x-142 {
  transform: translateX(14150px); }

.viewport .camera .ycam.y-142 {
  transform: translateY(3550px); }

.viewport .camera .zcam.z-142 {
  transform: translateZ(14150px); }

.viewport .camera .xcam.x-141 {
  transform: translateX(14050px); }

.viewport .camera .ycam.y-141 {
  transform: translateY(3525px); }

.viewport .camera .zcam.z-141 {
  transform: translateZ(14050px); }

.viewport .camera .xcam.x-140 {
  transform: translateX(13950px); }

.viewport .camera .ycam.y-140 {
  transform: translateY(3500px); }

.viewport .camera .zcam.z-140 {
  transform: translateZ(13950px); }

.viewport .camera .xcam.x-139 {
  transform: translateX(13850px); }

.viewport .camera .ycam.y-139 {
  transform: translateY(3475px); }

.viewport .camera .zcam.z-139 {
  transform: translateZ(13850px); }

.viewport .camera .xcam.x-138 {
  transform: translateX(13750px); }

.viewport .camera .ycam.y-138 {
  transform: translateY(3450px); }

.viewport .camera .zcam.z-138 {
  transform: translateZ(13750px); }

.viewport .camera .xcam.x-137 {
  transform: translateX(13650px); }

.viewport .camera .ycam.y-137 {
  transform: translateY(3425px); }

.viewport .camera .zcam.z-137 {
  transform: translateZ(13650px); }

.viewport .camera .xcam.x-136 {
  transform: translateX(13550px); }

.viewport .camera .ycam.y-136 {
  transform: translateY(3400px); }

.viewport .camera .zcam.z-136 {
  transform: translateZ(13550px); }

.viewport .camera .xcam.x-135 {
  transform: translateX(13450px); }

.viewport .camera .ycam.y-135 {
  transform: translateY(3375px); }

.viewport .camera .zcam.z-135 {
  transform: translateZ(13450px); }

.viewport .camera .xcam.x-134 {
  transform: translateX(13350px); }

.viewport .camera .ycam.y-134 {
  transform: translateY(3350px); }

.viewport .camera .zcam.z-134 {
  transform: translateZ(13350px); }

.viewport .camera .xcam.x-133 {
  transform: translateX(13250px); }

.viewport .camera .ycam.y-133 {
  transform: translateY(3325px); }

.viewport .camera .zcam.z-133 {
  transform: translateZ(13250px); }

.viewport .camera .xcam.x-132 {
  transform: translateX(13150px); }

.viewport .camera .ycam.y-132 {
  transform: translateY(3300px); }

.viewport .camera .zcam.z-132 {
  transform: translateZ(13150px); }

.viewport .camera .xcam.x-131 {
  transform: translateX(13050px); }

.viewport .camera .ycam.y-131 {
  transform: translateY(3275px); }

.viewport .camera .zcam.z-131 {
  transform: translateZ(13050px); }

.viewport .camera .xcam.x-130 {
  transform: translateX(12950px); }

.viewport .camera .ycam.y-130 {
  transform: translateY(3250px); }

.viewport .camera .zcam.z-130 {
  transform: translateZ(12950px); }

.viewport .camera .xcam.x-129 {
  transform: translateX(12850px); }

.viewport .camera .ycam.y-129 {
  transform: translateY(3225px); }

.viewport .camera .zcam.z-129 {
  transform: translateZ(12850px); }

.viewport .camera .xcam.x-128 {
  transform: translateX(12750px); }

.viewport .camera .ycam.y-128 {
  transform: translateY(3200px); }

.viewport .camera .zcam.z-128 {
  transform: translateZ(12750px); }

.viewport .camera .xcam.x-127 {
  transform: translateX(12650px); }

.viewport .camera .ycam.y-127 {
  transform: translateY(3175px); }

.viewport .camera .zcam.z-127 {
  transform: translateZ(12650px); }

.viewport .camera .xcam.x-126 {
  transform: translateX(12550px); }

.viewport .camera .ycam.y-126 {
  transform: translateY(3150px); }

.viewport .camera .zcam.z-126 {
  transform: translateZ(12550px); }

.viewport .camera .xcam.x-125 {
  transform: translateX(12450px); }

.viewport .camera .ycam.y-125 {
  transform: translateY(3125px); }

.viewport .camera .zcam.z-125 {
  transform: translateZ(12450px); }

.viewport .camera .xcam.x-124 {
  transform: translateX(12350px); }

.viewport .camera .ycam.y-124 {
  transform: translateY(3100px); }

.viewport .camera .zcam.z-124 {
  transform: translateZ(12350px); }

.viewport .camera .xcam.x-123 {
  transform: translateX(12250px); }

.viewport .camera .ycam.y-123 {
  transform: translateY(3075px); }

.viewport .camera .zcam.z-123 {
  transform: translateZ(12250px); }

.viewport .camera .xcam.x-122 {
  transform: translateX(12150px); }

.viewport .camera .ycam.y-122 {
  transform: translateY(3050px); }

.viewport .camera .zcam.z-122 {
  transform: translateZ(12150px); }

.viewport .camera .xcam.x-121 {
  transform: translateX(12050px); }

.viewport .camera .ycam.y-121 {
  transform: translateY(3025px); }

.viewport .camera .zcam.z-121 {
  transform: translateZ(12050px); }

.viewport .camera .xcam.x-120 {
  transform: translateX(11950px); }

.viewport .camera .ycam.y-120 {
  transform: translateY(3000px); }

.viewport .camera .zcam.z-120 {
  transform: translateZ(11950px); }

.viewport .camera .xcam.x-119 {
  transform: translateX(11850px); }

.viewport .camera .ycam.y-119 {
  transform: translateY(2975px); }

.viewport .camera .zcam.z-119 {
  transform: translateZ(11850px); }

.viewport .camera .xcam.x-118 {
  transform: translateX(11750px); }

.viewport .camera .ycam.y-118 {
  transform: translateY(2950px); }

.viewport .camera .zcam.z-118 {
  transform: translateZ(11750px); }

.viewport .camera .xcam.x-117 {
  transform: translateX(11650px); }

.viewport .camera .ycam.y-117 {
  transform: translateY(2925px); }

.viewport .camera .zcam.z-117 {
  transform: translateZ(11650px); }

.viewport .camera .xcam.x-116 {
  transform: translateX(11550px); }

.viewport .camera .ycam.y-116 {
  transform: translateY(2900px); }

.viewport .camera .zcam.z-116 {
  transform: translateZ(11550px); }

.viewport .camera .xcam.x-115 {
  transform: translateX(11450px); }

.viewport .camera .ycam.y-115 {
  transform: translateY(2875px); }

.viewport .camera .zcam.z-115 {
  transform: translateZ(11450px); }

.viewport .camera .xcam.x-114 {
  transform: translateX(11350px); }

.viewport .camera .ycam.y-114 {
  transform: translateY(2850px); }

.viewport .camera .zcam.z-114 {
  transform: translateZ(11350px); }

.viewport .camera .xcam.x-113 {
  transform: translateX(11250px); }

.viewport .camera .ycam.y-113 {
  transform: translateY(2825px); }

.viewport .camera .zcam.z-113 {
  transform: translateZ(11250px); }

.viewport .camera .xcam.x-112 {
  transform: translateX(11150px); }

.viewport .camera .ycam.y-112 {
  transform: translateY(2800px); }

.viewport .camera .zcam.z-112 {
  transform: translateZ(11150px); }

.viewport .camera .xcam.x-111 {
  transform: translateX(11050px); }

.viewport .camera .ycam.y-111 {
  transform: translateY(2775px); }

.viewport .camera .zcam.z-111 {
  transform: translateZ(11050px); }

.viewport .camera .xcam.x-110 {
  transform: translateX(10950px); }

.viewport .camera .ycam.y-110 {
  transform: translateY(2750px); }

.viewport .camera .zcam.z-110 {
  transform: translateZ(10950px); }

.viewport .camera .xcam.x-109 {
  transform: translateX(10850px); }

.viewport .camera .ycam.y-109 {
  transform: translateY(2725px); }

.viewport .camera .zcam.z-109 {
  transform: translateZ(10850px); }

.viewport .camera .xcam.x-108 {
  transform: translateX(10750px); }

.viewport .camera .ycam.y-108 {
  transform: translateY(2700px); }

.viewport .camera .zcam.z-108 {
  transform: translateZ(10750px); }

.viewport .camera .xcam.x-107 {
  transform: translateX(10650px); }

.viewport .camera .ycam.y-107 {
  transform: translateY(2675px); }

.viewport .camera .zcam.z-107 {
  transform: translateZ(10650px); }

.viewport .camera .xcam.x-106 {
  transform: translateX(10550px); }

.viewport .camera .ycam.y-106 {
  transform: translateY(2650px); }

.viewport .camera .zcam.z-106 {
  transform: translateZ(10550px); }

.viewport .camera .xcam.x-105 {
  transform: translateX(10450px); }

.viewport .camera .ycam.y-105 {
  transform: translateY(2625px); }

.viewport .camera .zcam.z-105 {
  transform: translateZ(10450px); }

.viewport .camera .xcam.x-104 {
  transform: translateX(10350px); }

.viewport .camera .ycam.y-104 {
  transform: translateY(2600px); }

.viewport .camera .zcam.z-104 {
  transform: translateZ(10350px); }

.viewport .camera .xcam.x-103 {
  transform: translateX(10250px); }

.viewport .camera .ycam.y-103 {
  transform: translateY(2575px); }

.viewport .camera .zcam.z-103 {
  transform: translateZ(10250px); }

.viewport .camera .xcam.x-102 {
  transform: translateX(10150px); }

.viewport .camera .ycam.y-102 {
  transform: translateY(2550px); }

.viewport .camera .zcam.z-102 {
  transform: translateZ(10150px); }

.viewport .camera .xcam.x-101 {
  transform: translateX(10050px); }

.viewport .camera .ycam.y-101 {
  transform: translateY(2525px); }

.viewport .camera .zcam.z-101 {
  transform: translateZ(10050px); }

.viewport .camera .xcam.x-100 {
  transform: translateX(9950px); }

.viewport .camera .ycam.y-100 {
  transform: translateY(2500px); }

.viewport .camera .zcam.z-100 {
  transform: translateZ(9950px); }

.viewport .camera .xcam.x-99 {
  transform: translateX(9850px); }

.viewport .camera .ycam.y-99 {
  transform: translateY(2475px); }

.viewport .camera .zcam.z-99 {
  transform: translateZ(9850px); }

.viewport .camera .xcam.x-98 {
  transform: translateX(9750px); }

.viewport .camera .ycam.y-98 {
  transform: translateY(2450px); }

.viewport .camera .zcam.z-98 {
  transform: translateZ(9750px); }

.viewport .camera .xcam.x-97 {
  transform: translateX(9650px); }

.viewport .camera .ycam.y-97 {
  transform: translateY(2425px); }

.viewport .camera .zcam.z-97 {
  transform: translateZ(9650px); }

.viewport .camera .xcam.x-96 {
  transform: translateX(9550px); }

.viewport .camera .ycam.y-96 {
  transform: translateY(2400px); }

.viewport .camera .zcam.z-96 {
  transform: translateZ(9550px); }

.viewport .camera .xcam.x-95 {
  transform: translateX(9450px); }

.viewport .camera .ycam.y-95 {
  transform: translateY(2375px); }

.viewport .camera .zcam.z-95 {
  transform: translateZ(9450px); }

.viewport .camera .xcam.x-94 {
  transform: translateX(9350px); }

.viewport .camera .ycam.y-94 {
  transform: translateY(2350px); }

.viewport .camera .zcam.z-94 {
  transform: translateZ(9350px); }

.viewport .camera .xcam.x-93 {
  transform: translateX(9250px); }

.viewport .camera .ycam.y-93 {
  transform: translateY(2325px); }

.viewport .camera .zcam.z-93 {
  transform: translateZ(9250px); }

.viewport .camera .xcam.x-92 {
  transform: translateX(9150px); }

.viewport .camera .ycam.y-92 {
  transform: translateY(2300px); }

.viewport .camera .zcam.z-92 {
  transform: translateZ(9150px); }

.viewport .camera .xcam.x-91 {
  transform: translateX(9050px); }

.viewport .camera .ycam.y-91 {
  transform: translateY(2275px); }

.viewport .camera .zcam.z-91 {
  transform: translateZ(9050px); }

.viewport .camera .xcam.x-90 {
  transform: translateX(8950px); }

.viewport .camera .ycam.y-90 {
  transform: translateY(2250px); }

.viewport .camera .zcam.z-90 {
  transform: translateZ(8950px); }

.viewport .camera .xcam.x-89 {
  transform: translateX(8850px); }

.viewport .camera .ycam.y-89 {
  transform: translateY(2225px); }

.viewport .camera .zcam.z-89 {
  transform: translateZ(8850px); }

.viewport .camera .xcam.x-88 {
  transform: translateX(8750px); }

.viewport .camera .ycam.y-88 {
  transform: translateY(2200px); }

.viewport .camera .zcam.z-88 {
  transform: translateZ(8750px); }

.viewport .camera .xcam.x-87 {
  transform: translateX(8650px); }

.viewport .camera .ycam.y-87 {
  transform: translateY(2175px); }

.viewport .camera .zcam.z-87 {
  transform: translateZ(8650px); }

.viewport .camera .xcam.x-86 {
  transform: translateX(8550px); }

.viewport .camera .ycam.y-86 {
  transform: translateY(2150px); }

.viewport .camera .zcam.z-86 {
  transform: translateZ(8550px); }

.viewport .camera .xcam.x-85 {
  transform: translateX(8450px); }

.viewport .camera .ycam.y-85 {
  transform: translateY(2125px); }

.viewport .camera .zcam.z-85 {
  transform: translateZ(8450px); }

.viewport .camera .xcam.x-84 {
  transform: translateX(8350px); }

.viewport .camera .ycam.y-84 {
  transform: translateY(2100px); }

.viewport .camera .zcam.z-84 {
  transform: translateZ(8350px); }

.viewport .camera .xcam.x-83 {
  transform: translateX(8250px); }

.viewport .camera .ycam.y-83 {
  transform: translateY(2075px); }

.viewport .camera .zcam.z-83 {
  transform: translateZ(8250px); }

.viewport .camera .xcam.x-82 {
  transform: translateX(8150px); }

.viewport .camera .ycam.y-82 {
  transform: translateY(2050px); }

.viewport .camera .zcam.z-82 {
  transform: translateZ(8150px); }

.viewport .camera .xcam.x-81 {
  transform: translateX(8050px); }

.viewport .camera .ycam.y-81 {
  transform: translateY(2025px); }

.viewport .camera .zcam.z-81 {
  transform: translateZ(8050px); }

.viewport .camera .xcam.x-80 {
  transform: translateX(7950px); }

.viewport .camera .ycam.y-80 {
  transform: translateY(2000px); }

.viewport .camera .zcam.z-80 {
  transform: translateZ(7950px); }

.viewport .camera .xcam.x-79 {
  transform: translateX(7850px); }

.viewport .camera .ycam.y-79 {
  transform: translateY(1975px); }

.viewport .camera .zcam.z-79 {
  transform: translateZ(7850px); }

.viewport .camera .xcam.x-78 {
  transform: translateX(7750px); }

.viewport .camera .ycam.y-78 {
  transform: translateY(1950px); }

.viewport .camera .zcam.z-78 {
  transform: translateZ(7750px); }

.viewport .camera .xcam.x-77 {
  transform: translateX(7650px); }

.viewport .camera .ycam.y-77 {
  transform: translateY(1925px); }

.viewport .camera .zcam.z-77 {
  transform: translateZ(7650px); }

.viewport .camera .xcam.x-76 {
  transform: translateX(7550px); }

.viewport .camera .ycam.y-76 {
  transform: translateY(1900px); }

.viewport .camera .zcam.z-76 {
  transform: translateZ(7550px); }

.viewport .camera .xcam.x-75 {
  transform: translateX(7450px); }

.viewport .camera .ycam.y-75 {
  transform: translateY(1875px); }

.viewport .camera .zcam.z-75 {
  transform: translateZ(7450px); }

.viewport .camera .xcam.x-74 {
  transform: translateX(7350px); }

.viewport .camera .ycam.y-74 {
  transform: translateY(1850px); }

.viewport .camera .zcam.z-74 {
  transform: translateZ(7350px); }

.viewport .camera .xcam.x-73 {
  transform: translateX(7250px); }

.viewport .camera .ycam.y-73 {
  transform: translateY(1825px); }

.viewport .camera .zcam.z-73 {
  transform: translateZ(7250px); }

.viewport .camera .xcam.x-72 {
  transform: translateX(7150px); }

.viewport .camera .ycam.y-72 {
  transform: translateY(1800px); }

.viewport .camera .zcam.z-72 {
  transform: translateZ(7150px); }

.viewport .camera .xcam.x-71 {
  transform: translateX(7050px); }

.viewport .camera .ycam.y-71 {
  transform: translateY(1775px); }

.viewport .camera .zcam.z-71 {
  transform: translateZ(7050px); }

.viewport .camera .xcam.x-70 {
  transform: translateX(6950px); }

.viewport .camera .ycam.y-70 {
  transform: translateY(1750px); }

.viewport .camera .zcam.z-70 {
  transform: translateZ(6950px); }

.viewport .camera .xcam.x-69 {
  transform: translateX(6850px); }

.viewport .camera .ycam.y-69 {
  transform: translateY(1725px); }

.viewport .camera .zcam.z-69 {
  transform: translateZ(6850px); }

.viewport .camera .xcam.x-68 {
  transform: translateX(6750px); }

.viewport .camera .ycam.y-68 {
  transform: translateY(1700px); }

.viewport .camera .zcam.z-68 {
  transform: translateZ(6750px); }

.viewport .camera .xcam.x-67 {
  transform: translateX(6650px); }

.viewport .camera .ycam.y-67 {
  transform: translateY(1675px); }

.viewport .camera .zcam.z-67 {
  transform: translateZ(6650px); }

.viewport .camera .xcam.x-66 {
  transform: translateX(6550px); }

.viewport .camera .ycam.y-66 {
  transform: translateY(1650px); }

.viewport .camera .zcam.z-66 {
  transform: translateZ(6550px); }

.viewport .camera .xcam.x-65 {
  transform: translateX(6450px); }

.viewport .camera .ycam.y-65 {
  transform: translateY(1625px); }

.viewport .camera .zcam.z-65 {
  transform: translateZ(6450px); }

.viewport .camera .xcam.x-64 {
  transform: translateX(6350px); }

.viewport .camera .ycam.y-64 {
  transform: translateY(1600px); }

.viewport .camera .zcam.z-64 {
  transform: translateZ(6350px); }

.viewport .camera .xcam.x-63 {
  transform: translateX(6250px); }

.viewport .camera .ycam.y-63 {
  transform: translateY(1575px); }

.viewport .camera .zcam.z-63 {
  transform: translateZ(6250px); }

.viewport .camera .xcam.x-62 {
  transform: translateX(6150px); }

.viewport .camera .ycam.y-62 {
  transform: translateY(1550px); }

.viewport .camera .zcam.z-62 {
  transform: translateZ(6150px); }

.viewport .camera .xcam.x-61 {
  transform: translateX(6050px); }

.viewport .camera .ycam.y-61 {
  transform: translateY(1525px); }

.viewport .camera .zcam.z-61 {
  transform: translateZ(6050px); }

.viewport .camera .xcam.x-60 {
  transform: translateX(5950px); }

.viewport .camera .ycam.y-60 {
  transform: translateY(1500px); }

.viewport .camera .zcam.z-60 {
  transform: translateZ(5950px); }

.viewport .camera .xcam.x-59 {
  transform: translateX(5850px); }

.viewport .camera .ycam.y-59 {
  transform: translateY(1475px); }

.viewport .camera .zcam.z-59 {
  transform: translateZ(5850px); }

.viewport .camera .xcam.x-58 {
  transform: translateX(5750px); }

.viewport .camera .ycam.y-58 {
  transform: translateY(1450px); }

.viewport .camera .zcam.z-58 {
  transform: translateZ(5750px); }

.viewport .camera .xcam.x-57 {
  transform: translateX(5650px); }

.viewport .camera .ycam.y-57 {
  transform: translateY(1425px); }

.viewport .camera .zcam.z-57 {
  transform: translateZ(5650px); }

.viewport .camera .xcam.x-56 {
  transform: translateX(5550px); }

.viewport .camera .ycam.y-56 {
  transform: translateY(1400px); }

.viewport .camera .zcam.z-56 {
  transform: translateZ(5550px); }

.viewport .camera .xcam.x-55 {
  transform: translateX(5450px); }

.viewport .camera .ycam.y-55 {
  transform: translateY(1375px); }

.viewport .camera .zcam.z-55 {
  transform: translateZ(5450px); }

.viewport .camera .xcam.x-54 {
  transform: translateX(5350px); }

.viewport .camera .ycam.y-54 {
  transform: translateY(1350px); }

.viewport .camera .zcam.z-54 {
  transform: translateZ(5350px); }

.viewport .camera .xcam.x-53 {
  transform: translateX(5250px); }

.viewport .camera .ycam.y-53 {
  transform: translateY(1325px); }

.viewport .camera .zcam.z-53 {
  transform: translateZ(5250px); }

.viewport .camera .xcam.x-52 {
  transform: translateX(5150px); }

.viewport .camera .ycam.y-52 {
  transform: translateY(1300px); }

.viewport .camera .zcam.z-52 {
  transform: translateZ(5150px); }

.viewport .camera .xcam.x-51 {
  transform: translateX(5050px); }

.viewport .camera .ycam.y-51 {
  transform: translateY(1275px); }

.viewport .camera .zcam.z-51 {
  transform: translateZ(5050px); }

.viewport .camera .xcam.x-50 {
  transform: translateX(4950px); }

.viewport .camera .ycam.y-50 {
  transform: translateY(1250px); }

.viewport .camera .zcam.z-50 {
  transform: translateZ(4950px); }

.viewport .camera .xcam.x-49 {
  transform: translateX(4850px); }

.viewport .camera .ycam.y-49 {
  transform: translateY(1225px); }

.viewport .camera .zcam.z-49 {
  transform: translateZ(4850px); }

.viewport .camera .xcam.x-48 {
  transform: translateX(4750px); }

.viewport .camera .ycam.y-48 {
  transform: translateY(1200px); }

.viewport .camera .zcam.z-48 {
  transform: translateZ(4750px); }

.viewport .camera .xcam.x-47 {
  transform: translateX(4650px); }

.viewport .camera .ycam.y-47 {
  transform: translateY(1175px); }

.viewport .camera .zcam.z-47 {
  transform: translateZ(4650px); }

.viewport .camera .xcam.x-46 {
  transform: translateX(4550px); }

.viewport .camera .ycam.y-46 {
  transform: translateY(1150px); }

.viewport .camera .zcam.z-46 {
  transform: translateZ(4550px); }

.viewport .camera .xcam.x-45 {
  transform: translateX(4450px); }

.viewport .camera .ycam.y-45 {
  transform: translateY(1125px); }

.viewport .camera .zcam.z-45 {
  transform: translateZ(4450px); }

.viewport .camera .xcam.x-44 {
  transform: translateX(4350px); }

.viewport .camera .ycam.y-44 {
  transform: translateY(1100px); }

.viewport .camera .zcam.z-44 {
  transform: translateZ(4350px); }

.viewport .camera .xcam.x-43 {
  transform: translateX(4250px); }

.viewport .camera .ycam.y-43 {
  transform: translateY(1075px); }

.viewport .camera .zcam.z-43 {
  transform: translateZ(4250px); }

.viewport .camera .xcam.x-42 {
  transform: translateX(4150px); }

.viewport .camera .ycam.y-42 {
  transform: translateY(1050px); }

.viewport .camera .zcam.z-42 {
  transform: translateZ(4150px); }

.viewport .camera .xcam.x-41 {
  transform: translateX(4050px); }

.viewport .camera .ycam.y-41 {
  transform: translateY(1025px); }

.viewport .camera .zcam.z-41 {
  transform: translateZ(4050px); }

.viewport .camera .xcam.x-40 {
  transform: translateX(3950px); }

.viewport .camera .ycam.y-40 {
  transform: translateY(1000px); }

.viewport .camera .zcam.z-40 {
  transform: translateZ(3950px); }

.viewport .camera .xcam.x-39 {
  transform: translateX(3850px); }

.viewport .camera .ycam.y-39 {
  transform: translateY(975px); }

.viewport .camera .zcam.z-39 {
  transform: translateZ(3850px); }

.viewport .camera .xcam.x-38 {
  transform: translateX(3750px); }

.viewport .camera .ycam.y-38 {
  transform: translateY(950px); }

.viewport .camera .zcam.z-38 {
  transform: translateZ(3750px); }

.viewport .camera .xcam.x-37 {
  transform: translateX(3650px); }

.viewport .camera .ycam.y-37 {
  transform: translateY(925px); }

.viewport .camera .zcam.z-37 {
  transform: translateZ(3650px); }

.viewport .camera .xcam.x-36 {
  transform: translateX(3550px); }

.viewport .camera .ycam.y-36 {
  transform: translateY(900px); }

.viewport .camera .zcam.z-36 {
  transform: translateZ(3550px); }

.viewport .camera .xcam.x-35 {
  transform: translateX(3450px); }

.viewport .camera .ycam.y-35 {
  transform: translateY(875px); }

.viewport .camera .zcam.z-35 {
  transform: translateZ(3450px); }

.viewport .camera .xcam.x-34 {
  transform: translateX(3350px); }

.viewport .camera .ycam.y-34 {
  transform: translateY(850px); }

.viewport .camera .zcam.z-34 {
  transform: translateZ(3350px); }

.viewport .camera .xcam.x-33 {
  transform: translateX(3250px); }

.viewport .camera .ycam.y-33 {
  transform: translateY(825px); }

.viewport .camera .zcam.z-33 {
  transform: translateZ(3250px); }

.viewport .camera .xcam.x-32 {
  transform: translateX(3150px); }

.viewport .camera .ycam.y-32 {
  transform: translateY(800px); }

.viewport .camera .zcam.z-32 {
  transform: translateZ(3150px); }

.viewport .camera .xcam.x-31 {
  transform: translateX(3050px); }

.viewport .camera .ycam.y-31 {
  transform: translateY(775px); }

.viewport .camera .zcam.z-31 {
  transform: translateZ(3050px); }

.viewport .camera .xcam.x-30 {
  transform: translateX(2950px); }

.viewport .camera .ycam.y-30 {
  transform: translateY(750px); }

.viewport .camera .zcam.z-30 {
  transform: translateZ(2950px); }

.viewport .camera .xcam.x-29 {
  transform: translateX(2850px); }

.viewport .camera .ycam.y-29 {
  transform: translateY(725px); }

.viewport .camera .zcam.z-29 {
  transform: translateZ(2850px); }

.viewport .camera .xcam.x-28 {
  transform: translateX(2750px); }

.viewport .camera .ycam.y-28 {
  transform: translateY(700px); }

.viewport .camera .zcam.z-28 {
  transform: translateZ(2750px); }

.viewport .camera .xcam.x-27 {
  transform: translateX(2650px); }

.viewport .camera .ycam.y-27 {
  transform: translateY(675px); }

.viewport .camera .zcam.z-27 {
  transform: translateZ(2650px); }

.viewport .camera .xcam.x-26 {
  transform: translateX(2550px); }

.viewport .camera .ycam.y-26 {
  transform: translateY(650px); }

.viewport .camera .zcam.z-26 {
  transform: translateZ(2550px); }

.viewport .camera .xcam.x-25 {
  transform: translateX(2450px); }

.viewport .camera .ycam.y-25 {
  transform: translateY(625px); }

.viewport .camera .zcam.z-25 {
  transform: translateZ(2450px); }

.viewport .camera .xcam.x-24 {
  transform: translateX(2350px); }

.viewport .camera .ycam.y-24 {
  transform: translateY(600px); }

.viewport .camera .zcam.z-24 {
  transform: translateZ(2350px); }

.viewport .camera .xcam.x-23 {
  transform: translateX(2250px); }

.viewport .camera .ycam.y-23 {
  transform: translateY(575px); }

.viewport .camera .zcam.z-23 {
  transform: translateZ(2250px); }

.viewport .camera .xcam.x-22 {
  transform: translateX(2150px); }

.viewport .camera .ycam.y-22 {
  transform: translateY(550px); }

.viewport .camera .zcam.z-22 {
  transform: translateZ(2150px); }

.viewport .camera .xcam.x-21 {
  transform: translateX(2050px); }

.viewport .camera .ycam.y-21 {
  transform: translateY(525px); }

.viewport .camera .zcam.z-21 {
  transform: translateZ(2050px); }

.viewport .camera .xcam.x-20 {
  transform: translateX(1950px); }

.viewport .camera .ycam.y-20 {
  transform: translateY(500px); }

.viewport .camera .zcam.z-20 {
  transform: translateZ(1950px); }

.viewport .camera .xcam.x-19 {
  transform: translateX(1850px); }

.viewport .camera .ycam.y-19 {
  transform: translateY(475px); }

.viewport .camera .zcam.z-19 {
  transform: translateZ(1850px); }

.viewport .camera .xcam.x-18 {
  transform: translateX(1750px); }

.viewport .camera .ycam.y-18 {
  transform: translateY(450px); }

.viewport .camera .zcam.z-18 {
  transform: translateZ(1750px); }

.viewport .camera .xcam.x-17 {
  transform: translateX(1650px); }

.viewport .camera .ycam.y-17 {
  transform: translateY(425px); }

.viewport .camera .zcam.z-17 {
  transform: translateZ(1650px); }

.viewport .camera .xcam.x-16 {
  transform: translateX(1550px); }

.viewport .camera .ycam.y-16 {
  transform: translateY(400px); }

.viewport .camera .zcam.z-16 {
  transform: translateZ(1550px); }

.viewport .camera .xcam.x-15 {
  transform: translateX(1450px); }

.viewport .camera .ycam.y-15 {
  transform: translateY(375px); }

.viewport .camera .zcam.z-15 {
  transform: translateZ(1450px); }

.viewport .camera .xcam.x-14 {
  transform: translateX(1350px); }

.viewport .camera .ycam.y-14 {
  transform: translateY(350px); }

.viewport .camera .zcam.z-14 {
  transform: translateZ(1350px); }

.viewport .camera .xcam.x-13 {
  transform: translateX(1250px); }

.viewport .camera .ycam.y-13 {
  transform: translateY(325px); }

.viewport .camera .zcam.z-13 {
  transform: translateZ(1250px); }

.viewport .camera .xcam.x-12 {
  transform: translateX(1150px); }

.viewport .camera .ycam.y-12 {
  transform: translateY(300px); }

.viewport .camera .zcam.z-12 {
  transform: translateZ(1150px); }

.viewport .camera .xcam.x-11 {
  transform: translateX(1050px); }

.viewport .camera .ycam.y-11 {
  transform: translateY(275px); }

.viewport .camera .zcam.z-11 {
  transform: translateZ(1050px); }

.viewport .camera .xcam.x-10 {
  transform: translateX(950px); }

.viewport .camera .ycam.y-10 {
  transform: translateY(250px); }

.viewport .camera .zcam.z-10 {
  transform: translateZ(950px); }

.viewport .camera .xcam.x-9 {
  transform: translateX(850px); }

.viewport .camera .ycam.y-9 {
  transform: translateY(225px); }

.viewport .camera .zcam.z-9 {
  transform: translateZ(850px); }

.viewport .camera .xcam.x-8 {
  transform: translateX(750px); }

.viewport .camera .ycam.y-8 {
  transform: translateY(200px); }

.viewport .camera .zcam.z-8 {
  transform: translateZ(750px); }

.viewport .camera .xcam.x-7 {
  transform: translateX(650px); }

.viewport .camera .ycam.y-7 {
  transform: translateY(175px); }

.viewport .camera .zcam.z-7 {
  transform: translateZ(650px); }

.viewport .camera .xcam.x-6 {
  transform: translateX(550px); }

.viewport .camera .ycam.y-6 {
  transform: translateY(150px); }

.viewport .camera .zcam.z-6 {
  transform: translateZ(550px); }

.viewport .camera .xcam.x-5 {
  transform: translateX(450px); }

.viewport .camera .ycam.y-5 {
  transform: translateY(125px); }

.viewport .camera .zcam.z-5 {
  transform: translateZ(450px); }

.viewport .camera .xcam.x-4 {
  transform: translateX(350px); }

.viewport .camera .ycam.y-4 {
  transform: translateY(100px); }

.viewport .camera .zcam.z-4 {
  transform: translateZ(350px); }

.viewport .camera .xcam.x-3 {
  transform: translateX(250px); }

.viewport .camera .ycam.y-3 {
  transform: translateY(75px); }

.viewport .camera .zcam.z-3 {
  transform: translateZ(250px); }

.viewport .camera .xcam.x-2 {
  transform: translateX(150px); }

.viewport .camera .ycam.y-2 {
  transform: translateY(50px); }

.viewport .camera .zcam.z-2 {
  transform: translateZ(150px); }

.viewport .camera .xcam.x-1 {
  transform: translateX(50px); }

.viewport .camera .ycam.y-1 {
  transform: translateY(25px); }

.viewport .camera .zcam.z-1 {
  transform: translateZ(50px); }

.viewport .camera .xcam.x0 {
  transform: translateX(-50px); }

.viewport .camera .ycam.y0 {
  transform: translateY(0px); }

.viewport .camera .zcam.z0 {
  transform: translateZ(-50px); }

.viewport .camera .xcam.x1 {
  transform: translateX(-150px); }

.viewport .camera .ycam.y1 {
  transform: translateY(-25px); }

.viewport .camera .zcam.z1 {
  transform: translateZ(-150px); }

.viewport .camera .xcam.x2 {
  transform: translateX(-250px); }

.viewport .camera .ycam.y2 {
  transform: translateY(-50px); }

.viewport .camera .zcam.z2 {
  transform: translateZ(-250px); }

.viewport .camera .xcam.x3 {
  transform: translateX(-350px); }

.viewport .camera .ycam.y3 {
  transform: translateY(-75px); }

.viewport .camera .zcam.z3 {
  transform: translateZ(-350px); }

.viewport .camera .xcam.x4 {
  transform: translateX(-450px); }

.viewport .camera .ycam.y4 {
  transform: translateY(-100px); }

.viewport .camera .zcam.z4 {
  transform: translateZ(-450px); }

.viewport .camera .xcam.x5 {
  transform: translateX(-550px); }

.viewport .camera .ycam.y5 {
  transform: translateY(-125px); }

.viewport .camera .zcam.z5 {
  transform: translateZ(-550px); }

.viewport .camera .xcam.x6 {
  transform: translateX(-650px); }

.viewport .camera .ycam.y6 {
  transform: translateY(-150px); }

.viewport .camera .zcam.z6 {
  transform: translateZ(-650px); }

.viewport .camera .xcam.x7 {
  transform: translateX(-750px); }

.viewport .camera .ycam.y7 {
  transform: translateY(-175px); }

.viewport .camera .zcam.z7 {
  transform: translateZ(-750px); }

.viewport .camera .xcam.x8 {
  transform: translateX(-850px); }

.viewport .camera .ycam.y8 {
  transform: translateY(-200px); }

.viewport .camera .zcam.z8 {
  transform: translateZ(-850px); }

.viewport .camera .xcam.x9 {
  transform: translateX(-950px); }

.viewport .camera .ycam.y9 {
  transform: translateY(-225px); }

.viewport .camera .zcam.z9 {
  transform: translateZ(-950px); }

.viewport .camera .xcam.x10 {
  transform: translateX(-1050px); }

.viewport .camera .ycam.y10 {
  transform: translateY(-250px); }

.viewport .camera .zcam.z10 {
  transform: translateZ(-1050px); }

.viewport .camera .xcam.x11 {
  transform: translateX(-1150px); }

.viewport .camera .ycam.y11 {
  transform: translateY(-275px); }

.viewport .camera .zcam.z11 {
  transform: translateZ(-1150px); }

.viewport .camera .xcam.x12 {
  transform: translateX(-1250px); }

.viewport .camera .ycam.y12 {
  transform: translateY(-300px); }

.viewport .camera .zcam.z12 {
  transform: translateZ(-1250px); }

.viewport .camera .xcam.x13 {
  transform: translateX(-1350px); }

.viewport .camera .ycam.y13 {
  transform: translateY(-325px); }

.viewport .camera .zcam.z13 {
  transform: translateZ(-1350px); }

.viewport .camera .xcam.x14 {
  transform: translateX(-1450px); }

.viewport .camera .ycam.y14 {
  transform: translateY(-350px); }

.viewport .camera .zcam.z14 {
  transform: translateZ(-1450px); }

.viewport .camera .xcam.x15 {
  transform: translateX(-1550px); }

.viewport .camera .ycam.y15 {
  transform: translateY(-375px); }

.viewport .camera .zcam.z15 {
  transform: translateZ(-1550px); }

.viewport .camera .xcam.x16 {
  transform: translateX(-1650px); }

.viewport .camera .ycam.y16 {
  transform: translateY(-400px); }

.viewport .camera .zcam.z16 {
  transform: translateZ(-1650px); }

.viewport .camera .xcam.x17 {
  transform: translateX(-1750px); }

.viewport .camera .ycam.y17 {
  transform: translateY(-425px); }

.viewport .camera .zcam.z17 {
  transform: translateZ(-1750px); }

.viewport .camera .xcam.x18 {
  transform: translateX(-1850px); }

.viewport .camera .ycam.y18 {
  transform: translateY(-450px); }

.viewport .camera .zcam.z18 {
  transform: translateZ(-1850px); }

.viewport .camera .xcam.x19 {
  transform: translateX(-1950px); }

.viewport .camera .ycam.y19 {
  transform: translateY(-475px); }

.viewport .camera .zcam.z19 {
  transform: translateZ(-1950px); }

.viewport .camera .xcam.x20 {
  transform: translateX(-2050px); }

.viewport .camera .ycam.y20 {
  transform: translateY(-500px); }

.viewport .camera .zcam.z20 {
  transform: translateZ(-2050px); }

.viewport .camera .xcam.x21 {
  transform: translateX(-2150px); }

.viewport .camera .ycam.y21 {
  transform: translateY(-525px); }

.viewport .camera .zcam.z21 {
  transform: translateZ(-2150px); }

.viewport .camera .xcam.x22 {
  transform: translateX(-2250px); }

.viewport .camera .ycam.y22 {
  transform: translateY(-550px); }

.viewport .camera .zcam.z22 {
  transform: translateZ(-2250px); }

.viewport .camera .xcam.x23 {
  transform: translateX(-2350px); }

.viewport .camera .ycam.y23 {
  transform: translateY(-575px); }

.viewport .camera .zcam.z23 {
  transform: translateZ(-2350px); }

.viewport .camera .xcam.x24 {
  transform: translateX(-2450px); }

.viewport .camera .ycam.y24 {
  transform: translateY(-600px); }

.viewport .camera .zcam.z24 {
  transform: translateZ(-2450px); }

.viewport .camera .xcam.x25 {
  transform: translateX(-2550px); }

.viewport .camera .ycam.y25 {
  transform: translateY(-625px); }

.viewport .camera .zcam.z25 {
  transform: translateZ(-2550px); }

.viewport .camera .xcam.x26 {
  transform: translateX(-2650px); }

.viewport .camera .ycam.y26 {
  transform: translateY(-650px); }

.viewport .camera .zcam.z26 {
  transform: translateZ(-2650px); }

.viewport .camera .xcam.x27 {
  transform: translateX(-2750px); }

.viewport .camera .ycam.y27 {
  transform: translateY(-675px); }

.viewport .camera .zcam.z27 {
  transform: translateZ(-2750px); }

.viewport .camera .xcam.x28 {
  transform: translateX(-2850px); }

.viewport .camera .ycam.y28 {
  transform: translateY(-700px); }

.viewport .camera .zcam.z28 {
  transform: translateZ(-2850px); }

.viewport .camera .xcam.x29 {
  transform: translateX(-2950px); }

.viewport .camera .ycam.y29 {
  transform: translateY(-725px); }

.viewport .camera .zcam.z29 {
  transform: translateZ(-2950px); }

.viewport .camera .xcam.x30 {
  transform: translateX(-3050px); }

.viewport .camera .ycam.y30 {
  transform: translateY(-750px); }

.viewport .camera .zcam.z30 {
  transform: translateZ(-3050px); }

.viewport .camera .xcam.x31 {
  transform: translateX(-3150px); }

.viewport .camera .ycam.y31 {
  transform: translateY(-775px); }

.viewport .camera .zcam.z31 {
  transform: translateZ(-3150px); }

.viewport .camera .xcam.x32 {
  transform: translateX(-3250px); }

.viewport .camera .ycam.y32 {
  transform: translateY(-800px); }

.viewport .camera .zcam.z32 {
  transform: translateZ(-3250px); }

.viewport .camera .xcam.x33 {
  transform: translateX(-3350px); }

.viewport .camera .ycam.y33 {
  transform: translateY(-825px); }

.viewport .camera .zcam.z33 {
  transform: translateZ(-3350px); }

.viewport .camera .xcam.x34 {
  transform: translateX(-3450px); }

.viewport .camera .ycam.y34 {
  transform: translateY(-850px); }

.viewport .camera .zcam.z34 {
  transform: translateZ(-3450px); }

.viewport .camera .xcam.x35 {
  transform: translateX(-3550px); }

.viewport .camera .ycam.y35 {
  transform: translateY(-875px); }

.viewport .camera .zcam.z35 {
  transform: translateZ(-3550px); }

.viewport .camera .xcam.x36 {
  transform: translateX(-3650px); }

.viewport .camera .ycam.y36 {
  transform: translateY(-900px); }

.viewport .camera .zcam.z36 {
  transform: translateZ(-3650px); }

.viewport .camera .xcam.x37 {
  transform: translateX(-3750px); }

.viewport .camera .ycam.y37 {
  transform: translateY(-925px); }

.viewport .camera .zcam.z37 {
  transform: translateZ(-3750px); }

.viewport .camera .xcam.x38 {
  transform: translateX(-3850px); }

.viewport .camera .ycam.y38 {
  transform: translateY(-950px); }

.viewport .camera .zcam.z38 {
  transform: translateZ(-3850px); }

.viewport .camera .xcam.x39 {
  transform: translateX(-3950px); }

.viewport .camera .ycam.y39 {
  transform: translateY(-975px); }

.viewport .camera .zcam.z39 {
  transform: translateZ(-3950px); }

.viewport .camera .xcam.x40 {
  transform: translateX(-4050px); }

.viewport .camera .ycam.y40 {
  transform: translateY(-1000px); }

.viewport .camera .zcam.z40 {
  transform: translateZ(-4050px); }

.viewport .camera .xcam.x41 {
  transform: translateX(-4150px); }

.viewport .camera .ycam.y41 {
  transform: translateY(-1025px); }

.viewport .camera .zcam.z41 {
  transform: translateZ(-4150px); }

.viewport .camera .xcam.x42 {
  transform: translateX(-4250px); }

.viewport .camera .ycam.y42 {
  transform: translateY(-1050px); }

.viewport .camera .zcam.z42 {
  transform: translateZ(-4250px); }

.viewport .camera .xcam.x43 {
  transform: translateX(-4350px); }

.viewport .camera .ycam.y43 {
  transform: translateY(-1075px); }

.viewport .camera .zcam.z43 {
  transform: translateZ(-4350px); }

.viewport .camera .xcam.x44 {
  transform: translateX(-4450px); }

.viewport .camera .ycam.y44 {
  transform: translateY(-1100px); }

.viewport .camera .zcam.z44 {
  transform: translateZ(-4450px); }

.viewport .camera .xcam.x45 {
  transform: translateX(-4550px); }

.viewport .camera .ycam.y45 {
  transform: translateY(-1125px); }

.viewport .camera .zcam.z45 {
  transform: translateZ(-4550px); }

.viewport .camera .xcam.x46 {
  transform: translateX(-4650px); }

.viewport .camera .ycam.y46 {
  transform: translateY(-1150px); }

.viewport .camera .zcam.z46 {
  transform: translateZ(-4650px); }

.viewport .camera .xcam.x47 {
  transform: translateX(-4750px); }

.viewport .camera .ycam.y47 {
  transform: translateY(-1175px); }

.viewport .camera .zcam.z47 {
  transform: translateZ(-4750px); }

.viewport .camera .xcam.x48 {
  transform: translateX(-4850px); }

.viewport .camera .ycam.y48 {
  transform: translateY(-1200px); }

.viewport .camera .zcam.z48 {
  transform: translateZ(-4850px); }

.viewport .camera .xcam.x49 {
  transform: translateX(-4950px); }

.viewport .camera .ycam.y49 {
  transform: translateY(-1225px); }

.viewport .camera .zcam.z49 {
  transform: translateZ(-4950px); }

.viewport .camera .xcam.x50 {
  transform: translateX(-5050px); }

.viewport .camera .ycam.y50 {
  transform: translateY(-1250px); }

.viewport .camera .zcam.z50 {
  transform: translateZ(-5050px); }

.viewport .camera .xcam.x51 {
  transform: translateX(-5150px); }

.viewport .camera .ycam.y51 {
  transform: translateY(-1275px); }

.viewport .camera .zcam.z51 {
  transform: translateZ(-5150px); }

.viewport .camera .xcam.x52 {
  transform: translateX(-5250px); }

.viewport .camera .ycam.y52 {
  transform: translateY(-1300px); }

.viewport .camera .zcam.z52 {
  transform: translateZ(-5250px); }

.viewport .camera .xcam.x53 {
  transform: translateX(-5350px); }

.viewport .camera .ycam.y53 {
  transform: translateY(-1325px); }

.viewport .camera .zcam.z53 {
  transform: translateZ(-5350px); }

.viewport .camera .xcam.x54 {
  transform: translateX(-5450px); }

.viewport .camera .ycam.y54 {
  transform: translateY(-1350px); }

.viewport .camera .zcam.z54 {
  transform: translateZ(-5450px); }

.viewport .camera .xcam.x55 {
  transform: translateX(-5550px); }

.viewport .camera .ycam.y55 {
  transform: translateY(-1375px); }

.viewport .camera .zcam.z55 {
  transform: translateZ(-5550px); }

.viewport .camera .xcam.x56 {
  transform: translateX(-5650px); }

.viewport .camera .ycam.y56 {
  transform: translateY(-1400px); }

.viewport .camera .zcam.z56 {
  transform: translateZ(-5650px); }

.viewport .camera .xcam.x57 {
  transform: translateX(-5750px); }

.viewport .camera .ycam.y57 {
  transform: translateY(-1425px); }

.viewport .camera .zcam.z57 {
  transform: translateZ(-5750px); }

.viewport .camera .xcam.x58 {
  transform: translateX(-5850px); }

.viewport .camera .ycam.y58 {
  transform: translateY(-1450px); }

.viewport .camera .zcam.z58 {
  transform: translateZ(-5850px); }

.viewport .camera .xcam.x59 {
  transform: translateX(-5950px); }

.viewport .camera .ycam.y59 {
  transform: translateY(-1475px); }

.viewport .camera .zcam.z59 {
  transform: translateZ(-5950px); }

.viewport .camera .xcam.x60 {
  transform: translateX(-6050px); }

.viewport .camera .ycam.y60 {
  transform: translateY(-1500px); }

.viewport .camera .zcam.z60 {
  transform: translateZ(-6050px); }

.viewport .camera .xcam.x61 {
  transform: translateX(-6150px); }

.viewport .camera .ycam.y61 {
  transform: translateY(-1525px); }

.viewport .camera .zcam.z61 {
  transform: translateZ(-6150px); }

.viewport .camera .xcam.x62 {
  transform: translateX(-6250px); }

.viewport .camera .ycam.y62 {
  transform: translateY(-1550px); }

.viewport .camera .zcam.z62 {
  transform: translateZ(-6250px); }

.viewport .camera .xcam.x63 {
  transform: translateX(-6350px); }

.viewport .camera .ycam.y63 {
  transform: translateY(-1575px); }

.viewport .camera .zcam.z63 {
  transform: translateZ(-6350px); }

.viewport .camera .xcam.x64 {
  transform: translateX(-6450px); }

.viewport .camera .ycam.y64 {
  transform: translateY(-1600px); }

.viewport .camera .zcam.z64 {
  transform: translateZ(-6450px); }

.viewport .camera .xcam.x65 {
  transform: translateX(-6550px); }

.viewport .camera .ycam.y65 {
  transform: translateY(-1625px); }

.viewport .camera .zcam.z65 {
  transform: translateZ(-6550px); }

.viewport .camera .xcam.x66 {
  transform: translateX(-6650px); }

.viewport .camera .ycam.y66 {
  transform: translateY(-1650px); }

.viewport .camera .zcam.z66 {
  transform: translateZ(-6650px); }

.viewport .camera .xcam.x67 {
  transform: translateX(-6750px); }

.viewport .camera .ycam.y67 {
  transform: translateY(-1675px); }

.viewport .camera .zcam.z67 {
  transform: translateZ(-6750px); }

.viewport .camera .xcam.x68 {
  transform: translateX(-6850px); }

.viewport .camera .ycam.y68 {
  transform: translateY(-1700px); }

.viewport .camera .zcam.z68 {
  transform: translateZ(-6850px); }

.viewport .camera .xcam.x69 {
  transform: translateX(-6950px); }

.viewport .camera .ycam.y69 {
  transform: translateY(-1725px); }

.viewport .camera .zcam.z69 {
  transform: translateZ(-6950px); }

.viewport .camera .xcam.x70 {
  transform: translateX(-7050px); }

.viewport .camera .ycam.y70 {
  transform: translateY(-1750px); }

.viewport .camera .zcam.z70 {
  transform: translateZ(-7050px); }

.viewport .camera .xcam.x71 {
  transform: translateX(-7150px); }

.viewport .camera .ycam.y71 {
  transform: translateY(-1775px); }

.viewport .camera .zcam.z71 {
  transform: translateZ(-7150px); }

.viewport .camera .xcam.x72 {
  transform: translateX(-7250px); }

.viewport .camera .ycam.y72 {
  transform: translateY(-1800px); }

.viewport .camera .zcam.z72 {
  transform: translateZ(-7250px); }

.viewport .camera .xcam.x73 {
  transform: translateX(-7350px); }

.viewport .camera .ycam.y73 {
  transform: translateY(-1825px); }

.viewport .camera .zcam.z73 {
  transform: translateZ(-7350px); }

.viewport .camera .xcam.x74 {
  transform: translateX(-7450px); }

.viewport .camera .ycam.y74 {
  transform: translateY(-1850px); }

.viewport .camera .zcam.z74 {
  transform: translateZ(-7450px); }

.viewport .camera .xcam.x75 {
  transform: translateX(-7550px); }

.viewport .camera .ycam.y75 {
  transform: translateY(-1875px); }

.viewport .camera .zcam.z75 {
  transform: translateZ(-7550px); }

.viewport .camera .xcam.x76 {
  transform: translateX(-7650px); }

.viewport .camera .ycam.y76 {
  transform: translateY(-1900px); }

.viewport .camera .zcam.z76 {
  transform: translateZ(-7650px); }

.viewport .camera .xcam.x77 {
  transform: translateX(-7750px); }

.viewport .camera .ycam.y77 {
  transform: translateY(-1925px); }

.viewport .camera .zcam.z77 {
  transform: translateZ(-7750px); }

.viewport .camera .xcam.x78 {
  transform: translateX(-7850px); }

.viewport .camera .ycam.y78 {
  transform: translateY(-1950px); }

.viewport .camera .zcam.z78 {
  transform: translateZ(-7850px); }

.viewport .camera .xcam.x79 {
  transform: translateX(-7950px); }

.viewport .camera .ycam.y79 {
  transform: translateY(-1975px); }

.viewport .camera .zcam.z79 {
  transform: translateZ(-7950px); }

.viewport .camera .xcam.x80 {
  transform: translateX(-8050px); }

.viewport .camera .ycam.y80 {
  transform: translateY(-2000px); }

.viewport .camera .zcam.z80 {
  transform: translateZ(-8050px); }

.viewport .camera .xcam.x81 {
  transform: translateX(-8150px); }

.viewport .camera .ycam.y81 {
  transform: translateY(-2025px); }

.viewport .camera .zcam.z81 {
  transform: translateZ(-8150px); }

.viewport .camera .xcam.x82 {
  transform: translateX(-8250px); }

.viewport .camera .ycam.y82 {
  transform: translateY(-2050px); }

.viewport .camera .zcam.z82 {
  transform: translateZ(-8250px); }

.viewport .camera .xcam.x83 {
  transform: translateX(-8350px); }

.viewport .camera .ycam.y83 {
  transform: translateY(-2075px); }

.viewport .camera .zcam.z83 {
  transform: translateZ(-8350px); }

.viewport .camera .xcam.x84 {
  transform: translateX(-8450px); }

.viewport .camera .ycam.y84 {
  transform: translateY(-2100px); }

.viewport .camera .zcam.z84 {
  transform: translateZ(-8450px); }

.viewport .camera .xcam.x85 {
  transform: translateX(-8550px); }

.viewport .camera .ycam.y85 {
  transform: translateY(-2125px); }

.viewport .camera .zcam.z85 {
  transform: translateZ(-8550px); }

.viewport .camera .xcam.x86 {
  transform: translateX(-8650px); }

.viewport .camera .ycam.y86 {
  transform: translateY(-2150px); }

.viewport .camera .zcam.z86 {
  transform: translateZ(-8650px); }

.viewport .camera .xcam.x87 {
  transform: translateX(-8750px); }

.viewport .camera .ycam.y87 {
  transform: translateY(-2175px); }

.viewport .camera .zcam.z87 {
  transform: translateZ(-8750px); }

.viewport .camera .xcam.x88 {
  transform: translateX(-8850px); }

.viewport .camera .ycam.y88 {
  transform: translateY(-2200px); }

.viewport .camera .zcam.z88 {
  transform: translateZ(-8850px); }

.viewport .camera .xcam.x89 {
  transform: translateX(-8950px); }

.viewport .camera .ycam.y89 {
  transform: translateY(-2225px); }

.viewport .camera .zcam.z89 {
  transform: translateZ(-8950px); }

.viewport .camera .xcam.x90 {
  transform: translateX(-9050px); }

.viewport .camera .ycam.y90 {
  transform: translateY(-2250px); }

.viewport .camera .zcam.z90 {
  transform: translateZ(-9050px); }

.viewport .camera .xcam.x91 {
  transform: translateX(-9150px); }

.viewport .camera .ycam.y91 {
  transform: translateY(-2275px); }

.viewport .camera .zcam.z91 {
  transform: translateZ(-9150px); }

.viewport .camera .xcam.x92 {
  transform: translateX(-9250px); }

.viewport .camera .ycam.y92 {
  transform: translateY(-2300px); }

.viewport .camera .zcam.z92 {
  transform: translateZ(-9250px); }

.viewport .camera .xcam.x93 {
  transform: translateX(-9350px); }

.viewport .camera .ycam.y93 {
  transform: translateY(-2325px); }

.viewport .camera .zcam.z93 {
  transform: translateZ(-9350px); }

.viewport .camera .xcam.x94 {
  transform: translateX(-9450px); }

.viewport .camera .ycam.y94 {
  transform: translateY(-2350px); }

.viewport .camera .zcam.z94 {
  transform: translateZ(-9450px); }

.viewport .camera .xcam.x95 {
  transform: translateX(-9550px); }

.viewport .camera .ycam.y95 {
  transform: translateY(-2375px); }

.viewport .camera .zcam.z95 {
  transform: translateZ(-9550px); }

.viewport .camera .xcam.x96 {
  transform: translateX(-9650px); }

.viewport .camera .ycam.y96 {
  transform: translateY(-2400px); }

.viewport .camera .zcam.z96 {
  transform: translateZ(-9650px); }

.viewport .camera .xcam.x97 {
  transform: translateX(-9750px); }

.viewport .camera .ycam.y97 {
  transform: translateY(-2425px); }

.viewport .camera .zcam.z97 {
  transform: translateZ(-9750px); }

.viewport .camera .xcam.x98 {
  transform: translateX(-9850px); }

.viewport .camera .ycam.y98 {
  transform: translateY(-2450px); }

.viewport .camera .zcam.z98 {
  transform: translateZ(-9850px); }

.viewport .camera .xcam.x99 {
  transform: translateX(-9950px); }

.viewport .camera .ycam.y99 {
  transform: translateY(-2475px); }

.viewport .camera .zcam.z99 {
  transform: translateZ(-9950px); }

.viewport .camera .xcam.x100 {
  transform: translateX(-10050px); }

.viewport .camera .ycam.y100 {
  transform: translateY(-2500px); }

.viewport .camera .zcam.z100 {
  transform: translateZ(-10050px); }

.viewport .camera .xcam.x101 {
  transform: translateX(-10150px); }

.viewport .camera .ycam.y101 {
  transform: translateY(-2525px); }

.viewport .camera .zcam.z101 {
  transform: translateZ(-10150px); }

.viewport .camera .xcam.x102 {
  transform: translateX(-10250px); }

.viewport .camera .ycam.y102 {
  transform: translateY(-2550px); }

.viewport .camera .zcam.z102 {
  transform: translateZ(-10250px); }

.viewport .camera .xcam.x103 {
  transform: translateX(-10350px); }

.viewport .camera .ycam.y103 {
  transform: translateY(-2575px); }

.viewport .camera .zcam.z103 {
  transform: translateZ(-10350px); }

.viewport .camera .xcam.x104 {
  transform: translateX(-10450px); }

.viewport .camera .ycam.y104 {
  transform: translateY(-2600px); }

.viewport .camera .zcam.z104 {
  transform: translateZ(-10450px); }

.viewport .camera .xcam.x105 {
  transform: translateX(-10550px); }

.viewport .camera .ycam.y105 {
  transform: translateY(-2625px); }

.viewport .camera .zcam.z105 {
  transform: translateZ(-10550px); }

.viewport .camera .xcam.x106 {
  transform: translateX(-10650px); }

.viewport .camera .ycam.y106 {
  transform: translateY(-2650px); }

.viewport .camera .zcam.z106 {
  transform: translateZ(-10650px); }

.viewport .camera .xcam.x107 {
  transform: translateX(-10750px); }

.viewport .camera .ycam.y107 {
  transform: translateY(-2675px); }

.viewport .camera .zcam.z107 {
  transform: translateZ(-10750px); }

.viewport .camera .xcam.x108 {
  transform: translateX(-10850px); }

.viewport .camera .ycam.y108 {
  transform: translateY(-2700px); }

.viewport .camera .zcam.z108 {
  transform: translateZ(-10850px); }

.viewport .camera .xcam.x109 {
  transform: translateX(-10950px); }

.viewport .camera .ycam.y109 {
  transform: translateY(-2725px); }

.viewport .camera .zcam.z109 {
  transform: translateZ(-10950px); }

.viewport .camera .xcam.x110 {
  transform: translateX(-11050px); }

.viewport .camera .ycam.y110 {
  transform: translateY(-2750px); }

.viewport .camera .zcam.z110 {
  transform: translateZ(-11050px); }

.viewport .camera .xcam.x111 {
  transform: translateX(-11150px); }

.viewport .camera .ycam.y111 {
  transform: translateY(-2775px); }

.viewport .camera .zcam.z111 {
  transform: translateZ(-11150px); }

.viewport .camera .xcam.x112 {
  transform: translateX(-11250px); }

.viewport .camera .ycam.y112 {
  transform: translateY(-2800px); }

.viewport .camera .zcam.z112 {
  transform: translateZ(-11250px); }

.viewport .camera .xcam.x113 {
  transform: translateX(-11350px); }

.viewport .camera .ycam.y113 {
  transform: translateY(-2825px); }

.viewport .camera .zcam.z113 {
  transform: translateZ(-11350px); }

.viewport .camera .xcam.x114 {
  transform: translateX(-11450px); }

.viewport .camera .ycam.y114 {
  transform: translateY(-2850px); }

.viewport .camera .zcam.z114 {
  transform: translateZ(-11450px); }

.viewport .camera .xcam.x115 {
  transform: translateX(-11550px); }

.viewport .camera .ycam.y115 {
  transform: translateY(-2875px); }

.viewport .camera .zcam.z115 {
  transform: translateZ(-11550px); }

.viewport .camera .xcam.x116 {
  transform: translateX(-11650px); }

.viewport .camera .ycam.y116 {
  transform: translateY(-2900px); }

.viewport .camera .zcam.z116 {
  transform: translateZ(-11650px); }

.viewport .camera .xcam.x117 {
  transform: translateX(-11750px); }

.viewport .camera .ycam.y117 {
  transform: translateY(-2925px); }

.viewport .camera .zcam.z117 {
  transform: translateZ(-11750px); }

.viewport .camera .xcam.x118 {
  transform: translateX(-11850px); }

.viewport .camera .ycam.y118 {
  transform: translateY(-2950px); }

.viewport .camera .zcam.z118 {
  transform: translateZ(-11850px); }

.viewport .camera .xcam.x119 {
  transform: translateX(-11950px); }

.viewport .camera .ycam.y119 {
  transform: translateY(-2975px); }

.viewport .camera .zcam.z119 {
  transform: translateZ(-11950px); }

.viewport .camera .xcam.x120 {
  transform: translateX(-12050px); }

.viewport .camera .ycam.y120 {
  transform: translateY(-3000px); }

.viewport .camera .zcam.z120 {
  transform: translateZ(-12050px); }

.viewport .camera .xcam.x121 {
  transform: translateX(-12150px); }

.viewport .camera .ycam.y121 {
  transform: translateY(-3025px); }

.viewport .camera .zcam.z121 {
  transform: translateZ(-12150px); }

.viewport .camera .xcam.x122 {
  transform: translateX(-12250px); }

.viewport .camera .ycam.y122 {
  transform: translateY(-3050px); }

.viewport .camera .zcam.z122 {
  transform: translateZ(-12250px); }

.viewport .camera .xcam.x123 {
  transform: translateX(-12350px); }

.viewport .camera .ycam.y123 {
  transform: translateY(-3075px); }

.viewport .camera .zcam.z123 {
  transform: translateZ(-12350px); }

.viewport .camera .xcam.x124 {
  transform: translateX(-12450px); }

.viewport .camera .ycam.y124 {
  transform: translateY(-3100px); }

.viewport .camera .zcam.z124 {
  transform: translateZ(-12450px); }

.viewport .camera .xcam.x125 {
  transform: translateX(-12550px); }

.viewport .camera .ycam.y125 {
  transform: translateY(-3125px); }

.viewport .camera .zcam.z125 {
  transform: translateZ(-12550px); }

.viewport .camera .xcam.x126 {
  transform: translateX(-12650px); }

.viewport .camera .ycam.y126 {
  transform: translateY(-3150px); }

.viewport .camera .zcam.z126 {
  transform: translateZ(-12650px); }

.viewport .camera .xcam.x127 {
  transform: translateX(-12750px); }

.viewport .camera .ycam.y127 {
  transform: translateY(-3175px); }

.viewport .camera .zcam.z127 {
  transform: translateZ(-12750px); }

.viewport .camera .xcam.x128 {
  transform: translateX(-12850px); }

.viewport .camera .ycam.y128 {
  transform: translateY(-3200px); }

.viewport .camera .zcam.z128 {
  transform: translateZ(-12850px); }

.viewport .camera .xcam.x129 {
  transform: translateX(-12950px); }

.viewport .camera .ycam.y129 {
  transform: translateY(-3225px); }

.viewport .camera .zcam.z129 {
  transform: translateZ(-12950px); }

.viewport .camera .xcam.x130 {
  transform: translateX(-13050px); }

.viewport .camera .ycam.y130 {
  transform: translateY(-3250px); }

.viewport .camera .zcam.z130 {
  transform: translateZ(-13050px); }

.viewport .camera .xcam.x131 {
  transform: translateX(-13150px); }

.viewport .camera .ycam.y131 {
  transform: translateY(-3275px); }

.viewport .camera .zcam.z131 {
  transform: translateZ(-13150px); }

.viewport .camera .xcam.x132 {
  transform: translateX(-13250px); }

.viewport .camera .ycam.y132 {
  transform: translateY(-3300px); }

.viewport .camera .zcam.z132 {
  transform: translateZ(-13250px); }

.viewport .camera .xcam.x133 {
  transform: translateX(-13350px); }

.viewport .camera .ycam.y133 {
  transform: translateY(-3325px); }

.viewport .camera .zcam.z133 {
  transform: translateZ(-13350px); }

.viewport .camera .xcam.x134 {
  transform: translateX(-13450px); }

.viewport .camera .ycam.y134 {
  transform: translateY(-3350px); }

.viewport .camera .zcam.z134 {
  transform: translateZ(-13450px); }

.viewport .camera .xcam.x135 {
  transform: translateX(-13550px); }

.viewport .camera .ycam.y135 {
  transform: translateY(-3375px); }

.viewport .camera .zcam.z135 {
  transform: translateZ(-13550px); }

.viewport .camera .xcam.x136 {
  transform: translateX(-13650px); }

.viewport .camera .ycam.y136 {
  transform: translateY(-3400px); }

.viewport .camera .zcam.z136 {
  transform: translateZ(-13650px); }

.viewport .camera .xcam.x137 {
  transform: translateX(-13750px); }

.viewport .camera .ycam.y137 {
  transform: translateY(-3425px); }

.viewport .camera .zcam.z137 {
  transform: translateZ(-13750px); }

.viewport .camera .xcam.x138 {
  transform: translateX(-13850px); }

.viewport .camera .ycam.y138 {
  transform: translateY(-3450px); }

.viewport .camera .zcam.z138 {
  transform: translateZ(-13850px); }

.viewport .camera .xcam.x139 {
  transform: translateX(-13950px); }

.viewport .camera .ycam.y139 {
  transform: translateY(-3475px); }

.viewport .camera .zcam.z139 {
  transform: translateZ(-13950px); }

.viewport .camera .xcam.x140 {
  transform: translateX(-14050px); }

.viewport .camera .ycam.y140 {
  transform: translateY(-3500px); }

.viewport .camera .zcam.z140 {
  transform: translateZ(-14050px); }

.viewport .camera .xcam.x141 {
  transform: translateX(-14150px); }

.viewport .camera .ycam.y141 {
  transform: translateY(-3525px); }

.viewport .camera .zcam.z141 {
  transform: translateZ(-14150px); }

.viewport .camera .xcam.x142 {
  transform: translateX(-14250px); }

.viewport .camera .ycam.y142 {
  transform: translateY(-3550px); }

.viewport .camera .zcam.z142 {
  transform: translateZ(-14250px); }

.viewport .camera .xcam.x143 {
  transform: translateX(-14350px); }

.viewport .camera .ycam.y143 {
  transform: translateY(-3575px); }

.viewport .camera .zcam.z143 {
  transform: translateZ(-14350px); }

.viewport .camera .xcam.x144 {
  transform: translateX(-14450px); }

.viewport .camera .ycam.y144 {
  transform: translateY(-3600px); }

.viewport .camera .zcam.z144 {
  transform: translateZ(-14450px); }

.viewport .camera .xcam.x145 {
  transform: translateX(-14550px); }

.viewport .camera .ycam.y145 {
  transform: translateY(-3625px); }

.viewport .camera .zcam.z145 {
  transform: translateZ(-14550px); }

.viewport .camera .xcam.x146 {
  transform: translateX(-14650px); }

.viewport .camera .ycam.y146 {
  transform: translateY(-3650px); }

.viewport .camera .zcam.z146 {
  transform: translateZ(-14650px); }

.viewport .camera .xcam.x147 {
  transform: translateX(-14750px); }

.viewport .camera .ycam.y147 {
  transform: translateY(-3675px); }

.viewport .camera .zcam.z147 {
  transform: translateZ(-14750px); }

.viewport .camera .xcam.x148 {
  transform: translateX(-14850px); }

.viewport .camera .ycam.y148 {
  transform: translateY(-3700px); }

.viewport .camera .zcam.z148 {
  transform: translateZ(-14850px); }

.viewport .camera .xcam.x149 {
  transform: translateX(-14950px); }

.viewport .camera .ycam.y149 {
  transform: translateY(-3725px); }

.viewport .camera .zcam.z149 {
  transform: translateZ(-14950px); }

.viewport .camera .xcam.x150 {
  transform: translateX(-15050px); }

.viewport .camera .ycam.y150 {
  transform: translateY(-3750px); }

.viewport .camera .zcam.z150 {
  transform: translateZ(-15050px); }

.viewport .camera .xcam,
.viewport .camera .ycam,
.viewport .camera .zcam {
  transition: transform 2s; }

.viewport .camera .ent.player .character-container,
.viewport .camera .ent.npc .npc-avatar,
.viewport .camera .ent.terminal.brightness .clicky-bit {
  transition: filter 0.3s linear; }

.viewport .camera .ent.player.brightness-0 .character-container {
  filter: brightness(0); }

.viewport .camera .ent.npc.brightness-0 .npc-avatar {
  filter: brightness(0); }

.viewport .camera .ent.terminal.brightness-0 .clicky-bit {
  filter: brightness(0); }

.viewport .camera .ent.player.brightness-1 .character-container {
  filter: brightness(0.01); }

.viewport .camera .ent.npc.brightness-1 .npc-avatar {
  filter: brightness(0.01); }

.viewport .camera .ent.terminal.brightness-1 .clicky-bit {
  filter: brightness(0.01); }

.viewport .camera .ent.player.brightness-2 .character-container {
  filter: brightness(0.02); }

.viewport .camera .ent.npc.brightness-2 .npc-avatar {
  filter: brightness(0.02); }

.viewport .camera .ent.terminal.brightness-2 .clicky-bit {
  filter: brightness(0.02); }

.viewport .camera .ent.player.brightness-3 .character-container {
  filter: brightness(0.03); }

.viewport .camera .ent.npc.brightness-3 .npc-avatar {
  filter: brightness(0.03); }

.viewport .camera .ent.terminal.brightness-3 .clicky-bit {
  filter: brightness(0.03); }

.viewport .camera .ent.player.brightness-4 .character-container {
  filter: brightness(0.04); }

.viewport .camera .ent.npc.brightness-4 .npc-avatar {
  filter: brightness(0.04); }

.viewport .camera .ent.terminal.brightness-4 .clicky-bit {
  filter: brightness(0.04); }

.viewport .camera .ent.player.brightness-5 .character-container {
  filter: brightness(0.05); }

.viewport .camera .ent.npc.brightness-5 .npc-avatar {
  filter: brightness(0.05); }

.viewport .camera .ent.terminal.brightness-5 .clicky-bit {
  filter: brightness(0.05); }

.viewport .camera .ent.player.brightness-6 .character-container {
  filter: brightness(0.06); }

.viewport .camera .ent.npc.brightness-6 .npc-avatar {
  filter: brightness(0.06); }

.viewport .camera .ent.terminal.brightness-6 .clicky-bit {
  filter: brightness(0.06); }

.viewport .camera .ent.player.brightness-7 .character-container {
  filter: brightness(0.07); }

.viewport .camera .ent.npc.brightness-7 .npc-avatar {
  filter: brightness(0.07); }

.viewport .camera .ent.terminal.brightness-7 .clicky-bit {
  filter: brightness(0.07); }

.viewport .camera .ent.player.brightness-8 .character-container {
  filter: brightness(0.08); }

.viewport .camera .ent.npc.brightness-8 .npc-avatar {
  filter: brightness(0.08); }

.viewport .camera .ent.terminal.brightness-8 .clicky-bit {
  filter: brightness(0.08); }

.viewport .camera .ent.player.brightness-9 .character-container {
  filter: brightness(0.09); }

.viewport .camera .ent.npc.brightness-9 .npc-avatar {
  filter: brightness(0.09); }

.viewport .camera .ent.terminal.brightness-9 .clicky-bit {
  filter: brightness(0.09); }

.viewport .camera .ent.player.brightness-10 .character-container {
  filter: brightness(0.1); }

.viewport .camera .ent.npc.brightness-10 .npc-avatar {
  filter: brightness(0.1); }

.viewport .camera .ent.terminal.brightness-10 .clicky-bit {
  filter: brightness(0.1); }

.viewport .camera .ent.player.brightness-11 .character-container {
  filter: brightness(0.11); }

.viewport .camera .ent.npc.brightness-11 .npc-avatar {
  filter: brightness(0.11); }

.viewport .camera .ent.terminal.brightness-11 .clicky-bit {
  filter: brightness(0.11); }

.viewport .camera .ent.player.brightness-12 .character-container {
  filter: brightness(0.12); }

.viewport .camera .ent.npc.brightness-12 .npc-avatar {
  filter: brightness(0.12); }

.viewport .camera .ent.terminal.brightness-12 .clicky-bit {
  filter: brightness(0.12); }

.viewport .camera .ent.player.brightness-13 .character-container {
  filter: brightness(0.13); }

.viewport .camera .ent.npc.brightness-13 .npc-avatar {
  filter: brightness(0.13); }

.viewport .camera .ent.terminal.brightness-13 .clicky-bit {
  filter: brightness(0.13); }

.viewport .camera .ent.player.brightness-14 .character-container {
  filter: brightness(0.14); }

.viewport .camera .ent.npc.brightness-14 .npc-avatar {
  filter: brightness(0.14); }

.viewport .camera .ent.terminal.brightness-14 .clicky-bit {
  filter: brightness(0.14); }

.viewport .camera .ent.player.brightness-15 .character-container {
  filter: brightness(0.15); }

.viewport .camera .ent.npc.brightness-15 .npc-avatar {
  filter: brightness(0.15); }

.viewport .camera .ent.terminal.brightness-15 .clicky-bit {
  filter: brightness(0.15); }

.viewport .camera .ent.player.brightness-16 .character-container {
  filter: brightness(0.16); }

.viewport .camera .ent.npc.brightness-16 .npc-avatar {
  filter: brightness(0.16); }

.viewport .camera .ent.terminal.brightness-16 .clicky-bit {
  filter: brightness(0.16); }

.viewport .camera .ent.player.brightness-17 .character-container {
  filter: brightness(0.17); }

.viewport .camera .ent.npc.brightness-17 .npc-avatar {
  filter: brightness(0.17); }

.viewport .camera .ent.terminal.brightness-17 .clicky-bit {
  filter: brightness(0.17); }

.viewport .camera .ent.player.brightness-18 .character-container {
  filter: brightness(0.18); }

.viewport .camera .ent.npc.brightness-18 .npc-avatar {
  filter: brightness(0.18); }

.viewport .camera .ent.terminal.brightness-18 .clicky-bit {
  filter: brightness(0.18); }

.viewport .camera .ent.player.brightness-19 .character-container {
  filter: brightness(0.19); }

.viewport .camera .ent.npc.brightness-19 .npc-avatar {
  filter: brightness(0.19); }

.viewport .camera .ent.terminal.brightness-19 .clicky-bit {
  filter: brightness(0.19); }

.viewport .camera .ent.player.brightness-20 .character-container {
  filter: brightness(0.2); }

.viewport .camera .ent.npc.brightness-20 .npc-avatar {
  filter: brightness(0.2); }

.viewport .camera .ent.terminal.brightness-20 .clicky-bit {
  filter: brightness(0.2); }

.viewport .camera .ent.player.brightness-21 .character-container {
  filter: brightness(0.21); }

.viewport .camera .ent.npc.brightness-21 .npc-avatar {
  filter: brightness(0.21); }

.viewport .camera .ent.terminal.brightness-21 .clicky-bit {
  filter: brightness(0.21); }

.viewport .camera .ent.player.brightness-22 .character-container {
  filter: brightness(0.22); }

.viewport .camera .ent.npc.brightness-22 .npc-avatar {
  filter: brightness(0.22); }

.viewport .camera .ent.terminal.brightness-22 .clicky-bit {
  filter: brightness(0.22); }

.viewport .camera .ent.player.brightness-23 .character-container {
  filter: brightness(0.23); }

.viewport .camera .ent.npc.brightness-23 .npc-avatar {
  filter: brightness(0.23); }

.viewport .camera .ent.terminal.brightness-23 .clicky-bit {
  filter: brightness(0.23); }

.viewport .camera .ent.player.brightness-24 .character-container {
  filter: brightness(0.24); }

.viewport .camera .ent.npc.brightness-24 .npc-avatar {
  filter: brightness(0.24); }

.viewport .camera .ent.terminal.brightness-24 .clicky-bit {
  filter: brightness(0.24); }

.viewport .camera .ent.player.brightness-25 .character-container {
  filter: brightness(0.25); }

.viewport .camera .ent.npc.brightness-25 .npc-avatar {
  filter: brightness(0.25); }

.viewport .camera .ent.terminal.brightness-25 .clicky-bit {
  filter: brightness(0.25); }

.viewport .camera .ent.player.brightness-26 .character-container {
  filter: brightness(0.26); }

.viewport .camera .ent.npc.brightness-26 .npc-avatar {
  filter: brightness(0.26); }

.viewport .camera .ent.terminal.brightness-26 .clicky-bit {
  filter: brightness(0.26); }

.viewport .camera .ent.player.brightness-27 .character-container {
  filter: brightness(0.27); }

.viewport .camera .ent.npc.brightness-27 .npc-avatar {
  filter: brightness(0.27); }

.viewport .camera .ent.terminal.brightness-27 .clicky-bit {
  filter: brightness(0.27); }

.viewport .camera .ent.player.brightness-28 .character-container {
  filter: brightness(0.28); }

.viewport .camera .ent.npc.brightness-28 .npc-avatar {
  filter: brightness(0.28); }

.viewport .camera .ent.terminal.brightness-28 .clicky-bit {
  filter: brightness(0.28); }

.viewport .camera .ent.player.brightness-29 .character-container {
  filter: brightness(0.29); }

.viewport .camera .ent.npc.brightness-29 .npc-avatar {
  filter: brightness(0.29); }

.viewport .camera .ent.terminal.brightness-29 .clicky-bit {
  filter: brightness(0.29); }

.viewport .camera .ent.player.brightness-30 .character-container {
  filter: brightness(0.3); }

.viewport .camera .ent.npc.brightness-30 .npc-avatar {
  filter: brightness(0.3); }

.viewport .camera .ent.terminal.brightness-30 .clicky-bit {
  filter: brightness(0.3); }

.viewport .camera .ent.player.brightness-31 .character-container {
  filter: brightness(0.31); }

.viewport .camera .ent.npc.brightness-31 .npc-avatar {
  filter: brightness(0.31); }

.viewport .camera .ent.terminal.brightness-31 .clicky-bit {
  filter: brightness(0.31); }

.viewport .camera .ent.player.brightness-32 .character-container {
  filter: brightness(0.32); }

.viewport .camera .ent.npc.brightness-32 .npc-avatar {
  filter: brightness(0.32); }

.viewport .camera .ent.terminal.brightness-32 .clicky-bit {
  filter: brightness(0.32); }

.viewport .camera .ent.player.brightness-33 .character-container {
  filter: brightness(0.33); }

.viewport .camera .ent.npc.brightness-33 .npc-avatar {
  filter: brightness(0.33); }

.viewport .camera .ent.terminal.brightness-33 .clicky-bit {
  filter: brightness(0.33); }

.viewport .camera .ent.player.brightness-34 .character-container {
  filter: brightness(0.34); }

.viewport .camera .ent.npc.brightness-34 .npc-avatar {
  filter: brightness(0.34); }

.viewport .camera .ent.terminal.brightness-34 .clicky-bit {
  filter: brightness(0.34); }

.viewport .camera .ent.player.brightness-35 .character-container {
  filter: brightness(0.35); }

.viewport .camera .ent.npc.brightness-35 .npc-avatar {
  filter: brightness(0.35); }

.viewport .camera .ent.terminal.brightness-35 .clicky-bit {
  filter: brightness(0.35); }

.viewport .camera .ent.player.brightness-36 .character-container {
  filter: brightness(0.36); }

.viewport .camera .ent.npc.brightness-36 .npc-avatar {
  filter: brightness(0.36); }

.viewport .camera .ent.terminal.brightness-36 .clicky-bit {
  filter: brightness(0.36); }

.viewport .camera .ent.player.brightness-37 .character-container {
  filter: brightness(0.37); }

.viewport .camera .ent.npc.brightness-37 .npc-avatar {
  filter: brightness(0.37); }

.viewport .camera .ent.terminal.brightness-37 .clicky-bit {
  filter: brightness(0.37); }

.viewport .camera .ent.player.brightness-38 .character-container {
  filter: brightness(0.38); }

.viewport .camera .ent.npc.brightness-38 .npc-avatar {
  filter: brightness(0.38); }

.viewport .camera .ent.terminal.brightness-38 .clicky-bit {
  filter: brightness(0.38); }

.viewport .camera .ent.player.brightness-39 .character-container {
  filter: brightness(0.39); }

.viewport .camera .ent.npc.brightness-39 .npc-avatar {
  filter: brightness(0.39); }

.viewport .camera .ent.terminal.brightness-39 .clicky-bit {
  filter: brightness(0.39); }

.viewport .camera .ent.player.brightness-40 .character-container {
  filter: brightness(0.4); }

.viewport .camera .ent.npc.brightness-40 .npc-avatar {
  filter: brightness(0.4); }

.viewport .camera .ent.terminal.brightness-40 .clicky-bit {
  filter: brightness(0.4); }

.viewport .camera .ent.player.brightness-41 .character-container {
  filter: brightness(0.41); }

.viewport .camera .ent.npc.brightness-41 .npc-avatar {
  filter: brightness(0.41); }

.viewport .camera .ent.terminal.brightness-41 .clicky-bit {
  filter: brightness(0.41); }

.viewport .camera .ent.player.brightness-42 .character-container {
  filter: brightness(0.42); }

.viewport .camera .ent.npc.brightness-42 .npc-avatar {
  filter: brightness(0.42); }

.viewport .camera .ent.terminal.brightness-42 .clicky-bit {
  filter: brightness(0.42); }

.viewport .camera .ent.player.brightness-43 .character-container {
  filter: brightness(0.43); }

.viewport .camera .ent.npc.brightness-43 .npc-avatar {
  filter: brightness(0.43); }

.viewport .camera .ent.terminal.brightness-43 .clicky-bit {
  filter: brightness(0.43); }

.viewport .camera .ent.player.brightness-44 .character-container {
  filter: brightness(0.44); }

.viewport .camera .ent.npc.brightness-44 .npc-avatar {
  filter: brightness(0.44); }

.viewport .camera .ent.terminal.brightness-44 .clicky-bit {
  filter: brightness(0.44); }

.viewport .camera .ent.player.brightness-45 .character-container {
  filter: brightness(0.45); }

.viewport .camera .ent.npc.brightness-45 .npc-avatar {
  filter: brightness(0.45); }

.viewport .camera .ent.terminal.brightness-45 .clicky-bit {
  filter: brightness(0.45); }

.viewport .camera .ent.player.brightness-46 .character-container {
  filter: brightness(0.46); }

.viewport .camera .ent.npc.brightness-46 .npc-avatar {
  filter: brightness(0.46); }

.viewport .camera .ent.terminal.brightness-46 .clicky-bit {
  filter: brightness(0.46); }

.viewport .camera .ent.player.brightness-47 .character-container {
  filter: brightness(0.47); }

.viewport .camera .ent.npc.brightness-47 .npc-avatar {
  filter: brightness(0.47); }

.viewport .camera .ent.terminal.brightness-47 .clicky-bit {
  filter: brightness(0.47); }

.viewport .camera .ent.player.brightness-48 .character-container {
  filter: brightness(0.48); }

.viewport .camera .ent.npc.brightness-48 .npc-avatar {
  filter: brightness(0.48); }

.viewport .camera .ent.terminal.brightness-48 .clicky-bit {
  filter: brightness(0.48); }

.viewport .camera .ent.player.brightness-49 .character-container {
  filter: brightness(0.49); }

.viewport .camera .ent.npc.brightness-49 .npc-avatar {
  filter: brightness(0.49); }

.viewport .camera .ent.terminal.brightness-49 .clicky-bit {
  filter: brightness(0.49); }

.viewport .camera .ent.player.brightness-50 .character-container {
  filter: brightness(0.5); }

.viewport .camera .ent.npc.brightness-50 .npc-avatar {
  filter: brightness(0.5); }

.viewport .camera .ent.terminal.brightness-50 .clicky-bit {
  filter: brightness(0.5); }

.viewport .camera .ent.player.brightness-51 .character-container {
  filter: brightness(0.51); }

.viewport .camera .ent.npc.brightness-51 .npc-avatar {
  filter: brightness(0.51); }

.viewport .camera .ent.terminal.brightness-51 .clicky-bit {
  filter: brightness(0.51); }

.viewport .camera .ent.player.brightness-52 .character-container {
  filter: brightness(0.52); }

.viewport .camera .ent.npc.brightness-52 .npc-avatar {
  filter: brightness(0.52); }

.viewport .camera .ent.terminal.brightness-52 .clicky-bit {
  filter: brightness(0.52); }

.viewport .camera .ent.player.brightness-53 .character-container {
  filter: brightness(0.53); }

.viewport .camera .ent.npc.brightness-53 .npc-avatar {
  filter: brightness(0.53); }

.viewport .camera .ent.terminal.brightness-53 .clicky-bit {
  filter: brightness(0.53); }

.viewport .camera .ent.player.brightness-54 .character-container {
  filter: brightness(0.54); }

.viewport .camera .ent.npc.brightness-54 .npc-avatar {
  filter: brightness(0.54); }

.viewport .camera .ent.terminal.brightness-54 .clicky-bit {
  filter: brightness(0.54); }

.viewport .camera .ent.player.brightness-55 .character-container {
  filter: brightness(0.55); }

.viewport .camera .ent.npc.brightness-55 .npc-avatar {
  filter: brightness(0.55); }

.viewport .camera .ent.terminal.brightness-55 .clicky-bit {
  filter: brightness(0.55); }

.viewport .camera .ent.player.brightness-56 .character-container {
  filter: brightness(0.56); }

.viewport .camera .ent.npc.brightness-56 .npc-avatar {
  filter: brightness(0.56); }

.viewport .camera .ent.terminal.brightness-56 .clicky-bit {
  filter: brightness(0.56); }

.viewport .camera .ent.player.brightness-57 .character-container {
  filter: brightness(0.57); }

.viewport .camera .ent.npc.brightness-57 .npc-avatar {
  filter: brightness(0.57); }

.viewport .camera .ent.terminal.brightness-57 .clicky-bit {
  filter: brightness(0.57); }

.viewport .camera .ent.player.brightness-58 .character-container {
  filter: brightness(0.58); }

.viewport .camera .ent.npc.brightness-58 .npc-avatar {
  filter: brightness(0.58); }

.viewport .camera .ent.terminal.brightness-58 .clicky-bit {
  filter: brightness(0.58); }

.viewport .camera .ent.player.brightness-59 .character-container {
  filter: brightness(0.59); }

.viewport .camera .ent.npc.brightness-59 .npc-avatar {
  filter: brightness(0.59); }

.viewport .camera .ent.terminal.brightness-59 .clicky-bit {
  filter: brightness(0.59); }

.viewport .camera .ent.player.brightness-60 .character-container {
  filter: brightness(0.6); }

.viewport .camera .ent.npc.brightness-60 .npc-avatar {
  filter: brightness(0.6); }

.viewport .camera .ent.terminal.brightness-60 .clicky-bit {
  filter: brightness(0.6); }

.viewport .camera .ent.player.brightness-61 .character-container {
  filter: brightness(0.61); }

.viewport .camera .ent.npc.brightness-61 .npc-avatar {
  filter: brightness(0.61); }

.viewport .camera .ent.terminal.brightness-61 .clicky-bit {
  filter: brightness(0.61); }

.viewport .camera .ent.player.brightness-62 .character-container {
  filter: brightness(0.62); }

.viewport .camera .ent.npc.brightness-62 .npc-avatar {
  filter: brightness(0.62); }

.viewport .camera .ent.terminal.brightness-62 .clicky-bit {
  filter: brightness(0.62); }

.viewport .camera .ent.player.brightness-63 .character-container {
  filter: brightness(0.63); }

.viewport .camera .ent.npc.brightness-63 .npc-avatar {
  filter: brightness(0.63); }

.viewport .camera .ent.terminal.brightness-63 .clicky-bit {
  filter: brightness(0.63); }

.viewport .camera .ent.player.brightness-64 .character-container {
  filter: brightness(0.64); }

.viewport .camera .ent.npc.brightness-64 .npc-avatar {
  filter: brightness(0.64); }

.viewport .camera .ent.terminal.brightness-64 .clicky-bit {
  filter: brightness(0.64); }

.viewport .camera .ent.player.brightness-65 .character-container {
  filter: brightness(0.65); }

.viewport .camera .ent.npc.brightness-65 .npc-avatar {
  filter: brightness(0.65); }

.viewport .camera .ent.terminal.brightness-65 .clicky-bit {
  filter: brightness(0.65); }

.viewport .camera .ent.player.brightness-66 .character-container {
  filter: brightness(0.66); }

.viewport .camera .ent.npc.brightness-66 .npc-avatar {
  filter: brightness(0.66); }

.viewport .camera .ent.terminal.brightness-66 .clicky-bit {
  filter: brightness(0.66); }

.viewport .camera .ent.player.brightness-67 .character-container {
  filter: brightness(0.67); }

.viewport .camera .ent.npc.brightness-67 .npc-avatar {
  filter: brightness(0.67); }

.viewport .camera .ent.terminal.brightness-67 .clicky-bit {
  filter: brightness(0.67); }

.viewport .camera .ent.player.brightness-68 .character-container {
  filter: brightness(0.68); }

.viewport .camera .ent.npc.brightness-68 .npc-avatar {
  filter: brightness(0.68); }

.viewport .camera .ent.terminal.brightness-68 .clicky-bit {
  filter: brightness(0.68); }

.viewport .camera .ent.player.brightness-69 .character-container {
  filter: brightness(0.69); }

.viewport .camera .ent.npc.brightness-69 .npc-avatar {
  filter: brightness(0.69); }

.viewport .camera .ent.terminal.brightness-69 .clicky-bit {
  filter: brightness(0.69); }

.viewport .camera .ent.player.brightness-70 .character-container {
  filter: brightness(0.7); }

.viewport .camera .ent.npc.brightness-70 .npc-avatar {
  filter: brightness(0.7); }

.viewport .camera .ent.terminal.brightness-70 .clicky-bit {
  filter: brightness(0.7); }

.viewport .camera .ent.player.brightness-71 .character-container {
  filter: brightness(0.71); }

.viewport .camera .ent.npc.brightness-71 .npc-avatar {
  filter: brightness(0.71); }

.viewport .camera .ent.terminal.brightness-71 .clicky-bit {
  filter: brightness(0.71); }

.viewport .camera .ent.player.brightness-72 .character-container {
  filter: brightness(0.72); }

.viewport .camera .ent.npc.brightness-72 .npc-avatar {
  filter: brightness(0.72); }

.viewport .camera .ent.terminal.brightness-72 .clicky-bit {
  filter: brightness(0.72); }

.viewport .camera .ent.player.brightness-73 .character-container {
  filter: brightness(0.73); }

.viewport .camera .ent.npc.brightness-73 .npc-avatar {
  filter: brightness(0.73); }

.viewport .camera .ent.terminal.brightness-73 .clicky-bit {
  filter: brightness(0.73); }

.viewport .camera .ent.player.brightness-74 .character-container {
  filter: brightness(0.74); }

.viewport .camera .ent.npc.brightness-74 .npc-avatar {
  filter: brightness(0.74); }

.viewport .camera .ent.terminal.brightness-74 .clicky-bit {
  filter: brightness(0.74); }

.viewport .camera .ent.player.brightness-75 .character-container {
  filter: brightness(0.75); }

.viewport .camera .ent.npc.brightness-75 .npc-avatar {
  filter: brightness(0.75); }

.viewport .camera .ent.terminal.brightness-75 .clicky-bit {
  filter: brightness(0.75); }

.viewport .camera .ent.player.brightness-76 .character-container {
  filter: brightness(0.76); }

.viewport .camera .ent.npc.brightness-76 .npc-avatar {
  filter: brightness(0.76); }

.viewport .camera .ent.terminal.brightness-76 .clicky-bit {
  filter: brightness(0.76); }

.viewport .camera .ent.player.brightness-77 .character-container {
  filter: brightness(0.77); }

.viewport .camera .ent.npc.brightness-77 .npc-avatar {
  filter: brightness(0.77); }

.viewport .camera .ent.terminal.brightness-77 .clicky-bit {
  filter: brightness(0.77); }

.viewport .camera .ent.player.brightness-78 .character-container {
  filter: brightness(0.78); }

.viewport .camera .ent.npc.brightness-78 .npc-avatar {
  filter: brightness(0.78); }

.viewport .camera .ent.terminal.brightness-78 .clicky-bit {
  filter: brightness(0.78); }

.viewport .camera .ent.player.brightness-79 .character-container {
  filter: brightness(0.79); }

.viewport .camera .ent.npc.brightness-79 .npc-avatar {
  filter: brightness(0.79); }

.viewport .camera .ent.terminal.brightness-79 .clicky-bit {
  filter: brightness(0.79); }

.viewport .camera .ent.player.brightness-80 .character-container {
  filter: brightness(0.8); }

.viewport .camera .ent.npc.brightness-80 .npc-avatar {
  filter: brightness(0.8); }

.viewport .camera .ent.terminal.brightness-80 .clicky-bit {
  filter: brightness(0.8); }

.viewport .camera .ent.player.brightness-81 .character-container {
  filter: brightness(0.81); }

.viewport .camera .ent.npc.brightness-81 .npc-avatar {
  filter: brightness(0.81); }

.viewport .camera .ent.terminal.brightness-81 .clicky-bit {
  filter: brightness(0.81); }

.viewport .camera .ent.player.brightness-82 .character-container {
  filter: brightness(0.82); }

.viewport .camera .ent.npc.brightness-82 .npc-avatar {
  filter: brightness(0.82); }

.viewport .camera .ent.terminal.brightness-82 .clicky-bit {
  filter: brightness(0.82); }

.viewport .camera .ent.player.brightness-83 .character-container {
  filter: brightness(0.83); }

.viewport .camera .ent.npc.brightness-83 .npc-avatar {
  filter: brightness(0.83); }

.viewport .camera .ent.terminal.brightness-83 .clicky-bit {
  filter: brightness(0.83); }

.viewport .camera .ent.player.brightness-84 .character-container {
  filter: brightness(0.84); }

.viewport .camera .ent.npc.brightness-84 .npc-avatar {
  filter: brightness(0.84); }

.viewport .camera .ent.terminal.brightness-84 .clicky-bit {
  filter: brightness(0.84); }

.viewport .camera .ent.player.brightness-85 .character-container {
  filter: brightness(0.85); }

.viewport .camera .ent.npc.brightness-85 .npc-avatar {
  filter: brightness(0.85); }

.viewport .camera .ent.terminal.brightness-85 .clicky-bit {
  filter: brightness(0.85); }

.viewport .camera .ent.player.brightness-86 .character-container {
  filter: brightness(0.86); }

.viewport .camera .ent.npc.brightness-86 .npc-avatar {
  filter: brightness(0.86); }

.viewport .camera .ent.terminal.brightness-86 .clicky-bit {
  filter: brightness(0.86); }

.viewport .camera .ent.player.brightness-87 .character-container {
  filter: brightness(0.87); }

.viewport .camera .ent.npc.brightness-87 .npc-avatar {
  filter: brightness(0.87); }

.viewport .camera .ent.terminal.brightness-87 .clicky-bit {
  filter: brightness(0.87); }

.viewport .camera .ent.player.brightness-88 .character-container {
  filter: brightness(0.88); }

.viewport .camera .ent.npc.brightness-88 .npc-avatar {
  filter: brightness(0.88); }

.viewport .camera .ent.terminal.brightness-88 .clicky-bit {
  filter: brightness(0.88); }

.viewport .camera .ent.player.brightness-89 .character-container {
  filter: brightness(0.89); }

.viewport .camera .ent.npc.brightness-89 .npc-avatar {
  filter: brightness(0.89); }

.viewport .camera .ent.terminal.brightness-89 .clicky-bit {
  filter: brightness(0.89); }

.viewport .camera .ent.player.brightness-90 .character-container {
  filter: brightness(0.9); }

.viewport .camera .ent.npc.brightness-90 .npc-avatar {
  filter: brightness(0.9); }

.viewport .camera .ent.terminal.brightness-90 .clicky-bit {
  filter: brightness(0.9); }

.viewport .camera .ent.player.brightness-91 .character-container {
  filter: brightness(0.91); }

.viewport .camera .ent.npc.brightness-91 .npc-avatar {
  filter: brightness(0.91); }

.viewport .camera .ent.terminal.brightness-91 .clicky-bit {
  filter: brightness(0.91); }

.viewport .camera .ent.player.brightness-92 .character-container {
  filter: brightness(0.92); }

.viewport .camera .ent.npc.brightness-92 .npc-avatar {
  filter: brightness(0.92); }

.viewport .camera .ent.terminal.brightness-92 .clicky-bit {
  filter: brightness(0.92); }

.viewport .camera .ent.player.brightness-93 .character-container {
  filter: brightness(0.93); }

.viewport .camera .ent.npc.brightness-93 .npc-avatar {
  filter: brightness(0.93); }

.viewport .camera .ent.terminal.brightness-93 .clicky-bit {
  filter: brightness(0.93); }

.viewport .camera .ent.player.brightness-94 .character-container {
  filter: brightness(0.94); }

.viewport .camera .ent.npc.brightness-94 .npc-avatar {
  filter: brightness(0.94); }

.viewport .camera .ent.terminal.brightness-94 .clicky-bit {
  filter: brightness(0.94); }

.viewport .camera .ent.player.brightness-95 .character-container {
  filter: brightness(0.95); }

.viewport .camera .ent.npc.brightness-95 .npc-avatar {
  filter: brightness(0.95); }

.viewport .camera .ent.terminal.brightness-95 .clicky-bit {
  filter: brightness(0.95); }

.viewport .camera .ent.player.brightness-96 .character-container {
  filter: brightness(0.96); }

.viewport .camera .ent.npc.brightness-96 .npc-avatar {
  filter: brightness(0.96); }

.viewport .camera .ent.terminal.brightness-96 .clicky-bit {
  filter: brightness(0.96); }

.viewport .camera .ent.player.brightness-97 .character-container {
  filter: brightness(0.97); }

.viewport .camera .ent.npc.brightness-97 .npc-avatar {
  filter: brightness(0.97); }

.viewport .camera .ent.terminal.brightness-97 .clicky-bit {
  filter: brightness(0.97); }

.viewport .camera .ent.player.brightness-98 .character-container {
  filter: brightness(0.98); }

.viewport .camera .ent.npc.brightness-98 .npc-avatar {
  filter: brightness(0.98); }

.viewport .camera .ent.terminal.brightness-98 .clicky-bit {
  filter: brightness(0.98); }

.viewport .camera .ent.player.brightness-99 .character-container {
  filter: brightness(0.99); }

.viewport .camera .ent.npc.brightness-99 .npc-avatar {
  filter: brightness(0.99); }

.viewport .camera .ent.terminal.brightness-99 .clicky-bit {
  filter: brightness(0.99); }

.viewport .camera .ent.player.brightness-100 .character-container {
  filter: brightness(1); }

.viewport .camera .ent.npc.brightness-100 .npc-avatar {
  filter: brightness(1); }

.viewport .camera .ent.terminal.brightness-100 .clicky-bit {
  filter: brightness(1); }

.viewport .camera .brightness-0 {
  filter: brightness(0); }

.viewport .camera .brightness-1 {
  filter: brightness(0.1); }

.viewport .camera .brightness-2 {
  filter: brightness(0.2); }

.viewport .camera .brightness-3 {
  filter: brightness(0.3); }

.viewport .camera .brightness-4 {
  filter: brightness(0.4); }

.viewport .camera .brightness-5 {
  filter: brightness(0.5); }

.viewport .camera .brightness-6 {
  filter: brightness(0.6); }

.viewport .camera .brightness-7 {
  filter: brightness(0.7); }

.viewport .camera .brightness-8 {
  filter: brightness(0.8); }

.viewport .camera .brightness-9 {
  filter: brightness(0.9); }

.viewport .camera .brightness-10 {
  filter: brightness(1); }

.viewport.browser-firefox .ent.player .character-container {
  filter: none !important; }

.viewport.browser-firefox .ent.npc .npc-avatar {
  filter: none !important; }

.viewport.browser-firefox .ent.terminal .clicky-bit {
  filter: none !important; }

.viewport .floor {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none; }

.viewport .wall-layer {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none;
  /* background: rgba(45, 90, 255, 0.38); */
  /* transition: background 1s ease-out; */
  border: none; }

.viewport .swag-booth-url {
  width: 200px;
  height: 219px;
  background: none;
  background-repeat: no-repeat;
  transform: translate3d(4491px, -210px, 639px) rotateY(-14deg);
  background-position: center;
  display: block;
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  z-index: 999999;
  pointer-events: all;
  cursor: pointer; }

.viewport .posterboard,
.viewport .posterboard-back {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none;
  width: 210px;
  height: 214px; }

.viewport .posterboard {
  transform: translate3d(3300px, -215px, 830px) rotateY(20deg) rotateX(9deg);
  background: url(/images/posterboard-front.png) no-repeat; }

.viewport .posterboard-back {
  transform: translate3d(3300px, -215px, 830px) rotateY(20deg) rotateX(-9deg);
  background: url(/images/posterboard-back.png) no-repeat; }

.viewport .gondola {
  position: absolute;
  transform-origin: top left; }
  .viewport .gondola .gondola-front {
    width: 410px;
    height: 195px;
    position: relative;
    background: url(/images/gondola_front.png) no-repeat;
    transform-origin: top left; }
  .viewport .gondola .gondola-back {
    width: 410px;
    height: 195px;
    position: relative;
    background: url(/images/gondola_back.png) no-repeat;
    transform-origin: top left;
    transform: translateY(-193px) translateZ(-200px); }
  .viewport .gondola .gondola-roof {
    width: 383px;
    height: 200px;
    background: white;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(13px, -382px, -210px) rotateX(90deg); }
  .viewport .gondola .gondola-end-left {
    transform-origin: top left;
    transform: translateY(-193px) translateZ(-200px) translateX(-200px) rotateY(-90deg);
    position: absolute; }
    .viewport .gondola .gondola-end-left .gondola-end-top {
      width: 200px;
      height: 113px;
      position: absolute;
      background: url(/images/gondola_end.png) no-repeat;
      transform-origin: top left;
      transform: translateY(-193px) translateZ(-213px) rotateX(6deg); }
    .viewport .gondola .gondola-end-left .gondola-end-bottom {
      width: 200px;
      height: 81px;
      position: absolute;
      background: url(/images/gondola_end.png) no-repeat;
      transform-origin: top left;
      transform: translateY(-83px) translateZ(-200px) rotateX(-9deg);
      background-position-y: -104px; }
  .viewport .gondola .gondola-end-right {
    transform-origin: top left;
    transform: translateY(-193px) translateZ(0px) translateX(608px) rotateY(90deg);
    position: absolute; }
    .viewport .gondola .gondola-end-right .gondola-end-top {
      width: 200px;
      height: 113px;
      position: absolute;
      background: url(/images/gondola_end.png) no-repeat;
      transform-origin: top left;
      transform: translateY(-193px) translateZ(-213px) rotateX(6deg); }
    .viewport .gondola .gondola-end-right .gondola-end-bottom {
      width: 200px;
      height: 81px;
      position: absolute;
      background: url(/images/gondola_end.png) no-repeat;
      transform-origin: top left;
      transform: translateY(-83px) translateZ(-200px) rotateX(-9deg);
      background-position-y: -104px; }

.viewport .table {
  position: absolute; }
  .viewport .table .top {
    position: absolute;
    transform: translate3d(0px, -100px, 0px) rotateX(90deg);
    transform-origin: top left; }
  .viewport .table .legs {
    position: absolute;
    transform-origin: top left; }
    .viewport .table .legs.front {
      transform: translate3d(0px, -100px, 200px); }
    .viewport .table .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x2x4 .top {
    width: 400px;
    height: 200px;
    background: url(/images/table-top-2x4.jpg); }
  .viewport .table.x2x4 .legs {
    width: 400px;
    height: 100px;
    background: url(/images/table-legs-400.png); }
    .viewport .table.x2x4 .legs.front {
      transform: translate3d(0px, -100px, 200px); }
    .viewport .table.x2x4 .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x2x3 .top {
    width: 300px;
    height: 200px;
    background: url(/images/table-top-2x3.png); }
  .viewport .table.x2x3 .legs {
    width: 300px;
    height: 100px;
    background: url(/images/table-legs-300.png); }
    .viewport .table.x2x3 .legs.front {
      transform: translate3d(0px, -100px, 200px); }
    .viewport .table.x2x3 .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x2x2 .top {
    width: 200px;
    height: 200px;
    background: url(/images/table-top-2x2.png); }
  .viewport .table.x2x2 .legs {
    width: 200px;
    height: 100px;
    background: url(/images/table-legs-200.png); }
    .viewport .table.x2x2 .legs.front {
      transform: translate3d(0px, -100px, 200px); }
    .viewport .table.x2x2 .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x1x4 .top {
    width: 400px;
    height: 100px;
    background: url(/images/table-top-1x4.png); }
  .viewport .table.x1x4 .legs {
    width: 400px;
    height: 100px;
    background: url(/images/table-legs-400.png); }
    .viewport .table.x1x4 .legs.front {
      transform: translate3d(0px, -100px, 100px); }
    .viewport .table.x1x4 .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x1x3 .top {
    width: 300px;
    height: 100px;
    background: url(/images/table-top-1x3.png); }
  .viewport .table.x1x3 .legs {
    width: 300px;
    height: 100px;
    background: url(/images/table-legs-300.png); }
    .viewport .table.x1x3 .legs.front {
      transform: translate3d(0px, -100px, 100px); }
    .viewport .table.x1x3 .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x1x2 .top {
    width: 200px;
    height: 100px;
    background: url(/images/table-top-1x2.png); }
  .viewport .table.x1x2 .legs {
    width: 200px;
    height: 100px;
    background: url(/images/table-legs-200.png); }
    .viewport .table.x1x2 .legs.front {
      transform: translate3d(0px, -100px, 100px); }
    .viewport .table.x1x2 .legs.back {
      transform: translate3d(0px, -100px, 0px); }
  .viewport .table.x1x1 .top {
    width: 100px;
    height: 100px;
    background: url(/images/table-top-1x1.png); }
  .viewport .table.x1x1 .legs {
    width: 100px;
    height: 100px;
    background: url(/images/table-legs-100.png); }
    .viewport .table.x1x1 .legs.front {
      transform: translate3d(0px, -100px, 100px); }
    .viewport .table.x1x1 .legs.back {
      transform: translate3d(0px, -100px, 0px); }

.viewport.v-ci-santassurfshack {
  background: black; }

.viewport.v-frontyardact1 .hardware-table {
  transform: translate3d(5899px, 39px, 3647px); }

.viewport.v-frontyardact1 .dontopenkthxbye {
  width: 168px;
  height: 137px;
  position: absolute;
  background: url(/images/crate_donotopen.png) no-repeat;
  background-size: 100% 100%;
  transform: translate3d(1370px, -137px, 4350px);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-monitoringstation, .viewport.v-monitoringstation2 {
  background: black; }
  .viewport.v-monitoringstation .npms-floor, .viewport.v-monitoringstation2 .npms-floor {
    background: url(/images/floors/monitoringstation.jpg) no-repeat;
    background-size: 75%;
    width: 1810px;
    height: 1206px;
    transform: translate3d(-170px, -553px, 600px) rotateX(90deg);
    animation: randomBrightness 20s infinite alternate;
    background-position: center center; }
  .viewport.v-monitoringstation .npms-ladder, .viewport.v-monitoringstation2 .npms-ladder {
    background: url(/images/npms-ladder.png) no-repeat;
    width: 167px;
    height: 357px;
    transform: translate3d(671px, -610px, -460px);
    transform-origin: top left; }
  .viewport.v-monitoringstation .npms-wall, .viewport.v-monitoringstation2 .npms-wall {
    background: url(/images/npms-wall.jpg) no-repeat;
    background-size: 100%;
    width: 900px;
    height: 800px; }
    .viewport.v-monitoringstation .npms-wall.back, .viewport.v-monitoringstation2 .npms-wall.back {
      animation: randomBrightness 20s infinite alternate;
      transform: translate3d(303px, 0px, 0px); }
    .viewport.v-monitoringstation .npms-wall.left, .viewport.v-monitoringstation2 .npms-wall.left {
      animation: randomBrightness-dimmer 20s infinite alternate;
      transform: translate3d(400px, 0px, 900px) rotateY(90deg);
      transform-origin: top left; }
    .viewport.v-monitoringstation .npms-wall.right, .viewport.v-monitoringstation2 .npms-wall.right {
      animation: randomBrightness-dimmer 20s infinite alternate;
      transform: translate3d(1100px, 0px, 0px) rotateY(-90deg);
      transform-origin: top left; }

@keyframes randomBrightness {
  0% {
    filter: brightness(0.5); }
  20% {
    filter: brightness(5.5); }
  40% {
    filter: brightness(2); }
  60% {
    filter: brightness(6); }
  80% {
    filter: brightness(0.2); }
  100% {
    filter: brightness(3); } }

@keyframes randomBrightness-dimmer {
  0% {
    filter: brightness(0); }
  20% {
    filter: brightness(3); }
  40% {
    filter: brightness(0.5); }
  60% {
    filter: brightness(2.5); }
  80% {
    filter: brightness(0); }
  100% {
    filter: brightness(1.5); } }

@keyframes spinY {
  from {
    transform: rotateY(0deg); }
  to {
    transform: rotateY(360deg); } }

@keyframes spinY2 {
  from {
    transform: rotateY(3deg); }
  to {
    transform: rotateY(362deg); } }
  .viewport.v-monitoringstation .npms-displays, .viewport.v-monitoringstation2 .npms-displays {
    width: 167px;
    height: 357px;
    transform: translate3d(756px, -220px, 447px); }
    .viewport.v-monitoringstation .npms-displays .display, .viewport.v-monitoringstation2 .npms-displays .display {
      background: white;
      position: absolute;
      transform: translate3d(290px, -310px, 0px) rotateZ(-10deg) rotateY(75deg);
      pointer-events: all;
      background-image: url(/images/feed/2.gif);
      background-repeat: no-repeat;
      background-size: cover; }
      .viewport.v-monitoringstation .npms-displays .display.large, .viewport.v-monitoringstation2 .npms-displays .display.large {
        width: 300px;
        height: 170px; }
        .viewport.v-monitoringstation .npms-displays .display.large.one, .viewport.v-monitoringstation2 .npms-displays .display.large.one {
          transform: translate3d(80px, -310px, 0px) rotateZ(-10deg) rotateY(123deg); }
        .viewport.v-monitoringstation .npms-displays .display.large.two, .viewport.v-monitoringstation2 .npms-displays .display.large.two {
          transform: translate3d(-450px, -280px, 0px) rotateZ(10deg) rotateY(-115deg); }
      .viewport.v-monitoringstation .npms-displays .display.small, .viewport.v-monitoringstation2 .npms-displays .display.small {
        width: 150px;
        height: 85px; }
        .viewport.v-monitoringstation .npms-displays .display.small.one, .viewport.v-monitoringstation2 .npms-displays .display.small.one {
          transform: translate3d(70px, -390px, -80px) rotateY(-385deg) rotateX(-37deg); }
        .viewport.v-monitoringstation .npms-displays .display.small.two, .viewport.v-monitoringstation2 .npms-displays .display.small.two {
          transform: translate3d(-220px, -120px, -280px) rotateY(-335deg) rotateX(-7deg); }
      .viewport.v-monitoringstation .npms-displays .display.tiny, .viewport.v-monitoringstation2 .npms-displays .display.tiny {
        width: 75px;
        height: 42px; }
        .viewport.v-monitoringstation .npms-displays .display.tiny.one, .viewport.v-monitoringstation2 .npms-displays .display.tiny.one {
          transform: translate3d(140px, -120px, -90px) rotateY(-395deg) rotateX(-8deg); }
        .viewport.v-monitoringstation .npms-displays .display.tiny.two, .viewport.v-monitoringstation2 .npms-displays .display.tiny.two {
          transform: translate3d(206px, -145px, 30px) rotateY(-408deg) rotateX(-7deg); }
        .viewport.v-monitoringstation .npms-displays .display.tiny.three, .viewport.v-monitoringstation2 .npms-displays .display.tiny.three {
          transform: translate3d(261px, -155px, 130px) rotateY(-425deg) rotateX(-7deg); }
        .viewport.v-monitoringstation .npms-displays .display.tiny.four, .viewport.v-monitoringstation2 .npms-displays .display.tiny.four {
          transform: translate3d(-280px, -80px, -100px) rotateY(-325deg) rotateX(-7deg); }
        .viewport.v-monitoringstation .npms-displays .display.tiny.five, .viewport.v-monitoringstation2 .npms-displays .display.tiny.five {
          transform: translate3d(-210px, -236px, -130px) rotateY(-345deg) rotateX(-7deg); }

.viewport.v-frontyardact1, .viewport.v-frontyardact2, .viewport.v-frontyardact3, .viewport.v-ci-sandcastle_lobby, .viewport.v-ci-sandcastle_lobby_finale, .viewport.v-netwars, .viewport.v-city {
  background: white; }

.viewport.v-train {
  background: #04040e; }

.viewport.v-24seven .router-table {
  transform: translate3d(992px, 0px, 299px); }

.viewport.v-retroshop .scope-table {
  transform: translate3d(900px, 0px, 201px); }

.viewport.v-apartment .tea-table {
  transform: translate3d(610px, 39px, 186px); }

.viewport.v-cityhall .computer-table {
  transform: translate3d(1121px, 39px, 299px); }

.viewport.v-sandbox .cabinet_test_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(100px, 0px, 300px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-sandbox .cabinet_test_0000_parent .building-face {
    position: absolute;
    box-shadow: 0 1px 8px #0999;
    pointer-events: none; }
    .viewport.v-sandbox .cabinet_test_0000_parent .building-face.side {
      border: 1.5px solid #2285bb88;
      box-shadow: 0 1px 6px #0776ab33; }
    .viewport.v-sandbox .cabinet_test_0000_parent .building-face.top {
      pointer-events: none; }
  .viewport.v-sandbox .cabinet_test_0000_parent .wall-section-0 {
    width: 190px;
    height: 100px;
    transform-origin: bottom left;
    transform: translate3d(-95px, -30px, 0px) rotateZ(0deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_wall_0.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-sandbox .cabinet_test_0000_parent .wall-section-1 {
    width: 20px;
    height: 100px;
    transform-origin: bottom left;
    transform: translate3d(95px, -30px, 0px) rotateZ(90deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_wall_1.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-sandbox .cabinet_test_0000_parent .wall-section-2 {
    width: 40px;
    height: 100px;
    transform-origin: bottom left;
    transform: translate3d(95px, -10px, 0px) rotateZ(180deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_wall_2.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-sandbox .cabinet_test_0000_parent .wall-section-3 {
    width: 50px;
    height: 100px;
    transform-origin: bottom left;
    transform: translate3d(55px, -10px, 0px) rotateZ(126.8699deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_wall_3.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-sandbox .cabinet_test_0000_parent .wall-section-4 {
    width: 120px;
    height: 100px;
    transform-origin: bottom left;
    transform: translate3d(25px, 30px, 0px) rotateZ(180deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_wall_4.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-sandbox .cabinet_test_0000_parent .wall-section-5 {
    width: 60px;
    height: 100px;
    transform-origin: bottom left;
    transform: translate3d(-95px, 30px, 0px) rotateZ(-90deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_wall_5.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-sandbox .cabinet_test_0000_parent .top-face {
    width: 190px;
    height: 60px;
    left: -95px;
    top: -30px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(0, 100px, 100px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/cabinet_test_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-sandbox .smol-table {
  transform: translate3d(430px, 40px, 1170px); }

.viewport.v-sandbox .med-table {
  transform: translate3d(290px, 40px, 1440px); }

.viewport.v-sandbox .big-table {
  transform: translate3d(290px, 40px, 1740px); }

.viewport.v-sandbox .bigly-table {
  transform: translate3d(50px, 40px, 800px) rotateY(-15deg); }

.viewport.v-sandbox .booth {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none; }
  .viewport.v-sandbox .booth.amazon {
    transform: translate3d(937px, 0px, 2000px); }
    .viewport.v-sandbox .booth.amazon .banner {
      background-image: url(/images/booth-banner-amazon.png); }
    .viewport.v-sandbox .booth.amazon .front {
      background-image: url(/images/booth-table-amazon.png); }
    .viewport.v-sandbox .booth.amazon .top {
      background-image: url(/images/booth-table-amazon.png); }
    .viewport.v-sandbox .booth.amazon .left-side {
      background-image: url(/images/booth-table-amazon.png); }
    .viewport.v-sandbox .booth.amazon .right-side {
      background-image: url(/images/booth-table-amazon.png); }
  .viewport.v-sandbox .booth.microsoft {
    transform: translate3d(400px, 0px, 2000px); }
    .viewport.v-sandbox .booth.microsoft .banner {
      background-image: url(/images/booth-banner-microsoft.png); }
    .viewport.v-sandbox .booth.microsoft .front {
      background-image: url(/images/booth-front-microsoft.png);
      background-position: 0; }
    .viewport.v-sandbox .booth.microsoft .top {
      background-image: url(/images/booth-top-microsoft.png);
      background-position: 0; }
    .viewport.v-sandbox .booth.microsoft .left-side {
      background-image: url(/images/booth-left-microsoft.png);
      background-position: 0; }
    .viewport.v-sandbox .booth.microsoft .right-side {
      background-image: url(/images/booth-right-microsoft.png);
      background-position: 0; }
  .viewport.v-sandbox .booth.sans {
    transform: translate3d(200px, 0px, 2000px); }
    .viewport.v-sandbox .booth.sans .banner {
      background-image: url(/images/booth-banner-sans.png); }
    .viewport.v-sandbox .booth.sans .front {
      background-image: url(/images/booth-front-sans.png);
      background-position: 0; }
    .viewport.v-sandbox .booth.sans .top {
      background-image: url(/images/booth-top-sans.png);
      background-position: 0; }
    .viewport.v-sandbox .booth.sans .left-side {
      background-image: url(/images/booth-left-sans.png);
      background-position: 0; }
    .viewport.v-sandbox .booth.sans .right-side {
      background-image: url(/images/booth-right-sans.png);
      background-position: 0; }
  .viewport.v-sandbox .booth.swag {
    transform: translate3d(4512px, 0px, 558px) rotateY(-14deg); }
    .viewport.v-sandbox .booth.swag .banner {
      background: url(/images/swag-top.png) no-repeat;
      width: 200px;
      height: 98px; }
    .viewport.v-sandbox .booth.swag .front {
      background: url(/images/swag-bottom.jpg); }
  .viewport.v-sandbox .booth > * {
    position: absolute;
    transform-style: preserve-3d;
    transform-origin: top left; }

.viewport.v-sandbox div.thats-my-boat {
  position: absolute;
  transform-style: preserve-3d;
  background: red;
  width: 300px;
  height: 200px;
  transform: translate3d(1945px, -211.5px, 350px);
  pointer-events: all; }

.viewport.v-snowlab .crystal-thats-probably-making-this-whole-thing-work {
  position: absolute;
  width: 35px;
  height: 35px;
  background-size: contain;
  transform: translate3d(1038px, -100px, 1940px) rotateY(-45deg);
  transform-origin: top left;
  pointer-events: none; }

.viewport.v-datacenter .datacenter-right-door {
  position: absolute;
  width: 94px;
  height: 184px;
  background: url(/images/walls/datacenter_right_door.png) no-repeat;
  background-size: contain;
  transform: translate3d(1600px, -184px, 1083px) rotateY(-90deg);
  transform-origin: top left;
  pointer-events: none; }

.viewport.v-datacenter.token-act3_unlocked .datacenter-right-door {
  display: none; }

.viewport.v-island5 .shipwreck {
  transform-origin: top left;
  transform: translateY(833px) translateZ(0px) translateX(918px);
  position: absolute;
  background: url(/images/shipwreck.png);
  width: 431px;
  height: 534px;
  display: none; }

.viewport.v-island1, .viewport.v-island2, .viewport.v-island3, .viewport.v-island4, .viewport.v-island5 {
  background: url(/images/backgrounds/water_bg3.gif);
  background-size: 100% 20%; }

.viewport.v-fni-chiaroscurocity, .viewport.v-fni-gumshoealleypioffice, .viewport.v-fni-theblacklightdistrict {
  background: radial-gradient(circle, #242424 0%, #0f0f0f 50%, black 100%); }

.viewport.v-staging, .viewport.v-stagingreturn, .viewport.v-approach, .viewport.v-netwars, .viewport.v-sandbox, .viewport.v-ci-frostysbeach, .viewport.v-ci-rudolphsrest, .viewport.v-imt-scaredykiteheights, .viewport.v-imt-ostrichsaloon, .viewport.v-imt-squarewheelyard, .viewport.v-imt-tarnishedtrove, .viewport.v-pi-rainrastercliffs, .viewport.v-pi-driftbitgrotto, .viewport.v-spi-brassbouyport, .viewport.v-spi-coggogglemarina, .viewport.v-spi-rustyquay, .viewport.v-si-spaceportpoint, .viewport.v-si-capecosmic, .viewport.v-si-capecosmic_inside {
  background: radial-gradient(circle, #5a9cdc 0%, #0b5289 50%, #031624 100%); }

.viewport.v-ci-sandcastle_lobby, .viewport.v-ci-sandcastle_lobby_finale {
  background: black; }

.viewport.v-si-zenithsgs {
  background: black; }
  .viewport.v-si-zenithsgs .sgs-wall {
    transform-origin: top left;
    position: absolute;
    background: url(/images/walls/sgs_left.png);
    width: 400px;
    height: 500px; }
    .viewport.v-si-zenithsgs .sgs-wall.wall-right {
      background: url(/images/walls/sgs_right.png);
      transform: translate3d(800px, -500px, 100px) rotateY(-45deg); }
    .viewport.v-si-zenithsgs .sgs-wall.wall-left {
      background: url(/images/walls/sgs_left.png);
      transform: translate3d(17px, -500px, 380px) rotateY(45deg); }
  .viewport.v-si-zenithsgs .vendingmachine {
    transform: translate3d(185px, -175px, 419px) rotateY(0deg);
    position: absolute;
    transform-origin: top left; }
    .viewport.v-si-zenithsgs .vendingmachine .front {
      position: absolute;
      transform: translate3d(0px, 0px, 56px);
      transform-origin: top left;
      width: 127px;
      height: 175px;
      background-position: 0px 0px;
      background-image: url(/images/vending_nanosat.png); }
    .viewport.v-si-zenithsgs .vendingmachine .top {
      position: absolute;
      transform: translate3d(0px, 0px, 0px) rotateX(90deg);
      transform-origin: top left;
      width: 127px;
      height: 56px;
      background-image: url(/images/vending_nanosat_top.png); }
    .viewport.v-si-zenithsgs .vendingmachine .side {
      position: absolute;
      transform-origin: top left;
      width: 56px;
      height: 175px; }
      .viewport.v-si-zenithsgs .vendingmachine .side.left {
        transform: translate3d(0px, 0px, 0px) rotateY(-90deg);
        background-image: url(/images/vending_nanosat_side.png); }
      .viewport.v-si-zenithsgs .vendingmachine .side.right {
        transform: translate3d(127px, 0px, 0px) rotateY(-90deg);
        background-image: url(/images/vending_nanosat_side.png); }

.viewport.v-entry, .viewport.v-track1, .viewport.v-track2, .viewport.v-track3, .viewport.v-track4, .viewport.v-track5, .viewport.v-track6, .viewport.v-track7 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f3634+0,131313+46 */
  background: #3f3634;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3f3634 0%, #131313 46%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3f3634 0%, #131313 46%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3f3634 0%, #131313 46%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3634', endColorstr='#131313',GradientType=0 );
  /* IE6-9 */ }

.viewport.v-filmnoir_test {
  background: black; }

.viewport.v-si-spaceportpoint .door-left {
  width: 70px;
  height: 155px;
  position: absolute;
  background: url(/images/scenery/space/space_tramstation_door_left.png) no-repeat;
  transform: translate3d(3281px, -156px, -1101px);
  transition: transform 3s;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-spaceportpoint .door-right {
  width: 70px;
  height: 155px;
  position: absolute;
  background: url(/images/scenery/space/space_tramstation_door_right.png) no-repeat;
  transform: translate3d(3351px, -156px, -1101px);
  transition: transform 3s;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-spaceportpoint .tramstation-outer {
  width: 1500px;
  height: 885px;
  position: absolute;
  background: url(/images/scenery/space/space_tramstation_outer.png) no-repeat;
  transform: translate3d(2600px, -885px, -1100px);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact1.token-termFrostyKeypad_completed .terminal-termFrostyKeypad .clicky-bit {
  background-image: url("/images/shredder_1.png") !important; }

.viewport.v-frontyardact1.token-termHardwareHacking101A_completed .terminal-termHardwareHacking101B .clicky-bit {
  background-image: url("/images/hw-terminal_1.png") !important; }

.viewport.v-si-spaceportpoint.token-accessspeaker_completed .door-left {
  transform: translate3d(3226px, -156px, -1101px); }

.viewport.v-si-spaceportpoint.token-accessspeaker_completed .door-right {
  transform: translate3d(3406px, -156px, -1101px); }

.viewport.v-si-spaceportpoint.token-si-capecosmic_inside_visited .door-left {
  transform: translate3d(3226px, -156px, -1101px);
  transition: none !important; }

.viewport.v-si-spaceportpoint.token-si-capecosmic_inside_visited .door-right {
  transform: translate3d(3406px, -156px, -1101px);
  transition: none !important; }

.viewport.v-imt-scaredykiteheights .RIIIIIIIICOLAAAAAAA {
  width: 2300px;
  height: 1324px;
  position: absolute;
  background: url(/images/scenery/misfit/misfit_mtnrange2.png) no-repeat;
  transform: translate3d(5334px, -1310px, 457px) rotateY(-55deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0;
  background-size: 100%; }

.viewport.v-si-capecosmic .fenceofdividebyzero1, .viewport.v-si-capecosmic_inside .fenceofdividebyzero1 {
  width: 2000px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(200px, -275px, 1650px);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-capecosmic .fenceofdividebyzero2, .viewport.v-si-capecosmic_inside .fenceofdividebyzero2 {
  width: 2000px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(2200px, -275px, 1650px) rotateY(17deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-capecosmic .fenceofdividebyzero3, .viewport.v-si-capecosmic_inside .fenceofdividebyzero3 {
  width: 1200px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(4110px, -275px, 1065px);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-capecosmic .fenceofdividebyzero4, .viewport.v-si-capecosmic_inside .fenceofdividebyzero4 {
  width: 1600px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(5310px, -275px, 1065px) rotateY(-32deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-capecosmic .fenceofdividebyzero5, .viewport.v-si-capecosmic_inside .fenceofdividebyzero5 {
  width: 800px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(6655px, -275px, 1920px) rotateY(-90deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-capecosmic .fenceofdividebyzero6, .viewport.v-si-capecosmic_inside .fenceofdividebyzero6 {
  width: 1200px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(5596px, -275px, 3265px) rotateY(27deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-si-capecosmic .fenceofdividebyzero7, .viewport.v-si-capecosmic_inside .fenceofdividebyzero7 {
  width: 5600px;
  height: 275px;
  position: absolute;
  background: url(/images/chainlink_fence_long.png) no-repeat;
  transform: translate3d(200px, -275px, 3265px);
  transition: none !important;
  transform-origin: top left;
  background-position: -200px 0; }

.viewport.v-frontyardact2 .buttpincher-west, .viewport.v-frontyardact3 .buttpincher-west {
  width: 4500px;
  height: 380px;
  position: absolute;
  background: url(/images/dmz_fence_long_west.png) no-repeat;
  transform: translate3d(3600px, -380px, 5800px) rotateY(90deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact2 .buttpincher-east, .viewport.v-frontyardact3 .buttpincher-east {
  width: 4500px;
  height: 380px;
  position: absolute;
  background: url(/images/dmz_fence_long_east.png) no-repeat;
  transform: translate3d(4700px, -380px, 5800px) rotateY(90deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact2 .propaganda, .viewport.v-frontyardact3 .propaganda {
  width: 109px;
  height: 145px;
  position: absolute;
  background: url(/images/propaganda.png) no-repeat;
  background-size: 100% 100%;
  transform: translate3d(4701px, -240px, 4650px) rotateY(90deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact2 .slapswall-thispuppycanstopanything-west, .viewport.v-frontyardact3 .slapswall-thispuppycanstopanything-west {
  width: 4300px;
  height: 365px;
  position: absolute;
  background: url(/images/alabaster_double_wall_long.png) no-repeat;
  transform: translate3d(800px, -365px, 5700px) rotateY(90deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact2 .slapswall-thispuppycanstopanything-north, .viewport.v-frontyardact3 .slapswall-thispuppycanstopanything-north {
  width: 2800px;
  height: 365px;
  position: absolute;
  background: url(/images/alabaster_double_wall_short.png) no-repeat;
  transform: translate3d(800px, -365px, 1400px);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact2 .onehundredpercentwalkerprooficewall-east, .viewport.v-frontyardact3 .onehundredpercentwalkerprooficewall-east {
  width: 4300px;
  height: 365px;
  position: absolute;
  background: url(/images/wombley_wall_long.png) no-repeat;
  transform: translate3d(7500px, -365px, 1400px) rotateY(-90deg);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-frontyardact2 .onehundredpercentwalkerprooficewall-north, .viewport.v-frontyardact3 .onehundredpercentwalkerprooficewall-north {
  width: 2800px;
  height: 365px;
  position: absolute;
  background: url(/images/wombley_wall_short.png) no-repeat;
  transform: translate3d(4700px, -365px, 1400px);
  transition: none !important;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-staging .booth {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none; }
  .viewport.v-staging .booth.amazon {
    transform: translate3d(4750px, 0px, 630px) rotateY(-20deg); }
    .viewport.v-staging .booth.amazon .banner {
      background-image: url(/images/booth-banner-amazon.png); }
    .viewport.v-staging .booth.amazon .front {
      background-image: url(/images/booth-table-amazon.png); }
    .viewport.v-staging .booth.amazon .top {
      background-image: url(/images/booth-table-amazon.png); }
    .viewport.v-staging .booth.amazon .left-side {
      background-image: url(/images/booth-table-amazon.png); }
    .viewport.v-staging .booth.amazon .right-side {
      background-image: url(/images/booth-table-amazon.png); }
  .viewport.v-staging .booth.microsoft {
    transform: translate3d(3500px, 0px, 690px) rotateY(20deg); }
    .viewport.v-staging .booth.microsoft .banner {
      background-image: url(/images/booth-banner-microsoft.png); }
    .viewport.v-staging .booth.microsoft .front {
      background-image: url(/images/booth-front-microsoft.png);
      background-position: 0; }
    .viewport.v-staging .booth.microsoft .top {
      background-image: url(/images/booth-top-microsoft.png);
      background-position: 0; }
    .viewport.v-staging .booth.microsoft .left-side {
      background-image: url(/images/booth-left-microsoft.png);
      background-position: 0; }
    .viewport.v-staging .booth.microsoft .right-side {
      background-image: url(/images/booth-right-microsoft.png);
      background-position: 0; }
  .viewport.v-staging .booth.sans {
    transform: translate3d(4300px, 0px, 610px); }
    .viewport.v-staging .booth.sans .banner {
      background-image: url(/images/booth-banner-sans.png); }
    .viewport.v-staging .booth.sans .front {
      background-image: url(/images/booth-front-sans.png);
      background-position: 0; }
    .viewport.v-staging .booth.sans .top {
      background-image: url(/images/booth-top-sans.png);
      background-position: 0; }
    .viewport.v-staging .booth.sans .left-side {
      background-image: url(/images/booth-left-sans.png);
      background-position: 0; }
    .viewport.v-staging .booth.sans .right-side {
      background-image: url(/images/booth-right-sans.png);
      background-position: 0; }
  .viewport.v-staging .booth.swag {
    transform: translate3d(4500px, 0px, 610px); }
    .viewport.v-staging .booth.swag .banner {
      background-image: url(/images/booth-banner-swag.png); }
    .viewport.v-staging .booth.swag .front {
      background-image: url(/images/booth-table-swag.png); }
    .viewport.v-staging .booth.swag .top {
      background-image: url(/images/booth-table-swag.png); }
    .viewport.v-staging .booth.swag .left-side {
      background-image: url(/images/booth-table-swag.png); }
    .viewport.v-staging .booth.swag .right-side {
      background-image: url(/images/booth-table-swag.png); }
  .viewport.v-staging .booth.google {
    transform: translate3d(3750px, 0px, 610px); }
    .viewport.v-staging .booth.google .banner {
      background-image: url(/images/booth-banner-google.png); }
    .viewport.v-staging .booth.google .front {
      background-image: url(/images/booth-table-google.png); }
    .viewport.v-staging .booth.google .top {
      background-image: url(/images/booth-table-google.png); }
    .viewport.v-staging .booth.google .left-side {
      background-image: url(/images/booth-table-google.png); }
    .viewport.v-staging .booth.google .right-side {
      background-image: url(/images/booth-table-google.png); }
  .viewport.v-staging .booth.rsac {
    transform: translate3d(4000px, 0px, 610px); }
    .viewport.v-staging .booth.rsac .banner {
      background-image: url(/images/booth-banner-rsa.jpg); }
    .viewport.v-staging .booth.rsac .front {
      background-image: url(/images/booth-front-rsa.jpg);
      background-position: 0; }
    .viewport.v-staging .booth.rsac .top {
      background-image: url(/images/booth-top-rsa.jpg);
      background-position: 0; }
    .viewport.v-staging .booth.rsac .left-side {
      background-image: url(/images/booth-left-rsa.jpg);
      background-position: 0; }
    .viewport.v-staging .booth.rsac .right-side {
      background-image: url(/images/booth-right-rsa.jpg);
      background-position: 0; }
  .viewport.v-staging .booth > * {
    position: absolute;
    transform-style: preserve-3d;
    transform-origin: top left; }
  .viewport.v-staging .booth .front {
    width: 186px;
    height: 63px;
    background: blue;
    transform: translate3d(7px, -63px, 75px);
    background-position: -75px -75px; }
  .viewport.v-staging .booth .top {
    width: 188px;
    height: 75px;
    background-position: -75px 0px;
    transform: translate3d(7px, -63px, 0px) rotateX(90deg); }
  .viewport.v-staging .booth .right-side {
    background-position: -261px -75px;
    transform: translate3d(193px, -63px, 75px) rotateY(90deg);
    width: 75px;
    height: 63px; }
  .viewport.v-staging .booth .left-side {
    background-position: 0px -75px;
    transform: translate3d(7px, -63px, 0px) rotateY(-90deg);
    width: 75px;
    height: 63px; }
  .viewport.v-staging .booth .banner {
    width: 200px;
    height: 175px;
    background: yellow;
    transform: translate3d(0px, -175px, -85px); }

.viewport.v-staging .tooltip {
  position: absolute;
  width: 221px;
  font-size: 1.4em;
  color: black;
  border: 2px solid black;
  background: #d6ffd9;
  text-align: center;
  border-radius: 15px;
  padding: 1ch;
  animation-duration: 0.5s;
  animation-name: bob;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  pointer-events: none; }
  .viewport.v-staging .tooltip::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 90px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: black transparent;
    display: block;
    width: 0;
    z-index: 2; }
  .viewport.v-staging .tooltip::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 92px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #d6ffd9 transparent;
    display: block;
    width: 0;
    z-index: 4; }
  .viewport.v-staging .tooltip.elf {
    transform: translate3d(1743px, -281px, 2413px); }
  .viewport.v-staging .tooltip.terminal {
    transform: translate3d(1641px, -271px, 2367px);
    display: none; }
  .viewport.v-staging .tooltip.item {
    transform: translate3d(2140px, -230px, 3000px);
    display: none; }

.viewport.v-staging .sparkle {
  background: url(/images/sparkle.gif) no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  transform-origin: top left;
  background-size: cover; }
  .viewport.v-staging .sparkle.item {
    transform: translate3d(2191px, -150px, 2642px); }
  .viewport.v-staging .sparkle.terminal {
    transform: translate3d(1696px, -161px, 3000px); }
  .viewport.v-staging .sparkle.badge {
    transform: translate3d(1656px, -150px, -2800px); }

.viewport.v-staging .gate-table {
  transform: translate3d(1698px, 39px, 2314px); }

.viewport.v-staging .hedge-left-front {
  background: url(/images/hedge.png);
  width: 342px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(0px, -100px, 0px);
  height: 101px; }

.viewport.v-staging .hedge-left-topper {
  background: url(/images/hedge_light.png);
  width: 100px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(0px, -100px, 0px) rotateY(90deg) rotateX(90deg);
  height: 342px; }

.viewport.v-staging .hedge-right-front {
  background: url(/images/hedge.png);
  width: 342px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(556px, -100px, 0px);
  height: 101px; }

.viewport.v-staging .hedge-right-topper {
  background: url(/images/hedge_light.png);
  width: 100px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(556px, -100px, 0px) rotateY(90deg) rotateX(90deg);
  height: 342px; }

.viewport.v-staging .hedge-cap-left {
  background: url(/images/hedge.png);
  width: 100px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(342px, -100px, 0px) rotateY(90deg);
  height: 101px; }

.viewport.v-staging .hedge-cap-right {
  background: url(/images/hedge.png);
  width: 100px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(556px, -100px, 0px) rotateY(90deg);
  height: 101px; }

.viewport.v-staging .fence-left {
  width: 350px;
  height: 105px;
  position: absolute;
  background: url(/images/gate-wide.png) no-repeat;
  transform: translate3d(0px, -105px, 0px);
  transform-origin: top left; }

.viewport.v-staging .fence-right {
  width: 350px;
  height: 105px;
  position: absolute;
  background: url(/images/gate-wide.png) no-repeat;
  transform: translate3d(550px, -105px, 0px);
  transform-origin: top left; }

.viewport.v-staging .gate-left {
  width: 109px;
  height: 126px;
  position: absolute;
  background: url(/images/staging-gate.png) no-repeat;
  transform: translate3d(349px, -121px, 0px);
  transition: transform 3s;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-staging .gate-right {
  width: 102px;
  height: 126px;
  position: absolute;
  background: url(/images/staging-gate.png) no-repeat;
  transform: translate3d(550px, -123px, 0px) rotateY(-180deg);
  transition: transform 3s;
  transform-origin: top left;
  background-position: -1px 0; }

.viewport.v-staging .fence-post {
  width: 16px;
  height: 129px;
  position: absolute;
  background: url(/images/stone-post.png) no-repeat;
  transform-origin: top left; }
  .viewport.v-staging .fence-post.one {
    transform: translate3d(0px, -129px, 0px); }
  .viewport.v-staging .fence-post.two {
    transform: translate3d(165px, -129px, 0px); }
  .viewport.v-staging .fence-post.three {
    transform: translate3d(334px, -129px, 0px); }
  .viewport.v-staging .fence-post.four {
    transform: translate3d(550px, -129px, 0px); }
  .viewport.v-staging .fence-post.five {
    transform: translate3d(729px, -129px, 0px); }
  .viewport.v-staging .fence-post.six {
    transform: translate3d(884px, -129px, 0px); }

.viewport.v-approach .floor {
  width: 4800px;
  height: 3500px;
  transform: translate3d(-1600px, -15px, -1300px) rotateX(90deg);
  background: url(/images/floors/hobbiton_floor.jpg) no-repeat; }

.viewport.v-approach .christmas-tree.one {
  transform: translate3d(18px, -428px, 602px); }
  .viewport.v-approach .christmas-tree.one .tree-bit {
    background: url(/images/christmas-tree-snowy.png); }

.viewport.v-approach .netwars-banner {
  background-image: url(/images/netwars-banner.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 103px;
  height: 206px;
  transform: translate3d(-883px, -184px, -180px) rotateX(0deg) rotateY(13deg) rotateZ(0deg);
  color: transparent;
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  background-size: 80%; }

.viewport.v-approach .lamppost {
  background: url(/images/lamppost.png) no-repeat;
  width: 165px;
  height: 195px;
  position: absolute;
  transform-origin: top left; }
  .viewport.v-approach .lamppost.one {
    transform: translate3d(1077px, -195px, 1040px); }
  .viewport.v-approach .lamppost.two {
    transform: translate3d(-427px, -195px, 810px); }
  .viewport.v-approach .lamppost.three {
    transform: translate3d(2757px, -195px, 410px) rotateY(180deg); }

.viewport.v-approach .sled {
  position: absolute;
  transform-origin: top left; }
  .viewport.v-approach .sled .top {
    background: url(/images/sled.png) no-repeat;
    width: 86px;
    height: 158px;
    position: absolute;
    transform: translate3d(0px, 62px, -39px) rotateX(90deg); }
  .viewport.v-approach .sled .rails {
    background: url(/images/sled.png) no-repeat;
    width: 27px;
    height: 158px;
    position: absolute;
    background-position: -86px; }
    .viewport.v-approach .sled .rails.one {
      transform: translate3d(62px, 69px, -22px) rotateZ(90deg) rotateX(90deg); }
    .viewport.v-approach .sled .rails.two {
      transform: translate3d(9px, 69px, -22px) rotateZ(90deg) rotateX(90deg); }
  .viewport.v-approach .sled.one {
    transform: translate3d(-1500px, -6px, -256px) rotateY(564deg) rotateX(-105deg) scaleX(0.65) scaleZ(0.655); }
  .viewport.v-approach .sled.two {
    transform: translate3d(2137px, -163px, 141px) rotateY(324deg); }
  .viewport.v-approach .sled.three {
    transform: translate3d(843px, -1561px, -1079px) rotateY(274deg) scaleX(0.75) scaleZ(0.75); }

.viewport.v-approach .wizard-cart {
  transform: translate3d(-837px, -168px, 1661px) rotateY(-26deg);
  position: absolute;
  transform-origin: top left; }
  .viewport.v-approach .wizard-cart .cart-side {
    background: url(/images/cart_side.png) no-repeat;
    width: 354px;
    height: 173px;
    position: absolute; }
    .viewport.v-approach .wizard-cart .cart-side.one {
      transform: translate3d(0px, 0px, 0px); }
    .viewport.v-approach .wizard-cart .cart-side.two {
      transform: translate3d(0px, 0px, -80px);
      background: url(/images/cart_side_b.png) no-repeat; }
  .viewport.v-approach .wizard-cart .cart-back {
    background: url(/images/cart_back.png) no-repeat;
    width: 80px;
    height: 173px;
    position: absolute;
    transform: translate3d(-6px, 48px, -39px) rotateZ(-18deg) rotateY(90deg); }
  .viewport.v-approach .wizard-cart .seat-back {
    background: url(/images/wood_bit.jpg) no-repeat;
    width: 77px;
    height: 63px;
    position: absolute;
    transform: translate3d(51px, 48px, -39px) rotateZ(-18deg) rotateY(90deg); }
  .viewport.v-approach .wizard-cart .seat-footer {
    background: url(/images/wood_bit.jpg) no-repeat;
    width: 77px;
    height: 39px;
    position: absolute;
    transform: translate3d(104px, 81px, -39px) rotateY(90deg); }
  .viewport.v-approach .wizard-cart .seat-footer-2 {
    background: url(/images/wood_bit_lighter.jpg) no-repeat;
    width: 77px;
    height: 18px;
    position: absolute;
    transform: translate3d(109px, 101px, -39px) rotateZ(-90deg) rotateY(90deg); }
  .viewport.v-approach .wizard-cart .seat {
    background: url(/images/wood_bit_lighter.jpg) no-repeat;
    width: 77px;
    height: 58px;
    position: absolute;
    transform: translate3d(76px, 52px, -39px) rotateZ(-90deg) rotateY(90deg); }

.viewport.v-approach .door-clicker.one.approachstaging {
  height: 100px;
  margin-top: 100px; }

.viewport.v-approach .pendant {
  background: url(/images/pendant.png) no-repeat;
  width: 100px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(697px, -440px, -130px);
  height: 216px; }

.viewport.v-approach .log4j-sign {
  background: url(/images/log4j-sign.png) no-repeat;
  width: 100px;
  height: 106px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(1713px, -106px, 2110px) rotateY(13deg); }

.viewport.v-approach .snowman {
  background: url(/images/snowman.png) no-repeat;
  width: 77px;
  height: 84px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(3083px, -94px, 164px); }

.viewport.v-approach .north-pole {
  background: url(/images/north-pole.png) no-repeat;
  width: 125px;
  height: 192px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(1731px, -192px, 1340px); }

.viewport.v-approach .topleft-hole {
  background: url(/images/topleft_hole.png) no-repeat;
  width: 1100px;
  height: 450px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(-1577px, -440px, -37px) rotateY(17deg); }

.viewport.v-approach .topright-hole {
  background: url(/images/topright_hole.png) no-repeat;
  width: 1300px;
  height: 450px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(1994px, -450px, -177px) rotateY(-12deg); }

.viewport.v-approach .main-hole {
  background: url(/images/main_hole.png) no-repeat;
  width: 900px;
  height: 450px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(1183px, -464px, 387px) rotateY(-3deg); }

.viewport.v-approach .hobbit-hole {
  background: url(/images/hobbit-hole.png) no-repeat;
  width: 456px;
  height: 177px;
  position: absolute;
  transform-origin: top left; }
  .viewport.v-approach .hobbit-hole.one {
    transform: translate3d(2443px, -183px, 1337px) rotateY(-7deg); }

.viewport.v-approach .chain {
  background: url(/images/chain.png) repeat-y;
  width: 30px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(738px, -950px, -129px);
  height: 516px; }

.viewport.v-approach .jason {
  background: url(/images/jason.png) no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(40px, -460px, 60px); }

.viewport.v-approach .scaffolding-front {
  background: url(/images/scaffolding_front.png);
  width: 400px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(0px, -400px, 100px);
  height: 400px; }

.viewport.v-approach .scaffolding-back {
  background: url(/images/scaffolding_front.png);
  width: 400px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(0px, -400px, 1px);
  height: 400px; }

.viewport.v-approach .scaffolding-railing {
  background: url(/images/scaffolding_railing.png);
  width: 400px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(0px, -500px, 100px);
  height: 100px; }

.viewport.v-approach .scaffolding-floor {
  background: url(/images/wood_floor_1.jpg);
  width: 400px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(0px, -400px, 0px) rotateX(90deg);
  height: 100px; }

.viewport.v-approach .hedge-left-front {
  background: url(/images/hedge_light.png);
  width: 900px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(-500px, -100px, 133px);
  height: 101px; }

.viewport.v-approach .hedge-left-topper {
  background: url(/images/hedge_light.png);
  width: 741px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(-500px, -100px, 133px) rotateY(90deg) rotateX(90deg);
  height: 900px; }

.viewport.v-approach .hedge-right-front {
  background: url(/images/hedge_light.png);
  width: 1000px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(1100px, -100px, 133px);
  height: 101px; }

.viewport.v-approach .hedge-right-topper {
  background: url(/images/hedge_light.png);
  width: 1141px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(1100px, -100px, 133px) rotateY(90deg) rotateX(90deg);
  height: 1000px; }

.viewport.v-approach .hedge-side {
  background: url(/images/hedge.png);
  width: 1133px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(2100px, -100px, 133px) rotateY(90deg);
  height: 100px; }

.viewport.v-approach .s3-table {
  transform: translate3d(996px, 20px, 1758px); }

.viewport.v-approach .gondola {
  transform: translate3d(-557px, -194px, 1600px); }

.viewport.v-approach .exit {
  width: 300px;
  height: 386px;
  position: absolute;
  background: url(/images/19.png) no-repeat;
  transform: translate3d(-710px, -300px, 874px);
  transform-origin: top left;
  background-size: 80%; }

.viewport.v-approach .entry-floor {
  background: url(/images/floors/wood_floor_1.jpg);
  width: 800px;
  height: 701px;
  position: absolute;
  transform-origin: top left;
  transform: translate3d(270px, -1px, -894px) rotateX(90deg); }

.viewport.v-approach .hedge-topper {
  background: url(/images/hedge_light.png);
  width: 101px;
  position: absolute;
  transform-origin: top left; }
  .viewport.v-approach .hedge-topper.one {
    transform: translate3d(-100px, -100px, 0px) rotateX(90deg);
    height: 1701px; }
  .viewport.v-approach .hedge-topper.two {
    transform: translate3d(2099px, -100px, 0px) rotateX(90deg);
    height: 1601px;
    display: none; }

.viewport.v-approach .snow-front {
  width: 4800px;
  height: 100px;
  transform: translate3d(-1600px, -15px, 2198px) rotateX(0deg);
  background: white;
  background-position: 0 -1690px; }

.viewport.v-approach .frost-tower {
  position: absolute;
  width: 1570px;
  height: 4000px;
  opacity: 1;
  background-image: linear-gradient(var(--frost-tower-mortar) 16px, transparent 8px), linear-gradient(90deg, var(--frost-tower-mortar) 8px, transparent 8px), linear-gradient(var(--frost-tower-mortar) 1px, transparent 2px), linear-gradient(90deg, var(--frost-tower-mortar) 2px, var(--frost-tower-window) 3px);
  background-size: 200px 110px, 000px 200px, 40px 110px, 60px 40px;
  background-position: -8px -77px, 2px -28px, 36px -92px, 5px -4px;
  transform: translate3d(3255px, -4000px, -440px); }
  .viewport.v-approach .frost-tower::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(330deg, #799ec3 0%, #ffffff 100%);
    transform: translate3d(0px, 0px, -1px); }

.viewport.v-approach .frost-tower-1 {
  position: absolute;
  width: calc(1570px - 242px);
  height: 4000px;
  opacity: 1;
  background-image: linear-gradient(var(--frost-tower-mortar) 16px, transparent 8px), linear-gradient(90deg, var(--frost-tower-mortar) 8px, transparent 8px), linear-gradient(var(--frost-tower-mortar) 1px, transparent 2px), linear-gradient(90deg, var(--frost-tower-mortar) 2px, var(--frost-tower-window) 3px);
  background-size: 200px 110px, 000px 200px, 40px 110px, 60px 40px;
  background-position: -8px -77px, 2px -28px, 36px -92px, 5px -4px;
  transform: translate3d(calc(3255px + (242px / 2)), -4000px, -300px); }
  .viewport.v-approach .frost-tower-1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(330deg, #799ec3 0%, #ffffff 100%);
    transform: translate3d(0px, 0px, -1px); }
  .viewport.v-approach .frost-tower-1::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 100%;
    background: #909ea5;
    transform: translate3d(0px, 0px, -130px) rotateY(-90deg);
    transform-origin: top left; }

.viewport.v-approach .frost-tower-2 {
  position: absolute;
  width: calc(1570px - 484px);
  height: 3650px;
  opacity: 1;
  background-image: linear-gradient(var(--frost-tower-mortar) 16px, transparent 8px), linear-gradient(90deg, var(--frost-tower-mortar) 8px, transparent 8px), linear-gradient(var(--frost-tower-mortar) 1px, transparent 2px), linear-gradient(90deg, var(--frost-tower-mortar) 2px, var(--frost-tower-window) 3px);
  background-size: 200px 110px, 000px 200px, 40px 110px, 60px 40px;
  background-position: -8px -77px, 2px -28px, 36px -92px, 5px -4px;
  transform: translate3d(calc(3255px + (484px / 2)), -4000px, -160px); }
  .viewport.v-approach .frost-tower-2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(330deg, #799ec3 0%, #ffffff 100%);
    transform: translate3d(0px, 0px, -1px); }
  .viewport.v-approach .frost-tower-2::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 100%;
    background: #909ea5;
    transform: translate3d(0px, 0px, -130px) rotateY(-90deg);
    transform-origin: top left; }

.viewport.v-approach .frost-tower-hat {
  position: absolute;
  width: 1681px;
  height: 1500px;
  background: #b2c0c7;
  transform: translate3d(3200px, -499px, 0px) rotateX(-90deg);
  transform-origin: top left; }

.viewport.v-approach .frost-tower-side {
  position: absolute;
  width: 1060px;
  height: 4000px;
  opacity: 1;
  background-image: linear-gradient(var(--frost-tower-mortar) 16px, transparent 8px), linear-gradient(90deg, var(--frost-tower-mortar) 8px, transparent 8px), linear-gradient(var(--frost-tower-mortar) 1px, transparent 2px), linear-gradient(90deg, var(--frost-tower-mortar) 2px, var(--frost-tower-window) 3px);
  background-size: 200px 110px, 000px 200px, 40px 110px, 60px 40px;
  background-position: -8px -77px, 2px -28px, 36px -72px, 5px -4px;
  transform: translate3d(3255px, -4000px, -1499px) rotateY(-90deg);
  transform-origin: top left; }
  .viewport.v-approach .frost-tower-side::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(330deg, #799ec3 0%, #ffffff 100%);
    transform: translate3d(0px, 0px, -1px); }

.viewport.v-approach .frost-tower-front {
  position: absolute;
  width: 1681px;
  height: 500px;
  background-image: url(/images/frost-tower-entry.png);
  transform: translate3d(3200px, -500px, 0px); }

.viewport.v-approach .frost-tower-door {
  position: absolute;
  width: 167px;
  height: 218px;
  background-image: url(/images/frozen-door.jpg);
  transform: translate3d(3957px, -216px, 0px);
  opacity: 1;
  transition: 3s; }

.viewport.v-approach .frost-tower-door-thawed-left {
  position: absolute;
  width: 85px;
  height: 217px;
  background-image: url(/images/frost-door-left.jpg);
  transform: translate3d(3957px, -216px, 0px) rotateY(59deg);
  transform-origin: top left; }

.viewport.v-approach .frost-tower-door-thawed-right {
  position: absolute;
  width: 82px;
  height: 217px;
  background-image: url(/images/frost-door-right.jpg);
  transform: translate3d(4043px, -217px, 0px) rotateY(-63deg);
  transform-origin: top right; }

.viewport.v-approach .frost-tower-interior-column {
  position: absolute;
  width: 70px;
  height: 403px;
  background-image: url(/images/walls/blue-marble.png);
  transform: translate3d(3661px, -360px, -279px);
  background-position: 0px -580px; }

.viewport.v-approach .frost-tower-interior {
  position: absolute;
  width: 486px;
  height: 403px;
  background-image: url(/images/interior-cheat.jpg); }
  .viewport.v-approach .frost-tower-interior.one {
    transform: translate3d(3440px, -360px, -280px); }
  .viewport.v-approach .frost-tower-interior.two {
    transform: translate3d(4210px, -360px, -280px); }

.viewport.v-approach .thermostat {
  position: absolute;
  width: 39px;
  height: 39px;
  background-image: url(/images/thermostat.png);
  transform: translate3d(3676px, -110px, -279px);
  background-position: -39px 0px; }

.viewport.v-approach .frost-tower-left {
  position: absolute;
  width: 1500px;
  height: 500px;
  opacity: 1;
  background-image: linear-gradient(var(--frost-tower-mortar) 16px, transparent 8px), linear-gradient(90deg, var(--frost-tower-mortar) 8px, transparent 8px), linear-gradient(90deg, var(--frost-tower-mortar) 2px, var(--frost-tower-window) 3px);
  background-size: 200px 110px, 000px 200px, 60px 40px;
  background-position: -8px -56px, 2px -28px, 2px 6px;
  transform: translate3d(3200px, -500px, -1500px) rotateY(-90deg);
  border-top: 117px solid #dfe8f1;
  transform-origin: top left;
  border-left: 37px solid #dfe8f1;
  border-right: 37px solid #dfe8f1; }
  .viewport.v-approach .frost-tower-left::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(330deg, #799ec3 0%, #ffffff 100%);
    transform: translate3d(0px, 0px, -1px); }

.viewport.v-approach .frost-logo {
  position: absolute;
  transform: translate3d(3690px, -480px, 0px);
  width: 710px; }
  .viewport.v-approach .frost-logo .frost-tower-chr {
    fill: var(--frost-tower-logo); }

.viewport.v-approach .brian {
  width: 100px;
  height: 200px;
  position: absolute;
  background: url(/images/bhostetler.png) no-repeat;
  transform: translate3d(437px, -171px, 470px) rotateY(13deg);
  transform-origin: top left;
  background-size: 100%; }

.viewport.v-approach .jeff {
  width: 100px;
  height: 200px;
  position: absolute;
  background: url(/images/RealJeffMcJunkin.png) no-repeat;
  transform: translate3d(-1088px, -178px, 500px);
  transform-origin: top left;
  background-size: 100%; }

.viewport.v-approach .geek {
  width: 100px;
  height: 200px;
  position: absolute;
  background: url(/images/MilitantGeek.png) no-repeat;
  transform: translate3d(-291px, -187px, 473px);
  transform-origin: top left;
  background-size: 100%; }

.viewport.v-approach .peaches {
  width: 100px;
  height: 200px;
  position: absolute;
  background: url(/images/Peaches.png) no-repeat;
  transform: translate3d(-723px, -170px, 559px) rotateY(-14deg);
  transform-origin: top left;
  background-size: 100%; }

.viewport.v-approach .kulj {
  width: 100px;
  height: 200px;
  position: absolute;
  background: url(/images/kulj.png) no-repeat;
  transform: translate3d(-1346px, -170px, 560px);
  transform-origin: top left;
  background-size: 100%; }

.viewport.v-approach .swag-booth-url {
  width: 200px;
  height: 219px;
  background: none;
  background-repeat: no-repeat;
  transform: translate3d(-787px, -220px, 659px) rotateY(-14deg);
  background-position: center;
  display: block;
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  z-index: 999999;
  pointer-events: all;
  cursor: pointer; }

.viewport.v-approach .booth {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none; }
  .viewport.v-approach .booth.splunk {
    transform: translate3d(-607px, 0px, 500px); }
    .viewport.v-approach .booth.splunk .banner {
      background: url(/images/splunk-top.jpg); }
    .viewport.v-approach .booth.splunk .front {
      background: url(/images/splunk-bottom.jpg); }
  .viewport.v-approach .booth.google {
    transform: translate3d(-1385px, 0px, 600px) rotateY(13deg); }
    .viewport.v-approach .booth.google .banner {
      background: url(/images/google-top.jpg); }
    .viewport.v-approach .booth.google .front {
      background: url(/images/google-bottom.jpg); }
  .viewport.v-approach .booth.rsac {
    transform: translate3d(-337px, 0px, 500px); }
    .viewport.v-approach .booth.rsac .banner {
      background: url(/images/rsac-top.jpg); }
    .viewport.v-approach .booth.rsac .front {
      background: url(/images/rsac-bottom.jpg); }
  .viewport.v-approach .booth.swag {
    transform: translate3d(-763px, 0px, 559px) rotateY(-14deg); }
    .viewport.v-approach .booth.swag .banner {
      background: url(/images/swag-top.png) no-repeat;
      width: 200px;
      height: 98px; }
    .viewport.v-approach .booth.swag .front {
      background: url(/images/swag-bottom.jpg); }
  .viewport.v-approach .booth.sans {
    transform: translate3d(-1134px, 0px, 500px); }
    .viewport.v-approach .booth.sans .banner {
      background: url(/images/sans-top.jpg); }
    .viewport.v-approach .booth.sans .front {
      background: url(/images/sans-bottom.jpg); }

.viewport.v-approach.token-rings_completed_5 .snow-mound {
  display: none; }

.viewport.v-track1 .artwork-6 {
  width: 169px;
  height: 134px;
  position: absolute;
  background: url(/images/art/f6.png) no-repeat;
  transform: translate3d(1px, -309px, 571px) rotateY(90deg);
  transform-origin: top left; }

.viewport.v-track3 .artwork-4 {
  width: 135px;
  height: 165px;
  position: absolute;
  background: url(/images/art/f4.png) no-repeat;
  transform: translate3d(1px, -309px, 571px) rotateY(90deg);
  transform-origin: top left; }

.viewport.v-talkslobby .speakerroom-sign {
  position: absolute;
  width: 170px;
  height: 96px;
  margin-left: -125px;
  line-height: 29px;
  text-align: center;
  background: #610606;
  color: white;
  font-weight: bold;
  font-size: 1.6em;
  font-family: "Shadows Into Light", cursive;
  transform: translate3d(40px, -329px, 352px) rotateY(90deg);
  padding-top: 7px; }

.viewport.v-talkslobby .eyes {
  width: 25px;
  height: 5px;
  position: absolute;
  background: url(/images/eyes.png) no-repeat;
  transform: translate3d(890px, -316px, -499px);
  transform-origin: top left;
  animation-name: shift2;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate; }

@keyframes shift2 {
  0% {
    transform: translate3d(1089px, 184px, 803px); }
  49% {
    transform: translate3d(1089px, 184px, 803px); }
  50% {
    transform: translate3d(1091px, 184px, 803px); }
  51% {
    transform: translate3d(1089px, 184px, 803px); }
  99% {
    transform: translate3d(1089px, 184px, 803px); }
  100% {
    transform: translate3d(1087px, 184px, 803px); } }

.viewport.v-talkslobby .entry-wall {
  width: 800px;
  height: 500px;
  transform: translate3d(700px, 0px, 802px);
  background: url(/images/fabric/entry_5_-5_13_-5.png) no-repeat; }

.viewport.v-talkslobby .speakeragenda {
  background-image: url(/images/speaker_agenda_banner.png);
  background-repeat: no-repeat;
  display: block;
  width: 100px;
  height: 200px;
  transform: translate3d(1897px, -204px, 1440px) rotateX(0deg) rotateY(-16deg) rotateZ(0deg);
  color: transparent;
  pointer-events: all;
  cursor: pointer;
  position: absolute; }

.viewport.v-talkslobby .postcard-generator {
  width: 100px;
  height: 70px;
  background: url(/images/postcard-generator.png);
  background-repeat: no-repeat;
  transform: translate3d(1998px, -131px, 590px);
  background-position: center;
  display: block;
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  z-index: 999999;
  pointer-events: all;
  cursor: pointer; }

.viewport.v-talkslobby .postcard-table {
  transform: translate3d(2000px, 40px, 500px); }

.viewport.v-talkslobby .mystery-door {
  width: 100px;
  height: 200px;
  background: url(/images/door_locked.jpg);
  background-repeat: no-repeat;
  transform: translate3d(-50px, -200px, 350px) rotateY(-90deg); }

.viewport.v-talkslobby .track-name {
  position: absolute;
  width: 137px;
  height: 37px;
  margin-left: -85px;
  line-height: 37px;
  text-align: center;
  background: #610606;
  color: white;
  font-weight: bold;
  font-size: 1.6em;
  font-family: "Shadows Into Light", cursive;
  pointer-events: all; }
  .viewport.v-talkslobby .track-name.one {
    transform: translate3d(267px, -278px, 1px); }
  .viewport.v-talkslobby .track-name.two {
    transform: translate3d(calc(267px + 1 * 300px), -278px, 1px); }
  .viewport.v-talkslobby .track-name.three {
    transform: translate3d(calc(267px + 2 * 300px), -278px, 1px); }
  .viewport.v-talkslobby .track-name.four {
    transform: translate3d(calc(267px + 3 * 300px), -278px, 1px); }
  .viewport.v-talkslobby .track-name.five {
    transform: translate3d(calc(267px + 4 * 300px), -278px, 1px); }
  .viewport.v-talkslobby .track-name.six {
    transform: translate3d(calc(267px + 5 * 300px), -278px, 1px); }
  .viewport.v-talkslobby .track-name.seven {
    transform: translate3d(calc(267px + 6 * 300px), -278px, 1px); }

.viewport.v-talkslobby .artwork-23 {
  width: 177px;
  height: 153px;
  position: absolute;
  background: url(/images/art/f23.png) no-repeat;
  transform: translate3d(2299px, -339px, 471px) rotateY(-90deg);
  transform-origin: top left; }

.viewport.v-talkslobby .artwork-24 {
  width: 134px;
  height: 173px;
  position: absolute;
  background: url(/images/art/f24.png) no-repeat;
  transform: translate3d(2299px, -389px, 171px) rotateY(-90deg);
  transform-origin: top left; }

.viewport.v-talkslobby .artwork-26 {
  width: 160px;
  height: 129px;
  position: absolute;
  background: url(/images/art/f26.png) no-repeat;
  transform: translate3d(2299px, -229px, 891px) rotateY(-90deg);
  transform-origin: top left; }

.viewport.v-talkslobby .artwork-29 {
  width: 138px;
  height: 158px;
  position: absolute;
  background: url(/images/art/f29.png) no-repeat;
  transform: translate3d(2299px, -369px, 1201px) rotateY(-90deg);
  transform-origin: top left; }

.viewport.v-talkslobby .artwork-30 {
  width: 136px;
  height: 167px;
  position: absolute;
  background: url(/images/art/f30.png) no-repeat;
  transform: translate3d(1px, -289px, 681px) rotateY(90deg);
  transform-origin: top left; }

.viewport.v-talkslobby .artwork-31 {
  width: 127px;
  height: 169px;
  position: absolute;
  background: url(/images/art/f31.png) no-repeat;
  transform: translate3d(338px, -249px, 1px);
  transform-origin: top left; }

.viewport.v-talkslobby .topiary-1 {
  width: 90px;
  height: 312px;
  position: absolute;
  background: url(/images/topiary-1.png) no-repeat;
  transform: translate3d(2189px, -310px, 109px);
  transform-origin: top left; }

.viewport.v-talkslobby .topiary-2 {
  width: 90px;
  height: 312px;
  position: absolute;
  background: url(/images/topiary-1.png) no-repeat;
  transform: translate3d(29px, -310px, 89px);
  transform-origin: top left; }

.viewport.v-talkslobby .railing-1 {
  width: 1500px;
  height: 100px;
  position: absolute;
  background: url(/images/railing.png);
  transform: translate3d(0px, -100px, 800px);
  transform-origin: top left; }

.viewport.v-talkslobby .railing-2 {
  width: 1000px;
  height: 100px;
  position: absolute;
  background: url(/images/railing.png);
  transform: translate3d(1500px, -100px, 1800px) rotateY(90deg);
  transform-origin: top left; }

.viewport.v-entry .eyes {
  width: 25px;
  height: 5px;
  position: absolute;
  background: url(/images/eyes.png) no-repeat;
  transform: translate3d(890px, -316px, -499px);
  transform-origin: top left;
  animation-name: shift;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate; }

@keyframes shift {
  0% {
    transform: translate3d(890px, -316px, -499px); }
  49% {
    transform: translate3d(890px, -316px, -499px); }
  50% {
    transform: translate3d(892px, -316px, -499px); }
  51% {
    transform: translate3d(890px, -316px, -499px); }
  99% {
    transform: translate3d(890px, -316px, -499px); }
  100% {
    transform: translate3d(888px, -316px, -499px); } }

.viewport.v-entry .portrait {
  width: 230px;
  height: 289px;
  transform: translate3d(786px, -405px, -499px);
  display: block;
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  z-index: 999999;
  pointer-events: all;
  cursor: pointer; }

.viewport.v-entry .topiary-1 {
  width: 90px;
  height: 312px;
  position: absolute;
  background: url(/images/topiary-1.png) no-repeat;
  transform: translate3d(507px, -310px, -309px);
  transform-origin: top left; }

.viewport.v-entry .topiary-2 {
  width: 90px;
  height: 312px;
  position: absolute;
  background: url(/images/topiary-1.png) no-repeat;
  transform: translate3d(1196px, -310px, -309px);
  transform-origin: top left; }

.viewport.v-entry .topiary-3 {
  width: 78px;
  height: 238px;
  position: absolute;
  background: url(/images/topiary-2.png) no-repeat;
  transform: translate3d(1713px, -236px, 71px);
  transform-origin: top left; }

.viewport.v-entry .christmas-tree.one {
  transform: translate3d(38px, -410px, 252px); }

.viewport.v-entry .sconce-1 {
  width: 75px;
  height: 48px;
  position: absolute;
  background: url(/images/sconce.png) no-repeat;
  transform: translate3d(1560px, -359px, 1px);
  transform-origin: top left; }

.viewport.v-entry .artwork-19 {
  width: 132px;
  height: 157px;
  position: absolute;
  background: url(/images/art/f19.png) no-repeat;
  transform: translate3d(1px, -409px, 550px) rotateY(90deg);
  transform-origin: top left; }

.viewport.v-entry .artwork-28 {
  width: 158px;
  height: 188px;
  position: absolute;
  background: url(/images/art/f28.png) no-repeat;
  transform: translate3d(1299px, -349px, -295px) rotateY(-90deg);
  transform-origin: top left; }

.viewport.v-entry .artwork-37 {
  width: 147px;
  height: 116px;
  position: absolute;
  background: url(/images/art/f37.png) no-repeat;
  transform: translate3d(211px, -279px, 1px);
  transform-origin: top left; }

.viewport.v-entry .artwork-39 {
  width: 163px;
  height: 133px;
  position: absolute;
  background: url(/images/art/f39.png) no-repeat;
  transform: translate3d(1799px, -299px, 275px) rotateY(-90deg);
  transform-origin: top left; }

.viewport.v-netwars .sleigh-consoles {
  width: 350px;
  height: 263px;
  transform: translate3d(50px, -263px, 450px);
  background: url(/images/sleigh_consoles.png) no-repeat;
  pointer-events: all;
  cursor: pointer;
  display: block;
  position: absolute; }

.viewport.v-netwars .arp-shenanigans {
  width: 82px;
  height: 60px;
  transform: translate3d(619px, -119px, 1418px);
  background: url(/images/arp-terminal.png) no-repeat;
  pointer-events: all;
  cursor: pointer;
  display: block;
  position: absolute; }

.viewport.v-netwars .netwars-sleigh {
  width: 200px;
  height: 130px;
  transform: translate3d(123px, -121px, 363px);
  background-position: center;
  display: block;
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  z-index: 999999;
  pointer-events: all;
  cursor: pointer; }

.viewport.v-netwars .facade {
  transform-origin: top left;
  background: url(/images/castle-entry.jpg);
  transform-style: preserve-3d;
  position: absolute;
  width: 1600px;
  height: 800px;
  transform: translate3d(0px, 0px, 1750px);
  background-position: 0px -9px; }

.viewport.v-netwars .sleigh {
  transform-origin: top left;
  background: url(/images/sleigh1.png) no-repeat;
  transform-style: preserve-3d;
  position: absolute;
  width: 220px;
  height: 140px;
  transform: translate3d(118px, -118px, 348px);
  background-size: 100% 90%; }

.viewport.v-netwars .landing-pad {
  transform-origin: top center;
  background: url(/images/landing-pad.png) no-repeat;
  transform-style: preserve-3d;
  position: absolute;
  width: 300px;
  height: 300px;
  transform: translate3d(159px, -1px, 170px) rotateY(-35deg) rotateX(90deg); }

.viewport.v-netwars .arp-table {
  transform: translate3d(599px, 20px, 1358px); }

.viewport.v-netwars .scoreboard {
  width: 380px;
  height: 280px;
  background: url(/images/export/simple-individual.png) no-repeat;
  position: absolute;
  transform-origin: top center;
  background-size: 380px auto;
  animation-name: scoreboardScroll;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
  .viewport.v-netwars .scoreboard.left {
    transform: translate3d(516px, -300px, 7px); }
  .viewport.v-netwars .scoreboard.right {
    transform: translate3d(890px, -360px, 7px); }

.viewport.v-netwars .ssq-banner {
  width: 250px;
  height: 146px;
  background: url(/images/ssq.jpg) no-repeat;
  position: absolute;
  transform-origin: top center;
  background-size: 250px auto; }
  .viewport.v-netwars .ssq-banner.left {
    transform: translate3d(30px, -300px, 7px); }
  .viewport.v-netwars .ssq-banner.right {
    transform: translate3d(720px, -300px, 7px); }

@keyframes scoreboardScroll {
  from,
  25% {
    background-position-y: 0%; }
  75%,
  to {
    background-position-y: 100%; } }

.viewport.v-netwars .nwc-video {
  width: 380px;
  height: 280px;
  background: black;
  position: absolute;
  transform-origin: top center;
  transform: translate3d(310px, -317px, 1px); }
  .viewport.v-netwars .nwc-video video {
    width: 100%;
    height: auto;
    margin-top: 33px; }

.viewport.v-netwars .table .lappy {
  width: 100px;
  height: 100px;
  background: url(/images/lappys.png) no-repeat;
  background-position: 0px 0px; }
  .viewport.v-netwars .table .lappy.one {
    transform: translate3d(14px, -180px, 82px); }
  .viewport.v-netwars .table .lappy.two {
    transform: translate3d(105px, -180px, 82px); }
  .viewport.v-netwars .table .lappy.three {
    transform: translate3d(195px, -180px, 82px); }
  .viewport.v-netwars .table .lappy.four {
    transform: translate3d(284px, -180px, 82px); }
  .viewport.v-netwars .table .lappy.a {
    background-position: 0px 0px; }
  .viewport.v-netwars .table .lappy.b {
    background-position: -100px 0px; }
  .viewport.v-netwars .table .lappy.c {
    background-position: -200px 0px; }
  .viewport.v-netwars .table .lappy.d {
    background-position: -300px 0px; }
  .viewport.v-netwars .table .lappy.e {
    background-position: -400px 0px; }
  .viewport.v-netwars .table .lappy.f {
    background-position: -500px 0px; }

.viewport.v-netwars .table .nwplayer {
  width: 100px;
  height: 168px;
  background: url(/images/netwars-elves.png) no-repeat;
  background-position: 0px 0px; }
  .viewport.v-netwars .table .nwplayer.one {
    transform: translate3d(14px, -190px, 124px); }
  .viewport.v-netwars .table .nwplayer.two {
    transform: translate3d(105px, -190px, 124px); }
  .viewport.v-netwars .table .nwplayer.three {
    transform: translate3d(195px, -190px, 124px); }
  .viewport.v-netwars .table .nwplayer.four {
    transform: translate3d(284px, -190px, 124px); }
  .viewport.v-netwars .table .nwplayer.a {
    background-position: 0px 0px; }
  .viewport.v-netwars .table .nwplayer.b {
    background-position: -100px 0px; }
  .viewport.v-netwars .table .nwplayer.c {
    background-position: -200px 0px; }
  .viewport.v-netwars .table .nwplayer.d {
    background-position: -300px 0px; }
  .viewport.v-netwars .table .nwplayer.e {
    background-position: -400px 0px; }
  .viewport.v-netwars .table .nwplayer.f {
    background-position: -500px 0px; }

.viewport.v-netwars .table.left1 {
  transform: translate3d(100px, 40px, 400px); }

.viewport.v-netwars .table.left2 {
  transform: translate3d(100px, 40px, 800px); }

.viewport.v-netwars .table.right1 {
  transform: translate3d(500px, 40px, 400px); }

.viewport.v-netwars .table.right2 {
  transform: translate3d(500px, 40px, 800px); }

.viewport .booth .front {
  width: 186px;
  height: 63px;
  background: blue;
  transform: translate3d(7px, -63px, 75px);
  background-position: -75px -75px; }

.viewport .booth .top {
  width: 188px;
  height: 75px;
  background-position: -75px 0px;
  transform: translate3d(7px, -63px, 0px) rotateX(90deg); }

.viewport .booth .right-side {
  background-position: -261px -75px;
  transform: translate3d(193px, -63px, 75px) rotateY(90deg);
  width: 75px;
  height: 63px; }

.viewport .booth .left-side {
  background-position: 0px -75px;
  transform: translate3d(7px, -63px, 0px) rotateY(-90deg);
  width: 75px;
  height: 63px; }

.viewport .booth .banner {
  width: 200px;
  height: 175px;
  background: yellow;
  transform: translate3d(0px, -175px, -85px); }

.viewport .audience {
  height: 168px;
  position: absolute; }
  .viewport .audience.elves {
    background: url(/images/audience-elves.png) repeat-x;
    width: 247px; }
  .viewport .audience.trolls {
    background: url(/images/audience-trolls.png) repeat-x;
    width: 184px; }
  .viewport .audience.group1 {
    background-position: -62px; }
  .viewport .audience.group2 {
    background-position: -124px; }
  .viewport .audience.group3 {
    background-position: -186px; }
  .viewport .audience.group4 {
    background-position: -248px; }
  .viewport .audience.group5 {
    background-position: -310px; }
  .viewport .audience.group6 {
    background-position: -372px; }
  .viewport .audience.group7 {
    background-position: -434px; }
  .viewport .audience.elves.one {
    transform: translate3d(30px, -170px, 300px); }
  .viewport .audience.elves.two {
    transform: translate3d(420px, -170px, 300px); }
  .viewport .audience.elves.three {
    transform: translate3d(30px, -170px, 510px); }
  .viewport .audience.elves.four {
    transform: translate3d(420px, -170px, 510px); }
  .viewport .audience.elves.five {
    transform: translate3d(30px, -170px, 720px); }
  .viewport .audience.elves.six {
    transform: translate3d(420px, -170px, 720px); }
  .viewport .audience.trolls.one {
    transform: translate3d(10px, -170px, 300px); }
  .viewport .audience.trolls.two {
    transform: translate3d(308px, -170px, 300px); }
  .viewport .audience.trolls.three {
    transform: translate3d(10px, -170px, 510px); }
  .viewport .audience.trolls.four {
    transform: translate3d(308px, -170px, 510px); }

.viewport.v-staging.token-orientation_completed.token-jingleSaidFantasticlol .tooltip.elf {
  display: block; }

.viewport.v-staging.token-orientation_completed.token-jingleSaidFantasticlol.token-chatAfterTerminal .tooltip.elf {
  display: none; }

.viewport.v-staging .tooltip.item {
  display: none; }

.viewport.v-staging .tooltip.elf {
  display: block; }

.viewport.v-staging .sparkle.terminal {
  display: none; }

.viewport.v-staging .sparkle.item {
  display: none; }

.viewport.v-staging .ent.type-item.item-fishingpole {
  display: none; }

.viewport.v-staging .item-clicker.fishingpole {
  display: none; }

.viewport.v-staging.token-spokeToJingle .tooltip.elf {
  display: none; }

.viewport.v-staging.token-getTheFishingPole .tooltip.item {
  display: block; }

.viewport.v-staging.token-getTheFishingPole .ent.type-item.item-fishingpole {
  display: block; }

.viewport.v-staging.token-getTheFishingPole .item-clicker.fishingpole {
  display: block; }

.viewport.v-staging.token-getTheFishingPole .sparkle.item {
  display: block; }

.viewport.v-staging.token-fishingpole_found .tooltip.item {
  display: none; }

.viewport.v-staging.token-fishingpole_found .tooltip.elf {
  display: block; }

.viewport.v-staging.token-fishingpole_found .sparkle.item {
  display: none; }

.viewport.v-staging.token-jingleSaidFantasticlol .tooltip.elf {
  display: none; }

.viewport.v-staging.token-cranpiRevealed .tooltip.terminal {
  display: block; }

.viewport.v-staging.token-termOrientation_attempted .tooltip.terminal {
  display: none !important; }

.viewport.v-shenanigans {
  background: url(/images/turtles.jpg) no-repeat;
  background-size: cover; }

.viewport.v-underground1 {
  background: #161920; }
  .viewport.v-underground1 .floor {
    background: url(/images/backgrounds/underground_main.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(-200px, -50px, -200px) rotateX(90deg) !important;
    width: 3800px !important;
    height: 8400px !important; }
    .viewport.v-underground1 .floor::before {
      content: "";
      background: url(/images/backgrounds/underground_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 3800px !important;
      height: 8400px !important;
      position: absolute; }
    .viewport.v-underground1 .floor::after {
      content: "";
      background: url(/images/backgrounds/underground_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 100px) !important;
      width: 3800px !important;
      height: 8400px !important;
      position: absolute; }

.viewport.v-pi-rainrastercliffs {
  background: #0b4f84; }
  .viewport.v-pi-rainrastercliffs .floor {
    background: url(/images/backgrounds/pixel_island_background.png) no-repeat !important;
    background-color: #0b4f84;
    transform: translate3d(-706px, -50px, -703px) rotateX(90deg) !important;
    width: 6200px !important;
    height: 4200px !important; }
    .viewport.v-pi-rainrastercliffs .floor::before {
      content: "";
      background: url(/images/backgrounds/pixel_island_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 6200px !important;
      height: 4200px !important;
      position: absolute; }

.viewport.v-pi-driftbitgrotto {
  background: #00000a; }
  .viewport.v-pi-driftbitgrotto .floor {
    background: url(/images/backgrounds/grotto_background.jpg) no-repeat !important;
    background-color: #00000a;
    transform: translate3d(-200px, -50px, -497px) rotateX(90deg) !important;
    width: 4600px !important;
    height: 3372px !important; }

.viewport.token-rings_completed_2 .npc-grinchum .npc-avatar {
  background-image: url(/images/avatars/smeagolmad1.png) !important; }

.viewport.token-rings_completed_3 .npc-grinchum .npc-avatar {
  background-image: url(/images/avatars/smeagolmad2.png) !important; }

.viewport.token-rings_completed_4 .npc-grinchum .npc-avatar {
  background-image: url(/images/avatars/smeagolmad3.png) !important; }

.viewport.token-rings_completed_5 .npc-grinchum .npc-avatar {
  background-image: url(/images/avatars/smeagol.png) !important; }

.viewport.v-level1 .npc-grinchum {
  display: none !important; }

.viewport.v-level1.token-suricata_completed .npc-grinchum {
  display: block !important; }

.viewport.v-elfhouse .npc-grinchum {
  display: none !important; }

.viewport.v-elfhouse.token-objCicd_completed .npc-grinchum {
  display: block !important; }

.viewport.v-fountain .npc-grinchum {
  display: none !important; }

.viewport.v-fountain.token-objMirror_completed .npc-grinchum {
  display: block !important; }

.viewport.v-level4 .npc-grinchum {
  display: none !important; }

.viewport.v-level4.token-aws201_completed .npc-grinchum {
  display: block !important; }

.viewport.v-level5 .npc-grinchum {
  display: none !important; }

.viewport.v-level5.token-bsrs_completed .npc-grinchum {
  display: block !important; }

.viewport.v-level1 {
  background: #161920; }
  .viewport.v-level1 .floor {
    background: url(/images/backgrounds/level1_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(-100px, -50px, -1600px) rotateX(90deg) !important;
    width: 4000px !important;
    height: 3000px !important; }
    .viewport.v-level1 .floor::before {
      content: "";
      background: url(/images/backgrounds/level1_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 4000px !important;
      height: 3000px !important;
      position: absolute; }
    .viewport.v-level1 .floor::after {
      content: "";
      background: url(/images/backgrounds/level1_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 100px) !important;
      width: 4000px !important;
      height: 3000px !important;
      position: absolute; }
  .viewport.v-level1.token-shunTheSnowrog .snowrog {
    opacity: 0;
    left: 392px; }
  .viewport.v-level1.token-shunTheSnowrog .npc-snowrog {
    display: none !important; }
  .viewport.v-level1 .snowrog {
    background: url(/images/snowrog_legs.png) no-repeat !important;
    transform: translate3d(3048px, -513px, 98px) scaleZ(1) rotateX(90deg);
    transform-origin: bottom;
    width: 501px !important;
    height: 441px !important;
    position: absolute;
    animation: slightduck 4s;
    animation-iteration-count: infinite;
    transition: all 5s;
    opacity: 1;
    left: 0px; }
    .viewport.v-level1 .snowrog .snowrog-arms {
      background: url(/images/snowrog_arms.png) no-repeat !important;
      transform: translate3d(0px, 0px, 0px) !important;
      width: 501px !important;
      height: 441px !important;
      position: absolute;
      animation: torsobob 7s;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
      .viewport.v-level1 .snowrog .snowrog-arms .snowrog-head {
        background: url(/images/snowrog_head.png) no-repeat !important;
        transform: translate3d(0px, 0px, 0px) !important;
        width: 501px !important;
        height: 441px !important;
        position: absolute;
        animation: headbob 7s;
        animation-iteration-count: infinite; }

@keyframes headbob {
  0% {
    top: 0px; }
  50% {
    top: 8px; }
  100% {
    top: 0px; } }

@keyframes torsobob {
  0% {
    top: 0px; }
  50% {
    top: 14px; }
  100% {
    top: 0px; } }

@keyframes slightduck {
  0% {
    transform: translate3d(3048px, -513px, 98px) scaleZ(1) rotateX(90deg); }
  50% {
    transform: translate3d(3048px, -513px, 98px) scaleZ(0.97) rotateX(90deg); }
  100% {
    transform: translate3d(3048px, -513px, 98px) scaleZ(1) rotateX(90deg); } }

.viewport.v-halloftalks {
  background: #161920; }
  .viewport.v-halloftalks .floor {
    background: url(/images/backgrounds/halloftalks_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(-300px, -50px, -1100px) rotateX(90deg) !important;
    width: 4300px !important;
    height: 1400px !important; }
    .viewport.v-halloftalks .floor::after {
      content: "";
      background: url(/images/backgrounds/halloftalks_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 4300px !important;
      height: 1400px !important;
      position: absolute; }
  .viewport.v-halloftalks .speakeragenda {
    background-image: url(/images/speaker_agenda_banner.png);
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 200px;
    transform: translate3d(3367px, -194px, 8px) rotateX(90deg) rotateY(1deg) rotateZ(0deg);
    color: transparent;
    pointer-events: all;
    cursor: pointer;
    position: absolute; }

.viewport.v-level2 {
  background: #161920; }
  .viewport.v-level2 .floor {
    background: url(/images/backgrounds/level2_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(-800px, -50px, -700px) rotateX(90deg) !important;
    width: 6000px !important;
    height: 2000px !important; }
    .viewport.v-level2 .floor::after {
      content: "";
      background: url(/images/backgrounds/level2_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 6000px !important;
      height: 2000px !important;
      position: absolute; }
  .viewport.v-level2 .boat {
    background: url(/images/boatymcboatface.png) no-repeat !important;
    transform: translate3d(-70px, -190px, 631px) rotateX(90deg);
    width: 487px !important;
    height: 196px !important;
    position: absolute; }

.viewport.v-elfhouse {
  background: #161920; }
  .viewport.v-elfhouse.token-objEscape_completed .terminal-cicd {
    display: block !important; }
  .viewport.v-elfhouse.token-objEscape_completed .cicd-placeholder {
    display: none !important; }
  .viewport.v-elfhouse a.cicd-placeholder {
    pointer-events: all;
    cursor: pointer;
    transform: translate3d(474px, -173px, -468px) rotateX(90deg) !important;
    background: none;
    width: 70px;
    height: 70px;
    position: absolute; }
  .viewport.v-elfhouse .floor {
    background: url(/images/backgrounds/elfhouse_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(0px, -50px, -901px) rotateX(90deg) !important;
    width: 1100px !important;
    height: 1100px !important; }
    .viewport.v-elfhouse .floor::before {
      content: "";
      background: url(/images/backgrounds/elfhouse_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 84px) !important;
      width: 1100px !important;
      height: 1100px !important;
      position: absolute; }
    .viewport.v-elfhouse .floor::after {
      content: "";
      background: url(/images/backgrounds/elfhouse_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 100px) !important;
      width: 1100px !important;
      height: 1100px !important;
      position: absolute; }

.viewport.v-level3 {
  background: #161920; }
  .viewport.v-level3 .floor {
    background: url(/images/backgrounds/level3_background.png) no-repeat !important;
    transform: translate3d(-113px, -50px, -400px) rotateX(90deg) !important;
    width: 3900px !important;
    height: 600px !important;
    background-color: rgba(51, 57, 70, 0.16) !important; }
    .viewport.v-level3 .floor::after {
      content: "";
      background: url(/images/backgrounds/level3_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 3900px !important;
      height: 600px !important;
      position: absolute; }
  .viewport.v-level3 .drippy1 {
    background: url(/images/backgrounds/cave_roof0.png) no-repeat !important;
    transform: translate3d(327px, -440px, -90px) rotateX(90deg) !important;
    width: 2897px !important;
    height: 543px !important; }
  .viewport.v-level3 .drippy2 {
    background: url(/images/backgrounds/cave_roof0.png) no-repeat !important;
    transform: translate3d(547px, -1640px, -10px) rotateY(180deg) rotateX(90deg) !important;
    width: 2897px !important;
    height: 543px !important;
    background-position: 930px 0px !important; }
  .viewport.v-level3 .drippy3 {
    background: url(/images/backgrounds/cave_roof1.png) no-repeat !important;
    transform: translate3d(327px, 540px, -100px) rotateX(90deg) !important;
    width: 3267px !important;
    height: 543px !important; }
  .viewport.v-level3 .drippy4 {
    background: url(/images/backgrounds/cave_roof2.png) no-repeat !important;
    transform: translate3d(557px, 340px, -81px) rotateY(180deg) rotateX(90deg) !important;
    width: 3267px !important;
    height: 543px !important; }
  .viewport.v-level3 .lock {
    background: url(/images/lock.png) no-repeat !important;
    transform: translate3d(3507px, -100px, -11px) rotateX(90deg) !important;
    width: 50px;
    height: 70px;
    opacity: 1;
    transition: opacity 2s; }
  .viewport.v-level3.token-minedoor_baseline_completed .lock {
    opacity: 0; }

.viewport.v-fountain {
  background: #161920; }
  .viewport.v-fountain .floor {
    background: url(/images/backgrounds/fountain_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(-100px, -50px, -700px) rotateX(90deg) !important;
    width: 1200px !important;
    height: 900px !important; }
    .viewport.v-fountain .floor::after {
      content: "";
      background: url(/images/backgrounds/fountain_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 1200px !important;
      height: 900px !important;
      position: absolute; }

.viewport.v-level4 {
  background: #161920; }
  .viewport.v-level4 .floor {
    background: url(/images/backgrounds/level4_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(-100px, -50px, -1000px) rotateX(90deg) !important;
    width: 2200px !important;
    height: 3400px !important; }
    .viewport.v-level4 .floor::before {
      content: "";
      background: url(/images/backgrounds/level4_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 2200px !important;
      height: 3400px !important;
      position: absolute; }
    .viewport.v-level4 .floor::after {
      content: "";
      background: url(/images/backgrounds/level4_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 100px) !important;
      width: 2200px !important;
      height: 3400px !important;
      position: absolute; }

.viewport.v-level5 {
  background: #161920; }
  .viewport.v-level5 .floor {
    background: url(/images/backgrounds/level5_background.jpg) no-repeat !important;
    background-color: black;
    transform: translate3d(0px, -50px, 0px) rotateX(90deg) !important;
    width: 2000px !important;
    height: 1700px !important; }
    .viewport.v-level5 .floor::before {
      content: "";
      background: url(/images/backgrounds/level5_foreground.png) no-repeat !important;
      transform: translate3d(0px, 0px, 51px) !important;
      width: 4000px !important;
      height: 3000px !important;
      position: absolute; }
    .viewport.v-level5 .floor::after {
      content: "";
      background: url(/images/backgrounds/level5_mask.png) no-repeat !important;
      transform: translate3d(0px, 0px, 100px) !important;
      width: 6000px !important;
      height: 2000px !important;
      position: absolute; }

.viewport.v-train .floor {
  animation: trainRideBumpFloor 2.5s ease-in-out infinite; }

.viewport.v-train .traincar_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transform: translate3d(250px, 0px, 286px) rotateX(90deg);
  pointer-events: none;
  animation: trainRideBump 2.5s ease-in-out infinite; }
  .viewport.v-train .traincar_0000_parent .wall-section {
    transition: opacity 0.25s; }
  .viewport.v-train .traincar_0000_parent .building-face {
    position: absolute;
    pointer-events: none; }
    .viewport.v-train .traincar_0000_parent .building-face.top {
      pointer-events: none; }
  .viewport.v-train .traincar_0000_parent .wall-section-0 {
    width: 300px;
    height: 267px;
    transform-origin: bottom left;
    transform: translate3d(-150px, -450px, 0px) rotateZ(0deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/traincar_cap1.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-train .traincar_0000_parent .wall-section-1-video {
    width: 880px;
    height: 537px;
    transform-origin: bottom left;
    transform: translate3d(151px, 177px, -89px) rotateZ(270deg) rotateX(-90deg);
    background: none; }
  .viewport.v-train .traincar_0000_parent .wall-section-1 {
    width: 900px;
    height: 267px;
    transform-origin: bottom left;
    transform: translate3d(150px, -450px, 0px) rotateZ(90deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/traincar_wall.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-train .traincar_0000_parent .wall-section-2 {
    width: 300px;
    height: 267px;
    transform-origin: bottom left;
    transform: translate3d(150px, 450px, 0px) rotateZ(180deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/traincar_cap2.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-train .traincar_0000_parent .wall-section-3 {
    width: 900px;
    height: 267px;
    transform-origin: bottom left;
    transform: translate3d(-150px, 450px, 0px) rotateZ(-90deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/traincar_wall.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-train .traincar_0000_parent .wall-section-3-video {
    width: 880px;
    height: 267px;
    transform-origin: bottom left;
    transform: translate3d(-151px, 447px, 36px) rotateZ(-90deg) rotateX(-90deg);
    background: none; }
  .viewport.v-train .traincar_0000_parent .top-face {
    width: 300px;
    height: 900px;
    left: -150px;
    top: -450px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(0, 267px, 267px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/traincar_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-train.yrot-0 .traincar_0000_parent .wall-section-2,
.viewport.v-train.yrot-0 .traincar_0000_parent .wall-section-3,
.viewport.v-train.yrot-0 .traincar_0000_parent .wall-section-3-video, .viewport.v-train.yrot-45 .traincar_0000_parent .wall-section-2,
.viewport.v-train.yrot-45 .traincar_0000_parent .wall-section-3,
.viewport.v-train.yrot-45 .traincar_0000_parent .wall-section-3-video {
  opacity: 0; }

.viewport.v-train.yrot-45 .wall-section-0 {
  opacity: 0; }

.viewport.v-train.yrot-90 .traincar_0000_parent .wall-section-0,
.viewport.v-train.yrot-90 .traincar_0000_parent .wall-section-3,
.viewport.v-train.yrot-90 .traincar_0000_parent .wall-section-3-video {
  opacity: 0; }

.viewport.v-train.yrot-315 .traincar_0000_parent .wall-section-2,
.viewport.v-train.yrot-315 .traincar_0000_parent .wall-section-3,
.viewport.v-train.yrot-315 .traincar_0000_parent .wall-section-1,
.viewport.v-train.yrot-315 .traincar_0000_parent .wall-section-1-video,
.viewport.v-train.yrot-315 .traincar_0000_parent .wall-section-3-video {
  opacity: 0; }

.viewport.v-train.yrot-270 .traincar_0000_parent .wall-section-2,
.viewport.v-train.yrot-270 .traincar_0000_parent .wall-section-1,
.viewport.v-train.yrot-270 .traincar_0000_parent .wall-section-1-video {
  opacity: 0; }

.viewport.v-train.yrot-225 .traincar_0000_parent .wall-section-2,
.viewport.v-train.yrot-225 .traincar_0000_parent .wall-section-1,
.viewport.v-train.yrot-225 .traincar_0000_parent .wall-section-1-video {
  opacity: 0; }

.viewport.v-train.yrot-135 .traincar_0000_parent .wall-section-0,
.viewport.v-train.yrot-135 .traincar_0000_parent .wall-section-3,
.viewport.v-train.yrot-135 .traincar_0000_parent .wall-section-1,
.viewport.v-train.yrot-135 .traincar_0000_parent .wall-section-1-video,
.viewport.v-train.yrot-135 .traincar_0000_parent .wall-section-3-video {
  opacity: 0; }

.viewport.v-train.yrot-180 .traincar_0000_parent .wall-section-0,
.viewport.v-train.yrot-180 .traincar_0000_parent .wall-section-1,
.viewport.v-train.yrot-180 .traincar_0000_parent .wall-section-1-video {
  opacity: 0; }

.viewport .mood {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 127, 0.25); }

.viewport.v-snowlab img.scenery.snowglobe {
  transform: translate3d(356px, -600px, 1650px) rotateY(-360deg) rotateX(0deg) rotateZ(0deg) !important; }

.viewport.v-snowlab.token-objSnowlab_completed img.scenery.snowglobe {
  transform: translate3d(356px, -525px, 1650px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) !important; }

.viewport.v-city img.scenery.literallyjustaneasteregg {
  transform: translate3d(10313.5px, -196px, 3087px); }

.viewport.v-city .christmas-tree.one {
  transform: translate3d(668px, -710px, 3292px) scaleY(1.4) scaleX(2.6) rotateY(-44deg); }

.viewport.v-city .gnome {
  width: 100px;
  height: 200px;
  top: -189px;
  left: -50px;
  pointer-events: all; }
  .viewport.v-city .gnome .shadow {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    background-image: url(/images/avatars/shadow.png);
    background-repeat: no-repeat;
    transform: translate3d(1px, -59px, 0px) rotateX(-90deg);
    top: 188px;
    background-size: contain;
    opacity: .2; }
  .viewport.v-city .gnome .avatar-holder {
    animation: gnomeWalk 0.8s steps(4) infinite; }
  .viewport.v-city .gnome .avatar {
    width: 100px;
    height: 100px;
    background-image: url(/images/avatars/gnomes/gnome-gym.gif);
    top: 77px;
    left: 19%;
    transition: transform 0.25s; }
  .viewport.v-city .gnome.gnome-gnomefestive1 .avatar-holder {
    animation-delay: -0.1s; }
  .viewport.v-city .gnome.gnome-gnomefestive1 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive1.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive2 .avatar-holder {
    animation-delay: -0.2s; }
  .viewport.v-city .gnome.gnome-gnomefestive2 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive2.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive3 .avatar-holder {
    animation-delay: -0.3s; }
  .viewport.v-city .gnome.gnome-gnomefestive3 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive3.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive4 .avatar-holder {
    animation-delay: -0.4s; }
  .viewport.v-city .gnome.gnome-gnomefestive4 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive4.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive5 .avatar-holder {
    animation-delay: -0.5s; }
  .viewport.v-city .gnome.gnome-gnomefestive5 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive5.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive6 .avatar-holder {
    animation-delay: -0.6s; }
  .viewport.v-city .gnome.gnome-gnomefestive6 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive6.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive7 .avatar-holder {
    animation-delay: -0.7s; }
  .viewport.v-city .gnome.gnome-gnomefestive7 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive7.gif); }
  .viewport.v-city .gnome.gnome-gnomefestive8 .avatar-holder {
    animation-delay: -0.05s; }
  .viewport.v-city .gnome.gnome-gnomefestive8 .avatar {
    background-image: url(/images/avatars/gnomes/gnome-festive8.gif); }
  .viewport.v-city .gnome.gnome-gnomecorpo .avatar-holder {
    animation-delay: -0.15s; }
  .viewport.v-city .gnome.gnome-gnomecorpo .avatar {
    background-image: url(/images/avatars/gnomes/gnome-corpo.gif); }
  .viewport.v-city .gnome.gnome-gnomeemcee .avatar-holder {
    animation-delay: -0.25s; }
  .viewport.v-city .gnome.gnome-gnomeemcee .avatar {
    background-image: url(/images/avatars/gnomes/gnome-emcee.gif); }
  .viewport.v-city .gnome.gnome-gnomehacker .avatar-holder {
    animation-delay: -0.35s; }
  .viewport.v-city .gnome.gnome-gnomehacker .avatar {
    background-image: url(/images/avatars/gnomes/gnome-hacker.gif); }
  .viewport.v-city .gnome.gnome-gnomehooligan .avatar-holder {
    animation-delay: -0.45s; }
  .viewport.v-city .gnome.gnome-gnomehooligan .avatar {
    background-image: url(/images/avatars/gnomes/gnome-hooligan.gif);
    width: 121px; }
  .viewport.v-city .gnome.gnome-gnomevandal .avatar-holder {
    animation-delay: -0.55s; }
  .viewport.v-city .gnome.gnome-gnomevandal .avatar {
    background-image: url(/images/avatars/gnomes/gnome-vandal.gif); }
  .viewport.v-city .gnome.gnome-gnomeelder .avatar-holder {
    animation-delay: -0.65s; }
  .viewport.v-city .gnome.gnome-gnomeelder .avatar {
    background-image: url(/images/avatars/gnomes/gnome-elder.gif); }
  .viewport.v-city .gnome.gnome-gnomesteamymcsteamface .avatar-holder {
    animation-delay: -0.75s; }
  .viewport.v-city .gnome.gnome-gnomesteamymcsteamface .avatar {
    background-image: url(/images/avatars/gnomes/gnome-steamymcsteamface.gif); }
  .viewport.v-city .gnome.gnome-gnometerminator .avatar-holder {
    animation-delay: -0.12s; }
  .viewport.v-city .gnome.gnome-gnometerminator .avatar {
    background-image: url(/images/avatars/gnomes/gnome-terminator.gif); }
  .viewport.v-city .gnome.gnome-gnometroll .avatar-holder {
    animation-delay: -0.22s; }
  .viewport.v-city .gnome.gnome-gnometroll .avatar {
    background-image: url(/images/avatars/gnomes/gnome-troll.gif); }

.viewport.v-city .townhall_top_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(2500px, -400px, 1300px) rotateX(90deg);
  perspective: 10000000px;
  pointer-events: none; }
  .viewport.v-city .townhall_top_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .townhall_top_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .townhall_top_0000_parent .wall-section-0 {
    width: 1308px;
    height: 1020px;
    transform-origin: top left;
    transform: translate3d(-485px, -300px, 620px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/townhall_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .townhall_top_0000_parent .wall-section-1 {
    width: 900px;
    height: 1020px;
    transform-origin: top left;
    transform: translate3d(820px, -300px, 620px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/townhall_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .townhall_top_0000_parent .wall-section-2 {
    width: 1600px;
    height: 1300px;
    transform-origin: top left;
    transform: translate3d(-505px, 600px, 900px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/townhall_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .townhall_top_0000_parent .wall-section-3 {
    width: 900px;
    height: 1020px;
    transform-origin: top left;
    transform: translate3d(-330px, 600px, 620px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/townhall_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .townhall_top_0000_parent .top-face {
    width: 1150px;
    height: 900px;
    left: -330px;
    top: -300px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(0, 0, 450px) rotateX(0deg) rotateZ(0deg);
    background-image: url("/images/buildings/townhall_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .retroshop_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(3700px, 0px, 1500px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-city .retroshop_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .retroshop_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .retroshop_0000_parent .wall-section-0 {
    width: 1100px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(-30px, -500px, 400px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/retroshop_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .retroshop_0000_parent .wall-section-1 {
    width: 1000px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(1070px, -500px, 400px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/retroshop_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .retroshop_0000_parent .wall-section-2 {
    width: 1100px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(-30px, 500px, 400px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/retroshop_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .retroshop_0000_parent .wall-section-3 {
    width: 1000px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(-30px, 500px, 400px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background-image: url("/images/buildings/retroshop_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .retroshop_0000_parent .top-face {
    width: 1100px;
    height: 1000px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-30px, -500px, 390px) rotateX(0deg) rotateZ(0deg);
    background-image: url("/images/buildings/retroshop_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .hotel_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(6000px, 0px, 1400px) rotateX(90deg) rotateZ(-90deg);
  perspective: 10000000px;
  pointer-events: none; }
  .viewport.v-city .hotel_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .hotel_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .hotel_0000_parent .wall-section-0 {
    width: 800px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(300px, 100px, 1350px) rotateZ(180deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_0000_parent .wall-section-1 {
    width: 600px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(300px, 700px, 1350px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_0000_parent .wall-section-2 {
    width: 800px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-500px, 700px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_0000_parent .wall-section-3 {
    width: 600px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-500px, 100px, 1350px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_0000_parent .top-face {
    width: 800px;
    height: 600px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-500px, 100px, 1150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/hotel_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .hotel_tower1_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(6000px, 0px, 1400px) rotateX(90deg) rotateZ(-90deg);
  perspective: 10000000px;
  pointer-events: none; }
  .viewport.v-city .hotel_tower1_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .hotel_tower1_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .hotel_tower1_0000_parent .wall-section-0 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-700px, -300px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower1_0000_parent .wall-section-1 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-300px, -300px, 1350px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower1_0000_parent .wall-section-2 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-700px, 100px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower1_0000_parent .wall-section-3 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-700px, 100px, 1350px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower1_0000_parent .top-face {
    width: 400px;
    height: 400px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-700px, -300px, 1150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/hotel_tower_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .hotel_tower2_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(6000px, 0px, 1400px) rotateX(90deg) rotateZ(-90deg);
  perspective: 10000000px;
  pointer-events: none; }
  .viewport.v-city .hotel_tower2_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .hotel_tower2_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .hotel_tower2_0000_parent .wall-section-0 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(100px, -300px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower2_0000_parent .wall-section-1 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(500px, -300px, 1350px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower2_0000_parent .wall-section-2 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(100px, 100px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower2_0000_parent .wall-section-3 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(100px, 100px, 1350px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower2_0000_parent .top-face {
    width: 400px;
    height: 400px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(100px, -300px, 1150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/hotel_tower_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .hotel_tower3_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(7000px, 0px, 1400px) rotateX(90deg) rotateZ(-90deg);
  perspective: 10000000px;
  pointer-events: none; }
  .viewport.v-city .hotel_tower3_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .hotel_tower3_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .hotel_tower3_0000_parent .wall-section-0 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-700px, -300px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower3_0000_parent .wall-section-1 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-300px, -300px, 1350px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower3_0000_parent .wall-section-2 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-700px, 100px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower3_0000_parent .wall-section-3 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(-700px, 100px, 1350px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower3_0000_parent .top-face {
    width: 400px;
    height: 400px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-700px, -300px, 1150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/hotel_tower_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .hotel_tower4_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(7000px, 0px, 1400px) rotateX(90deg) rotateZ(-90deg);
  perspective: 10000000px;
  pointer-events: none; }
  .viewport.v-city .hotel_tower4_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .hotel_tower4_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .hotel_tower4_0000_parent .wall-section-0 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(100px, -300px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower4_0000_parent .wall-section-1 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(500px, -300px, 1350px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower4_0000_parent .wall-section-2 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(100px, 100px, 1350px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower4_0000_parent .wall-section-3 {
    width: 401px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(100px, 100px, 1350px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/hotel_tower.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .hotel_tower4_0000_parent .top-face {
    width: 400px;
    height: 400px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(100px, -300px, 1150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/hotel_tower_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .sasabune_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(9190px, -450px, 1500px) rotateX(-90deg);
  pointer-events: none; }
  .viewport.v-city .sasabune_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .sasabune_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .sasabune_0000_parent .wall-section-0 {
    width: 1000px;
    height: 450px;
    transform-origin: top left;
    transform: translate3d(-150px, -300px, 0px) rotateZ(0deg) rotateX(90deg);
    background: none;
    background-image: url("/images/buildings/sasabune_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .sasabune_0000_parent .wall-section-1 {
    width: 800px;
    height: 450px;
    transform-origin: top left;
    transform: translate3d(775px, -300px, 0px) rotateZ(90deg) rotateX(90deg);
    background: none;
    background-image: url("/images/buildings/sasabune_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .sasabune_0000_parent .wall-section-2 {
    width: 930px;
    height: 450px;
    transform-origin: top left;
    transform: translate3d(775px, 500px, 0px) rotateZ(180deg) rotateX(90deg);
    background: none;
    background-image: url("/images/buildings/sasabune_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .sasabune_0000_parent .wall-section-3 {
    width: 800px;
    height: 450px;
    transform-origin: top left;
    transform: translate3d(-150px, 500px, 0px) rotateZ(-90deg) rotateX(90deg);
    background: none;
    background-image: url("/images/buildings/sasabune_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .sasabune_0000_parent .top-face {
    width: 930px;
    height: 800px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-150px, -300px, 0px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/sasabune_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .apartments_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(2600px, 0px, 3800px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-city .apartments_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .apartments_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .apartments_0000_parent .wall-section-0 {
    width: 900px;
    height: 1200px;
    transform-origin: top left;
    transform: translate3d(-400px, -500px, 1200px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/apartments_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .apartments_0000_parent .wall-section-1 {
    width: 600px;
    height: 1200px;
    transform-origin: top left;
    transform: translate3d(500px, -500px, 1200px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/apartments_right.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .apartments_0000_parent .wall-section-2 {
    width: 900px;
    height: 1350px;
    transform-origin: top left;
    transform: translate3d(500px, 100px, 1350px) rotateZ(180deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/apartments_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .apartments_0000_parent .wall-section-3 {
    width: 600px;
    height: 1200px;
    transform-origin: top left;
    transform: translate3d(-400px, 100px, 1200px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/apartments_left.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .apartments_0000_parent .top-face {
    width: 900px;
    height: 600px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-400px, -500px, 1150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/apartments_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .convenience_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(3700px, 0px, 3800px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-city .convenience_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .convenience_0000_parent .building-face.top {
      opacity: 1;
      pointer-events: none; }
  .viewport.v-city .convenience_0000_parent .wall-section-0 {
    width: 900px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(-100px, -400px, 400px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/convenience_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .convenience_0000_parent .wall-section-1 {
    width: 700px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(800px, -400px, 400px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/convenience_right.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .convenience_0000_parent .wall-section-2 {
    width: 900px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(-100px, 300px, 400px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/convenience_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .convenience_0000_parent .wall-section-3 {
    width: 700px;
    height: 400px;
    transform-origin: top left;
    transform: translate3d(-100px, -400px, 400px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/convenience_left.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .convenience_0000_parent .top-face {
    width: 900px;
    height: 700px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(-100px, -400px, 375px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/convenience_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .datacenter_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(6400px, 0px, 3500px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-city .datacenter_0000_parent .building-face {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .datacenter_0000_parent .building-face.top {
      pointer-events: none; }
  .viewport.v-city .datacenter_0000_parent .wall-section-0 {
    width: 1400px;
    height: 800px;
    transform-origin: top left;
    transform: translate3d(1300px, -400px, 800px) rotateZ(180deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_0000_parent .wall-section-1 {
    width: 1001px;
    height: 800px;
    transform-origin: top left;
    transform: translate3d(1300px, 600px, 800px) rotateZ(270deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_right.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_0000_parent .wall-section-2 {
    width: 1401px;
    height: 800px;
    transform-origin: top left;
    transform: translate3d(-100px, 600px, 800px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_0000_parent .wall-section-3 {
    width: 1001px;
    height: 800px;
    transform-origin: top left;
    transform: translate3d(-100px, -400px, 800px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_left.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_0000_parent .top-face {
    width: 1401px;
    height: 1000px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(1300px, 600px, 780px) rotateX(180deg) rotateY(180deg);
    background: none;
    background-image: url("/images/buildings/datacenter_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.v-city .datacenter_shack_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(5850px, 0px, 3200px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-city .datacenter_shack_0000_parent .building-face {
    position: absolute;
    background: rgba(120, 245, 220, 0.8);
    opacity: 1;
    pointer-events: none; }
    .viewport.v-city .datacenter_shack_0000_parent .building-face.top {
      pointer-events: none; }
  .viewport.v-city .datacenter_shack_0000_parent .wall-section-0 {
    width: 201px;
    height: 300px;
    transform-origin: top left;
    transform: translate3d(-100px, -100px, 300px) rotateZ(0deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_shack_rear.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_shack_0000_parent .wall-section-1 {
    width: 301px;
    height: 300px;
    transform-origin: top left;
    transform: translate3d(100px, -100px, 300px) rotateZ(90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_shack_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_shack_0000_parent .wall-section-2 {
    width: 201px;
    height: 300px;
    transform-origin: top left;
    transform: translate3d(100px, 200px, 300px) rotateZ(180deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_shack_front.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_shack_0000_parent .wall-section-3 {
    width: 301px;
    height: 300px;
    transform-origin: top left;
    transform: translate3d(-100px, 200px, 300px) rotateZ(-90deg) rotateX(90deg) scaleY(-1);
    background: none;
    background-image: url("/images/buildings/datacenter_shack_side.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .datacenter_shack_0000_parent .top-face {
    width: 200px;
    height: 300px;
    position: absolute;
    transform-origin: center;
    transform: translate3d(-100px, -100px, 290px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/datacenter_roof.png");
    background-size: cover;
    background-position: right; }

.viewport.v-city .booth {
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: top left;
  pointer-events: none; }
  .viewport.v-city .booth.microsoft {
    transform: translate3d(194px, 0px, 4676px) rotateY(20deg); }
    .viewport.v-city .booth.microsoft .banner {
      background-image: url(/images/booth-banner-microsoft.png); }
    .viewport.v-city .booth.microsoft .front {
      background-image: url(/images/booth-front-microsoft.png);
      background-position: 0; }
    .viewport.v-city .booth.microsoft .top {
      background-image: url(/images/booth-top-microsoft.png);
      background-position: 0; }
    .viewport.v-city .booth.microsoft .left-side {
      background-image: url(/images/booth-left-microsoft.png);
      background-position: 0; }
    .viewport.v-city .booth.microsoft .right-side {
      background-image: url(/images/booth-right-microsoft.png);
      background-position: 0; }
  .viewport.v-city .booth.sans {
    transform: translate3d(415px, 0px, 4610px); }
    .viewport.v-city .booth.sans .banner {
      background-image: url(/images/booth-banner-sans.png); }
    .viewport.v-city .booth.sans .front {
      background-image: url(/images/booth-front-sans.png);
      background-position: 0; }
    .viewport.v-city .booth.sans .top {
      background-image: url(/images/booth-top-sans.png);
      background-position: 0; }
    .viewport.v-city .booth.sans .left-side {
      background-image: url(/images/booth-left-sans.png);
      background-position: 0; }
    .viewport.v-city .booth.sans .right-side {
      background-image: url(/images/booth-right-sans.png);
      background-position: 0; }
  .viewport.v-city .booth.rsac {
    transform: translate3d(635px, 0px, 4610px); }
    .viewport.v-city .booth.rsac .banner {
      background-image: url(/images/booth-banner-rsa.jpg); }
    .viewport.v-city .booth.rsac .front {
      background-image: url(/images/booth-front-rsa.jpg);
      background-position: 0; }
    .viewport.v-city .booth.rsac .top {
      background-image: url(/images/booth-top-rsa.jpg);
      background-position: 0; }
    .viewport.v-city .booth.rsac .left-side {
      background-image: url(/images/booth-left-rsa.jpg);
      background-position: 0; }
    .viewport.v-city .booth.rsac .right-side {
      background-image: url(/images/booth-right-rsa.jpg);
      background-position: 0; }
  .viewport.v-city .booth.swag {
    transform: translate3d(854px, 0px, 4610px); }
    .viewport.v-city .booth.swag .banner {
      background-image: url(/images/booth-banner-swag.png); }
    .viewport.v-city .booth.swag .front {
      background-image: url(/images/booth-table-swag.png); }
    .viewport.v-city .booth.swag .top {
      background-image: url(/images/booth-table-swag.png); }
    .viewport.v-city .booth.swag .left-side {
      background-image: url(/images/booth-table-swag.png); }
    .viewport.v-city .booth.swag .right-side {
      background-image: url(/images/booth-table-swag.png); }
  .viewport.v-city .booth.google {
    transform: translate3d(1070px, 0px, 4610px) rotateY(-20deg); }
    .viewport.v-city .booth.google .banner {
      background-image: url(/images/booth-banner-google.png); }
    .viewport.v-city .booth.google .front {
      background-image: url(/images/booth-table-google.png); }
    .viewport.v-city .booth.google .top {
      background-image: url(/images/booth-table-google.png); }
    .viewport.v-city .booth.google .left-side {
      background-image: url(/images/booth-table-google.png); }
    .viewport.v-city .booth.google .right-side {
      background-image: url(/images/booth-table-google.png); }
  .viewport.v-city .booth > * {
    position: absolute;
    transform-style: preserve-3d;
    transform-origin: top left; }
  .viewport.v-city .booth .front {
    width: 186px;
    height: 63px;
    background: blue;
    transform: translate3d(7px, -63px, 75px);
    background-position: -75px -75px; }
  .viewport.v-city .booth .top {
    width: 188px;
    height: 75px;
    background-position: -75px 0px;
    transform: translate3d(7px, -63px, 0px) rotateX(90deg); }
  .viewport.v-city .booth .right-side {
    background-position: -261px -75px;
    transform: translate3d(193px, -63px, 75px) rotateY(90deg);
    width: 75px;
    height: 63px; }
  .viewport.v-city .booth .left-side {
    background-position: 0px -75px;
    transform: translate3d(7px, -63px, 0px) rotateY(-90deg);
    width: 75px;
    height: 63px; }
  .viewport.v-city .booth .banner {
    width: 200px;
    height: 175px;
    background: yellow;
    transform: translate3d(0px, -175px, -85px); }

.viewport.v-city .train_entrance_0000_parent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate3d(101px, 0px, 1630px) rotateX(90deg);
  pointer-events: none; }
  .viewport.v-city .train_entrance_0000_parent .building-face {
    position: absolute;
    pointer-events: none; }
    .viewport.v-city .train_entrance_0000_parent .building-face.top {
      pointer-events: none; }
  .viewport.v-city .train_entrance_0000_parent .wall-section-0 {
    width: 160px;
    height: 150px;
    transform-origin: bottom left;
    transform: translate3d(-100px, 190px, 0px) rotateZ(90deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/train_entrance_1.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .train_entrance_0000_parent .wall-section-1 {
    width: 200px;
    height: 150px;
    transform-origin: bottom left;
    transform: translate3d(100px, 190px, 0px) rotateZ(0deg) rotateX(-90deg) rotateY(180deg);
    background: none;
    background-image: url("/images/buildings/train_entrance_wall_1.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .train_entrance_0000_parent .wall-section-2 {
    width: 160px;
    height: 150px;
    transform-origin: bottom left;
    transform: translate3d(100px, 350px, 0px) rotateZ(-90deg) rotateX(-90deg);
    background: none;
    background-image: url("/images/buildings/train_entrance_1.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .train_entrance_0000_parent .wall-section-3 {
    width: 200px;
    height: 150px;
    transform-origin: bottom left;
    transform: translate3d(-100px, 350px, 0px) rotateZ(180deg) rotateX(-90deg) rotateY(180deg);
    background: none;
    background-image: url("/images/buildings/train_entrance_wall_1.png");
    background-size: cover;
    background-position: center; }
  .viewport.v-city .train_entrance_0000_parent .top-face {
    width: 200px;
    height: 160px;
    left: -100px;
    top: -350px;
    position: absolute;
    transform-origin: top left;
    transform: translate3d(0, 690px, 150px) rotateX(0deg) rotateZ(0deg);
    background: none;
    background-image: url("/images/buildings/train_entrance_roof.png");
    background-size: cover;
    background-position: center; }

.viewport.curtain .glowy {
  transition: none !important; }

.viewport000.closing {
  transition: filter 0.25s;
  filter: brightness(0); }
  .viewport000.closing .xcam,
  .viewport000.closing .ycam,
  .viewport000.closing .zcam {
    transition: transform 999s !important; }
  .viewport000.closing .ent.me .xpos,
  .viewport000.closing .ent.me .ypos,
  .viewport000.closing .ent.me .zpos {
    transition: transform 999s !important; }
  .viewport000.closing .glowy {
    transition: none !important; }

.viewport000.curtain {
  filter: brightness(0.1); }
  .viewport000.curtain .xcam,
  .viewport000.curtain .ycam,
  .viewport000.curtain .zcam {
    transition: none !important; }
  .viewport000.curtain .ent.me .xpos,
  .viewport000.curtain .ent.me .ypos,
  .viewport000.curtain .ent.me .zpos {
    transition: none !important; }
  .viewport000.curtain .glowy {
    transition: none !important; }

.viewport000.open {
  transition: filter 0.5s 0.5s; }
  .viewport000.open .glowy {
    transition: none !important; }

.icicle-15 {
  width: 43px;
  height: 268px;
  background: url(/images/icicle-15.png);
  position: absolute;
  transform-origin: top left; }

.christmas-tree {
  width: 232px;
  height: 436px;
  position: absolute;
  transform-origin: top left; }
  .christmas-tree .tree-bit {
    width: 232px;
    height: 436px;
    background: url(/images/christmas-tree.png);
    position: absolute;
    transform-origin: top left;
    z-index: -1; }
  .christmas-tree .strand {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    white-space: pre-wrap;
    font-size: 2em; }
    .christmas-tree .strand.two {
      top: -5px;
      left: 0px; }
    .christmas-tree .strand.three {
      top: 13px;
      left: 10px; }

@keyframes glowFlicker {
  from {
    opacity: 0.6; }
  5% {
    opacity: 0.7; }
  10% {
    opacity: 0.5; }
  15% {
    opacity: 0.8; }
  25% {
    opacity: 0.6; }
  29% {
    opacity: 0.7; }
  35% {
    opacity: 0.7; }
  45% {
    opacity: 0.5; }
  49% {
    opacity: 0.43; }
  58% {
    opacity: 0.6; }
  63% {
    opacity: 0.7; }
  75% {
    opacity: 0.8; }
  85% {
    opacity: 0.6; }
  90% {
    opacity: 0.5; }
  95% {
    opacity: 0.7; }
  to {
    opacity: 0.7; } }

@keyframes lockGlow {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes bob {
  from {
    margin-top: 0px; }
  to {
    margin-top: -10px; } }

.thats-mah-boat {
  width: 550px;
  height: 506px;
  position: absolute;
  background: url(/images/ship.png) no-repeat; }
  .thats-mah-boat .boat-clicker {
    pointer-events: all !important;
    cursor: pointer;
    position: absolute;
    width: 400px;
    height: 132px;
    top: 370px;
    left: 140px; }
  .thats-mah-boat.staging, .thats-mah-boat.stagingreturn {
    transform: translate3d(5212px, -506px, 2310px) scaleX(-1); }
  .thats-mah-boat.ci-frostysbeach {
    transform: translate3d(5212px, -506px, 2310px) scaleX(-1); }
  .thats-mah-boat.ci-rudolphsrest {
    transform: translate3d(4750px, -506px, 4400px); }
  .thats-mah-boat.imt-scaredykiteheights {
    transform: translate3d(931px, -506px, 3256px) scaleX(-1); }
  .thats-mah-boat.imt-tarnishedtrove {
    transform: translate3d(5410px, -506px, 9550px); }
  .thats-mah-boat.imt-squarewheelyard {
    transform: translate3d(5740px, -506px, -50px) scaleX(-1); }
  .thats-mah-boat.fni-chiaroscurocity {
    transform: translate3d(5200px, -506px, 6850px); }
  .thats-mah-boat.fni-theblacklightdistrict {
    transform: translate3d(531px, -506px, 2950px); }
  .thats-mah-boat.pi-rainrastercliffs {
    transform: translate3d(20px, 0px, 2480px) scaleX(-1) rotateX(90deg); }
  .thats-mah-boat.pi-driftbitgrotto {
    transform: translate3d(1980px, -311px, 1893px) scaleX(-1) rotateX(90deg); }
  .thats-mah-boat.spi-brassbouyport {
    transform: translate3d(4730px, -506px, 1370px); }
  .thats-mah-boat.spi-rustyquay {
    transform: translate3d(120px, -506px, 2860px) scaleX(-1); }
  .thats-mah-boat.spi-coggogglemarina {
    transform: translate3d(2300px, -506px, 430px) scaleX(-1); }
  .thats-mah-boat.si-capecosmic {
    transform: translate3d(7420px, -506px, 3900px) scaleX(-1); }
  .thats-mah-boat.si-spaceportpoint {
    transform: translate3d(3170px, -506px, 4880px) scaleX(-1); }

.scenery {
  position: absolute;
  display: block;
  transform-style: preserve-3d;
  transition: transform .5s, opacity 1s; }
  .scenery .x-150 {
    transform: translateX(-14950px); }
  .scenery .y-150 {
    transform: translateY(-3750px); }
  .scenery .z-150 {
    transform: translateZ(-14950px); }
  .scenery .x-149 {
    transform: translateX(-14850px); }
  .scenery .y-149 {
    transform: translateY(-3725px); }
  .scenery .z-149 {
    transform: translateZ(-14850px); }
  .scenery .x-148 {
    transform: translateX(-14750px); }
  .scenery .y-148 {
    transform: translateY(-3700px); }
  .scenery .z-148 {
    transform: translateZ(-14750px); }
  .scenery .x-147 {
    transform: translateX(-14650px); }
  .scenery .y-147 {
    transform: translateY(-3675px); }
  .scenery .z-147 {
    transform: translateZ(-14650px); }
  .scenery .x-146 {
    transform: translateX(-14550px); }
  .scenery .y-146 {
    transform: translateY(-3650px); }
  .scenery .z-146 {
    transform: translateZ(-14550px); }
  .scenery .x-145 {
    transform: translateX(-14450px); }
  .scenery .y-145 {
    transform: translateY(-3625px); }
  .scenery .z-145 {
    transform: translateZ(-14450px); }
  .scenery .x-144 {
    transform: translateX(-14350px); }
  .scenery .y-144 {
    transform: translateY(-3600px); }
  .scenery .z-144 {
    transform: translateZ(-14350px); }
  .scenery .x-143 {
    transform: translateX(-14250px); }
  .scenery .y-143 {
    transform: translateY(-3575px); }
  .scenery .z-143 {
    transform: translateZ(-14250px); }
  .scenery .x-142 {
    transform: translateX(-14150px); }
  .scenery .y-142 {
    transform: translateY(-3550px); }
  .scenery .z-142 {
    transform: translateZ(-14150px); }
  .scenery .x-141 {
    transform: translateX(-14050px); }
  .scenery .y-141 {
    transform: translateY(-3525px); }
  .scenery .z-141 {
    transform: translateZ(-14050px); }
  .scenery .x-140 {
    transform: translateX(-13950px); }
  .scenery .y-140 {
    transform: translateY(-3500px); }
  .scenery .z-140 {
    transform: translateZ(-13950px); }
  .scenery .x-139 {
    transform: translateX(-13850px); }
  .scenery .y-139 {
    transform: translateY(-3475px); }
  .scenery .z-139 {
    transform: translateZ(-13850px); }
  .scenery .x-138 {
    transform: translateX(-13750px); }
  .scenery .y-138 {
    transform: translateY(-3450px); }
  .scenery .z-138 {
    transform: translateZ(-13750px); }
  .scenery .x-137 {
    transform: translateX(-13650px); }
  .scenery .y-137 {
    transform: translateY(-3425px); }
  .scenery .z-137 {
    transform: translateZ(-13650px); }
  .scenery .x-136 {
    transform: translateX(-13550px); }
  .scenery .y-136 {
    transform: translateY(-3400px); }
  .scenery .z-136 {
    transform: translateZ(-13550px); }
  .scenery .x-135 {
    transform: translateX(-13450px); }
  .scenery .y-135 {
    transform: translateY(-3375px); }
  .scenery .z-135 {
    transform: translateZ(-13450px); }
  .scenery .x-134 {
    transform: translateX(-13350px); }
  .scenery .y-134 {
    transform: translateY(-3350px); }
  .scenery .z-134 {
    transform: translateZ(-13350px); }
  .scenery .x-133 {
    transform: translateX(-13250px); }
  .scenery .y-133 {
    transform: translateY(-3325px); }
  .scenery .z-133 {
    transform: translateZ(-13250px); }
  .scenery .x-132 {
    transform: translateX(-13150px); }
  .scenery .y-132 {
    transform: translateY(-3300px); }
  .scenery .z-132 {
    transform: translateZ(-13150px); }
  .scenery .x-131 {
    transform: translateX(-13050px); }
  .scenery .y-131 {
    transform: translateY(-3275px); }
  .scenery .z-131 {
    transform: translateZ(-13050px); }
  .scenery .x-130 {
    transform: translateX(-12950px); }
  .scenery .y-130 {
    transform: translateY(-3250px); }
  .scenery .z-130 {
    transform: translateZ(-12950px); }
  .scenery .x-129 {
    transform: translateX(-12850px); }
  .scenery .y-129 {
    transform: translateY(-3225px); }
  .scenery .z-129 {
    transform: translateZ(-12850px); }
  .scenery .x-128 {
    transform: translateX(-12750px); }
  .scenery .y-128 {
    transform: translateY(-3200px); }
  .scenery .z-128 {
    transform: translateZ(-12750px); }
  .scenery .x-127 {
    transform: translateX(-12650px); }
  .scenery .y-127 {
    transform: translateY(-3175px); }
  .scenery .z-127 {
    transform: translateZ(-12650px); }
  .scenery .x-126 {
    transform: translateX(-12550px); }
  .scenery .y-126 {
    transform: translateY(-3150px); }
  .scenery .z-126 {
    transform: translateZ(-12550px); }
  .scenery .x-125 {
    transform: translateX(-12450px); }
  .scenery .y-125 {
    transform: translateY(-3125px); }
  .scenery .z-125 {
    transform: translateZ(-12450px); }
  .scenery .x-124 {
    transform: translateX(-12350px); }
  .scenery .y-124 {
    transform: translateY(-3100px); }
  .scenery .z-124 {
    transform: translateZ(-12350px); }
  .scenery .x-123 {
    transform: translateX(-12250px); }
  .scenery .y-123 {
    transform: translateY(-3075px); }
  .scenery .z-123 {
    transform: translateZ(-12250px); }
  .scenery .x-122 {
    transform: translateX(-12150px); }
  .scenery .y-122 {
    transform: translateY(-3050px); }
  .scenery .z-122 {
    transform: translateZ(-12150px); }
  .scenery .x-121 {
    transform: translateX(-12050px); }
  .scenery .y-121 {
    transform: translateY(-3025px); }
  .scenery .z-121 {
    transform: translateZ(-12050px); }
  .scenery .x-120 {
    transform: translateX(-11950px); }
  .scenery .y-120 {
    transform: translateY(-3000px); }
  .scenery .z-120 {
    transform: translateZ(-11950px); }
  .scenery .x-119 {
    transform: translateX(-11850px); }
  .scenery .y-119 {
    transform: translateY(-2975px); }
  .scenery .z-119 {
    transform: translateZ(-11850px); }
  .scenery .x-118 {
    transform: translateX(-11750px); }
  .scenery .y-118 {
    transform: translateY(-2950px); }
  .scenery .z-118 {
    transform: translateZ(-11750px); }
  .scenery .x-117 {
    transform: translateX(-11650px); }
  .scenery .y-117 {
    transform: translateY(-2925px); }
  .scenery .z-117 {
    transform: translateZ(-11650px); }
  .scenery .x-116 {
    transform: translateX(-11550px); }
  .scenery .y-116 {
    transform: translateY(-2900px); }
  .scenery .z-116 {
    transform: translateZ(-11550px); }
  .scenery .x-115 {
    transform: translateX(-11450px); }
  .scenery .y-115 {
    transform: translateY(-2875px); }
  .scenery .z-115 {
    transform: translateZ(-11450px); }
  .scenery .x-114 {
    transform: translateX(-11350px); }
  .scenery .y-114 {
    transform: translateY(-2850px); }
  .scenery .z-114 {
    transform: translateZ(-11350px); }
  .scenery .x-113 {
    transform: translateX(-11250px); }
  .scenery .y-113 {
    transform: translateY(-2825px); }
  .scenery .z-113 {
    transform: translateZ(-11250px); }
  .scenery .x-112 {
    transform: translateX(-11150px); }
  .scenery .y-112 {
    transform: translateY(-2800px); }
  .scenery .z-112 {
    transform: translateZ(-11150px); }
  .scenery .x-111 {
    transform: translateX(-11050px); }
  .scenery .y-111 {
    transform: translateY(-2775px); }
  .scenery .z-111 {
    transform: translateZ(-11050px); }
  .scenery .x-110 {
    transform: translateX(-10950px); }
  .scenery .y-110 {
    transform: translateY(-2750px); }
  .scenery .z-110 {
    transform: translateZ(-10950px); }
  .scenery .x-109 {
    transform: translateX(-10850px); }
  .scenery .y-109 {
    transform: translateY(-2725px); }
  .scenery .z-109 {
    transform: translateZ(-10850px); }
  .scenery .x-108 {
    transform: translateX(-10750px); }
  .scenery .y-108 {
    transform: translateY(-2700px); }
  .scenery .z-108 {
    transform: translateZ(-10750px); }
  .scenery .x-107 {
    transform: translateX(-10650px); }
  .scenery .y-107 {
    transform: translateY(-2675px); }
  .scenery .z-107 {
    transform: translateZ(-10650px); }
  .scenery .x-106 {
    transform: translateX(-10550px); }
  .scenery .y-106 {
    transform: translateY(-2650px); }
  .scenery .z-106 {
    transform: translateZ(-10550px); }
  .scenery .x-105 {
    transform: translateX(-10450px); }
  .scenery .y-105 {
    transform: translateY(-2625px); }
  .scenery .z-105 {
    transform: translateZ(-10450px); }
  .scenery .x-104 {
    transform: translateX(-10350px); }
  .scenery .y-104 {
    transform: translateY(-2600px); }
  .scenery .z-104 {
    transform: translateZ(-10350px); }
  .scenery .x-103 {
    transform: translateX(-10250px); }
  .scenery .y-103 {
    transform: translateY(-2575px); }
  .scenery .z-103 {
    transform: translateZ(-10250px); }
  .scenery .x-102 {
    transform: translateX(-10150px); }
  .scenery .y-102 {
    transform: translateY(-2550px); }
  .scenery .z-102 {
    transform: translateZ(-10150px); }
  .scenery .x-101 {
    transform: translateX(-10050px); }
  .scenery .y-101 {
    transform: translateY(-2525px); }
  .scenery .z-101 {
    transform: translateZ(-10050px); }
  .scenery .x-100 {
    transform: translateX(-9950px); }
  .scenery .y-100 {
    transform: translateY(-2500px); }
  .scenery .z-100 {
    transform: translateZ(-9950px); }
  .scenery .x-99 {
    transform: translateX(-9850px); }
  .scenery .y-99 {
    transform: translateY(-2475px); }
  .scenery .z-99 {
    transform: translateZ(-9850px); }
  .scenery .x-98 {
    transform: translateX(-9750px); }
  .scenery .y-98 {
    transform: translateY(-2450px); }
  .scenery .z-98 {
    transform: translateZ(-9750px); }
  .scenery .x-97 {
    transform: translateX(-9650px); }
  .scenery .y-97 {
    transform: translateY(-2425px); }
  .scenery .z-97 {
    transform: translateZ(-9650px); }
  .scenery .x-96 {
    transform: translateX(-9550px); }
  .scenery .y-96 {
    transform: translateY(-2400px); }
  .scenery .z-96 {
    transform: translateZ(-9550px); }
  .scenery .x-95 {
    transform: translateX(-9450px); }
  .scenery .y-95 {
    transform: translateY(-2375px); }
  .scenery .z-95 {
    transform: translateZ(-9450px); }
  .scenery .x-94 {
    transform: translateX(-9350px); }
  .scenery .y-94 {
    transform: translateY(-2350px); }
  .scenery .z-94 {
    transform: translateZ(-9350px); }
  .scenery .x-93 {
    transform: translateX(-9250px); }
  .scenery .y-93 {
    transform: translateY(-2325px); }
  .scenery .z-93 {
    transform: translateZ(-9250px); }
  .scenery .x-92 {
    transform: translateX(-9150px); }
  .scenery .y-92 {
    transform: translateY(-2300px); }
  .scenery .z-92 {
    transform: translateZ(-9150px); }
  .scenery .x-91 {
    transform: translateX(-9050px); }
  .scenery .y-91 {
    transform: translateY(-2275px); }
  .scenery .z-91 {
    transform: translateZ(-9050px); }
  .scenery .x-90 {
    transform: translateX(-8950px); }
  .scenery .y-90 {
    transform: translateY(-2250px); }
  .scenery .z-90 {
    transform: translateZ(-8950px); }
  .scenery .x-89 {
    transform: translateX(-8850px); }
  .scenery .y-89 {
    transform: translateY(-2225px); }
  .scenery .z-89 {
    transform: translateZ(-8850px); }
  .scenery .x-88 {
    transform: translateX(-8750px); }
  .scenery .y-88 {
    transform: translateY(-2200px); }
  .scenery .z-88 {
    transform: translateZ(-8750px); }
  .scenery .x-87 {
    transform: translateX(-8650px); }
  .scenery .y-87 {
    transform: translateY(-2175px); }
  .scenery .z-87 {
    transform: translateZ(-8650px); }
  .scenery .x-86 {
    transform: translateX(-8550px); }
  .scenery .y-86 {
    transform: translateY(-2150px); }
  .scenery .z-86 {
    transform: translateZ(-8550px); }
  .scenery .x-85 {
    transform: translateX(-8450px); }
  .scenery .y-85 {
    transform: translateY(-2125px); }
  .scenery .z-85 {
    transform: translateZ(-8450px); }
  .scenery .x-84 {
    transform: translateX(-8350px); }
  .scenery .y-84 {
    transform: translateY(-2100px); }
  .scenery .z-84 {
    transform: translateZ(-8350px); }
  .scenery .x-83 {
    transform: translateX(-8250px); }
  .scenery .y-83 {
    transform: translateY(-2075px); }
  .scenery .z-83 {
    transform: translateZ(-8250px); }
  .scenery .x-82 {
    transform: translateX(-8150px); }
  .scenery .y-82 {
    transform: translateY(-2050px); }
  .scenery .z-82 {
    transform: translateZ(-8150px); }
  .scenery .x-81 {
    transform: translateX(-8050px); }
  .scenery .y-81 {
    transform: translateY(-2025px); }
  .scenery .z-81 {
    transform: translateZ(-8050px); }
  .scenery .x-80 {
    transform: translateX(-7950px); }
  .scenery .y-80 {
    transform: translateY(-2000px); }
  .scenery .z-80 {
    transform: translateZ(-7950px); }
  .scenery .x-79 {
    transform: translateX(-7850px); }
  .scenery .y-79 {
    transform: translateY(-1975px); }
  .scenery .z-79 {
    transform: translateZ(-7850px); }
  .scenery .x-78 {
    transform: translateX(-7750px); }
  .scenery .y-78 {
    transform: translateY(-1950px); }
  .scenery .z-78 {
    transform: translateZ(-7750px); }
  .scenery .x-77 {
    transform: translateX(-7650px); }
  .scenery .y-77 {
    transform: translateY(-1925px); }
  .scenery .z-77 {
    transform: translateZ(-7650px); }
  .scenery .x-76 {
    transform: translateX(-7550px); }
  .scenery .y-76 {
    transform: translateY(-1900px); }
  .scenery .z-76 {
    transform: translateZ(-7550px); }
  .scenery .x-75 {
    transform: translateX(-7450px); }
  .scenery .y-75 {
    transform: translateY(-1875px); }
  .scenery .z-75 {
    transform: translateZ(-7450px); }
  .scenery .x-74 {
    transform: translateX(-7350px); }
  .scenery .y-74 {
    transform: translateY(-1850px); }
  .scenery .z-74 {
    transform: translateZ(-7350px); }
  .scenery .x-73 {
    transform: translateX(-7250px); }
  .scenery .y-73 {
    transform: translateY(-1825px); }
  .scenery .z-73 {
    transform: translateZ(-7250px); }
  .scenery .x-72 {
    transform: translateX(-7150px); }
  .scenery .y-72 {
    transform: translateY(-1800px); }
  .scenery .z-72 {
    transform: translateZ(-7150px); }
  .scenery .x-71 {
    transform: translateX(-7050px); }
  .scenery .y-71 {
    transform: translateY(-1775px); }
  .scenery .z-71 {
    transform: translateZ(-7050px); }
  .scenery .x-70 {
    transform: translateX(-6950px); }
  .scenery .y-70 {
    transform: translateY(-1750px); }
  .scenery .z-70 {
    transform: translateZ(-6950px); }
  .scenery .x-69 {
    transform: translateX(-6850px); }
  .scenery .y-69 {
    transform: translateY(-1725px); }
  .scenery .z-69 {
    transform: translateZ(-6850px); }
  .scenery .x-68 {
    transform: translateX(-6750px); }
  .scenery .y-68 {
    transform: translateY(-1700px); }
  .scenery .z-68 {
    transform: translateZ(-6750px); }
  .scenery .x-67 {
    transform: translateX(-6650px); }
  .scenery .y-67 {
    transform: translateY(-1675px); }
  .scenery .z-67 {
    transform: translateZ(-6650px); }
  .scenery .x-66 {
    transform: translateX(-6550px); }
  .scenery .y-66 {
    transform: translateY(-1650px); }
  .scenery .z-66 {
    transform: translateZ(-6550px); }
  .scenery .x-65 {
    transform: translateX(-6450px); }
  .scenery .y-65 {
    transform: translateY(-1625px); }
  .scenery .z-65 {
    transform: translateZ(-6450px); }
  .scenery .x-64 {
    transform: translateX(-6350px); }
  .scenery .y-64 {
    transform: translateY(-1600px); }
  .scenery .z-64 {
    transform: translateZ(-6350px); }
  .scenery .x-63 {
    transform: translateX(-6250px); }
  .scenery .y-63 {
    transform: translateY(-1575px); }
  .scenery .z-63 {
    transform: translateZ(-6250px); }
  .scenery .x-62 {
    transform: translateX(-6150px); }
  .scenery .y-62 {
    transform: translateY(-1550px); }
  .scenery .z-62 {
    transform: translateZ(-6150px); }
  .scenery .x-61 {
    transform: translateX(-6050px); }
  .scenery .y-61 {
    transform: translateY(-1525px); }
  .scenery .z-61 {
    transform: translateZ(-6050px); }
  .scenery .x-60 {
    transform: translateX(-5950px); }
  .scenery .y-60 {
    transform: translateY(-1500px); }
  .scenery .z-60 {
    transform: translateZ(-5950px); }
  .scenery .x-59 {
    transform: translateX(-5850px); }
  .scenery .y-59 {
    transform: translateY(-1475px); }
  .scenery .z-59 {
    transform: translateZ(-5850px); }
  .scenery .x-58 {
    transform: translateX(-5750px); }
  .scenery .y-58 {
    transform: translateY(-1450px); }
  .scenery .z-58 {
    transform: translateZ(-5750px); }
  .scenery .x-57 {
    transform: translateX(-5650px); }
  .scenery .y-57 {
    transform: translateY(-1425px); }
  .scenery .z-57 {
    transform: translateZ(-5650px); }
  .scenery .x-56 {
    transform: translateX(-5550px); }
  .scenery .y-56 {
    transform: translateY(-1400px); }
  .scenery .z-56 {
    transform: translateZ(-5550px); }
  .scenery .x-55 {
    transform: translateX(-5450px); }
  .scenery .y-55 {
    transform: translateY(-1375px); }
  .scenery .z-55 {
    transform: translateZ(-5450px); }
  .scenery .x-54 {
    transform: translateX(-5350px); }
  .scenery .y-54 {
    transform: translateY(-1350px); }
  .scenery .z-54 {
    transform: translateZ(-5350px); }
  .scenery .x-53 {
    transform: translateX(-5250px); }
  .scenery .y-53 {
    transform: translateY(-1325px); }
  .scenery .z-53 {
    transform: translateZ(-5250px); }
  .scenery .x-52 {
    transform: translateX(-5150px); }
  .scenery .y-52 {
    transform: translateY(-1300px); }
  .scenery .z-52 {
    transform: translateZ(-5150px); }
  .scenery .x-51 {
    transform: translateX(-5050px); }
  .scenery .y-51 {
    transform: translateY(-1275px); }
  .scenery .z-51 {
    transform: translateZ(-5050px); }
  .scenery .x-50 {
    transform: translateX(-4950px); }
  .scenery .y-50 {
    transform: translateY(-1250px); }
  .scenery .z-50 {
    transform: translateZ(-4950px); }
  .scenery .x-49 {
    transform: translateX(-4850px); }
  .scenery .y-49 {
    transform: translateY(-1225px); }
  .scenery .z-49 {
    transform: translateZ(-4850px); }
  .scenery .x-48 {
    transform: translateX(-4750px); }
  .scenery .y-48 {
    transform: translateY(-1200px); }
  .scenery .z-48 {
    transform: translateZ(-4750px); }
  .scenery .x-47 {
    transform: translateX(-4650px); }
  .scenery .y-47 {
    transform: translateY(-1175px); }
  .scenery .z-47 {
    transform: translateZ(-4650px); }
  .scenery .x-46 {
    transform: translateX(-4550px); }
  .scenery .y-46 {
    transform: translateY(-1150px); }
  .scenery .z-46 {
    transform: translateZ(-4550px); }
  .scenery .x-45 {
    transform: translateX(-4450px); }
  .scenery .y-45 {
    transform: translateY(-1125px); }
  .scenery .z-45 {
    transform: translateZ(-4450px); }
  .scenery .x-44 {
    transform: translateX(-4350px); }
  .scenery .y-44 {
    transform: translateY(-1100px); }
  .scenery .z-44 {
    transform: translateZ(-4350px); }
  .scenery .x-43 {
    transform: translateX(-4250px); }
  .scenery .y-43 {
    transform: translateY(-1075px); }
  .scenery .z-43 {
    transform: translateZ(-4250px); }
  .scenery .x-42 {
    transform: translateX(-4150px); }
  .scenery .y-42 {
    transform: translateY(-1050px); }
  .scenery .z-42 {
    transform: translateZ(-4150px); }
  .scenery .x-41 {
    transform: translateX(-4050px); }
  .scenery .y-41 {
    transform: translateY(-1025px); }
  .scenery .z-41 {
    transform: translateZ(-4050px); }
  .scenery .x-40 {
    transform: translateX(-3950px); }
  .scenery .y-40 {
    transform: translateY(-1000px); }
  .scenery .z-40 {
    transform: translateZ(-3950px); }
  .scenery .x-39 {
    transform: translateX(-3850px); }
  .scenery .y-39 {
    transform: translateY(-975px); }
  .scenery .z-39 {
    transform: translateZ(-3850px); }
  .scenery .x-38 {
    transform: translateX(-3750px); }
  .scenery .y-38 {
    transform: translateY(-950px); }
  .scenery .z-38 {
    transform: translateZ(-3750px); }
  .scenery .x-37 {
    transform: translateX(-3650px); }
  .scenery .y-37 {
    transform: translateY(-925px); }
  .scenery .z-37 {
    transform: translateZ(-3650px); }
  .scenery .x-36 {
    transform: translateX(-3550px); }
  .scenery .y-36 {
    transform: translateY(-900px); }
  .scenery .z-36 {
    transform: translateZ(-3550px); }
  .scenery .x-35 {
    transform: translateX(-3450px); }
  .scenery .y-35 {
    transform: translateY(-875px); }
  .scenery .z-35 {
    transform: translateZ(-3450px); }
  .scenery .x-34 {
    transform: translateX(-3350px); }
  .scenery .y-34 {
    transform: translateY(-850px); }
  .scenery .z-34 {
    transform: translateZ(-3350px); }
  .scenery .x-33 {
    transform: translateX(-3250px); }
  .scenery .y-33 {
    transform: translateY(-825px); }
  .scenery .z-33 {
    transform: translateZ(-3250px); }
  .scenery .x-32 {
    transform: translateX(-3150px); }
  .scenery .y-32 {
    transform: translateY(-800px); }
  .scenery .z-32 {
    transform: translateZ(-3150px); }
  .scenery .x-31 {
    transform: translateX(-3050px); }
  .scenery .y-31 {
    transform: translateY(-775px); }
  .scenery .z-31 {
    transform: translateZ(-3050px); }
  .scenery .x-30 {
    transform: translateX(-2950px); }
  .scenery .y-30 {
    transform: translateY(-750px); }
  .scenery .z-30 {
    transform: translateZ(-2950px); }
  .scenery .x-29 {
    transform: translateX(-2850px); }
  .scenery .y-29 {
    transform: translateY(-725px); }
  .scenery .z-29 {
    transform: translateZ(-2850px); }
  .scenery .x-28 {
    transform: translateX(-2750px); }
  .scenery .y-28 {
    transform: translateY(-700px); }
  .scenery .z-28 {
    transform: translateZ(-2750px); }
  .scenery .x-27 {
    transform: translateX(-2650px); }
  .scenery .y-27 {
    transform: translateY(-675px); }
  .scenery .z-27 {
    transform: translateZ(-2650px); }
  .scenery .x-26 {
    transform: translateX(-2550px); }
  .scenery .y-26 {
    transform: translateY(-650px); }
  .scenery .z-26 {
    transform: translateZ(-2550px); }
  .scenery .x-25 {
    transform: translateX(-2450px); }
  .scenery .y-25 {
    transform: translateY(-625px); }
  .scenery .z-25 {
    transform: translateZ(-2450px); }
  .scenery .x-24 {
    transform: translateX(-2350px); }
  .scenery .y-24 {
    transform: translateY(-600px); }
  .scenery .z-24 {
    transform: translateZ(-2350px); }
  .scenery .x-23 {
    transform: translateX(-2250px); }
  .scenery .y-23 {
    transform: translateY(-575px); }
  .scenery .z-23 {
    transform: translateZ(-2250px); }
  .scenery .x-22 {
    transform: translateX(-2150px); }
  .scenery .y-22 {
    transform: translateY(-550px); }
  .scenery .z-22 {
    transform: translateZ(-2150px); }
  .scenery .x-21 {
    transform: translateX(-2050px); }
  .scenery .y-21 {
    transform: translateY(-525px); }
  .scenery .z-21 {
    transform: translateZ(-2050px); }
  .scenery .x-20 {
    transform: translateX(-1950px); }
  .scenery .y-20 {
    transform: translateY(-500px); }
  .scenery .z-20 {
    transform: translateZ(-1950px); }
  .scenery .x-19 {
    transform: translateX(-1850px); }
  .scenery .y-19 {
    transform: translateY(-475px); }
  .scenery .z-19 {
    transform: translateZ(-1850px); }
  .scenery .x-18 {
    transform: translateX(-1750px); }
  .scenery .y-18 {
    transform: translateY(-450px); }
  .scenery .z-18 {
    transform: translateZ(-1750px); }
  .scenery .x-17 {
    transform: translateX(-1650px); }
  .scenery .y-17 {
    transform: translateY(-425px); }
  .scenery .z-17 {
    transform: translateZ(-1650px); }
  .scenery .x-16 {
    transform: translateX(-1550px); }
  .scenery .y-16 {
    transform: translateY(-400px); }
  .scenery .z-16 {
    transform: translateZ(-1550px); }
  .scenery .x-15 {
    transform: translateX(-1450px); }
  .scenery .y-15 {
    transform: translateY(-375px); }
  .scenery .z-15 {
    transform: translateZ(-1450px); }
  .scenery .x-14 {
    transform: translateX(-1350px); }
  .scenery .y-14 {
    transform: translateY(-350px); }
  .scenery .z-14 {
    transform: translateZ(-1350px); }
  .scenery .x-13 {
    transform: translateX(-1250px); }
  .scenery .y-13 {
    transform: translateY(-325px); }
  .scenery .z-13 {
    transform: translateZ(-1250px); }
  .scenery .x-12 {
    transform: translateX(-1150px); }
  .scenery .y-12 {
    transform: translateY(-300px); }
  .scenery .z-12 {
    transform: translateZ(-1150px); }
  .scenery .x-11 {
    transform: translateX(-1050px); }
  .scenery .y-11 {
    transform: translateY(-275px); }
  .scenery .z-11 {
    transform: translateZ(-1050px); }
  .scenery .x-10 {
    transform: translateX(-950px); }
  .scenery .y-10 {
    transform: translateY(-250px); }
  .scenery .z-10 {
    transform: translateZ(-950px); }
  .scenery .x-9 {
    transform: translateX(-850px); }
  .scenery .y-9 {
    transform: translateY(-225px); }
  .scenery .z-9 {
    transform: translateZ(-850px); }
  .scenery .x-8 {
    transform: translateX(-750px); }
  .scenery .y-8 {
    transform: translateY(-200px); }
  .scenery .z-8 {
    transform: translateZ(-750px); }
  .scenery .x-7 {
    transform: translateX(-650px); }
  .scenery .y-7 {
    transform: translateY(-175px); }
  .scenery .z-7 {
    transform: translateZ(-650px); }
  .scenery .x-6 {
    transform: translateX(-550px); }
  .scenery .y-6 {
    transform: translateY(-150px); }
  .scenery .z-6 {
    transform: translateZ(-550px); }
  .scenery .x-5 {
    transform: translateX(-450px); }
  .scenery .y-5 {
    transform: translateY(-125px); }
  .scenery .z-5 {
    transform: translateZ(-450px); }
  .scenery .x-4 {
    transform: translateX(-350px); }
  .scenery .y-4 {
    transform: translateY(-100px); }
  .scenery .z-4 {
    transform: translateZ(-350px); }
  .scenery .x-3 {
    transform: translateX(-250px); }
  .scenery .y-3 {
    transform: translateY(-75px); }
  .scenery .z-3 {
    transform: translateZ(-250px); }
  .scenery .x-2 {
    transform: translateX(-150px); }
  .scenery .y-2 {
    transform: translateY(-50px); }
  .scenery .z-2 {
    transform: translateZ(-150px); }
  .scenery .x-1 {
    transform: translateX(-50px); }
  .scenery .y-1 {
    transform: translateY(-25px); }
  .scenery .z-1 {
    transform: translateZ(-50px); }
  .scenery .x0 {
    transform: translateX(50px); }
  .scenery .y0 {
    transform: translateY(0px); }
  .scenery .z0 {
    transform: translateZ(50px); }
  .scenery .x1 {
    transform: translateX(150px); }
  .scenery .y1 {
    transform: translateY(25px); }
  .scenery .z1 {
    transform: translateZ(150px); }
  .scenery .x2 {
    transform: translateX(250px); }
  .scenery .y2 {
    transform: translateY(50px); }
  .scenery .z2 {
    transform: translateZ(250px); }
  .scenery .x3 {
    transform: translateX(350px); }
  .scenery .y3 {
    transform: translateY(75px); }
  .scenery .z3 {
    transform: translateZ(350px); }
  .scenery .x4 {
    transform: translateX(450px); }
  .scenery .y4 {
    transform: translateY(100px); }
  .scenery .z4 {
    transform: translateZ(450px); }
  .scenery .x5 {
    transform: translateX(550px); }
  .scenery .y5 {
    transform: translateY(125px); }
  .scenery .z5 {
    transform: translateZ(550px); }
  .scenery .x6 {
    transform: translateX(650px); }
  .scenery .y6 {
    transform: translateY(150px); }
  .scenery .z6 {
    transform: translateZ(650px); }
  .scenery .x7 {
    transform: translateX(750px); }
  .scenery .y7 {
    transform: translateY(175px); }
  .scenery .z7 {
    transform: translateZ(750px); }
  .scenery .x8 {
    transform: translateX(850px); }
  .scenery .y8 {
    transform: translateY(200px); }
  .scenery .z8 {
    transform: translateZ(850px); }
  .scenery .x9 {
    transform: translateX(950px); }
  .scenery .y9 {
    transform: translateY(225px); }
  .scenery .z9 {
    transform: translateZ(950px); }
  .scenery .x10 {
    transform: translateX(1050px); }
  .scenery .y10 {
    transform: translateY(250px); }
  .scenery .z10 {
    transform: translateZ(1050px); }
  .scenery .x11 {
    transform: translateX(1150px); }
  .scenery .y11 {
    transform: translateY(275px); }
  .scenery .z11 {
    transform: translateZ(1150px); }
  .scenery .x12 {
    transform: translateX(1250px); }
  .scenery .y12 {
    transform: translateY(300px); }
  .scenery .z12 {
    transform: translateZ(1250px); }
  .scenery .x13 {
    transform: translateX(1350px); }
  .scenery .y13 {
    transform: translateY(325px); }
  .scenery .z13 {
    transform: translateZ(1350px); }
  .scenery .x14 {
    transform: translateX(1450px); }
  .scenery .y14 {
    transform: translateY(350px); }
  .scenery .z14 {
    transform: translateZ(1450px); }
  .scenery .x15 {
    transform: translateX(1550px); }
  .scenery .y15 {
    transform: translateY(375px); }
  .scenery .z15 {
    transform: translateZ(1550px); }
  .scenery .x16 {
    transform: translateX(1650px); }
  .scenery .y16 {
    transform: translateY(400px); }
  .scenery .z16 {
    transform: translateZ(1650px); }
  .scenery .x17 {
    transform: translateX(1750px); }
  .scenery .y17 {
    transform: translateY(425px); }
  .scenery .z17 {
    transform: translateZ(1750px); }
  .scenery .x18 {
    transform: translateX(1850px); }
  .scenery .y18 {
    transform: translateY(450px); }
  .scenery .z18 {
    transform: translateZ(1850px); }
  .scenery .x19 {
    transform: translateX(1950px); }
  .scenery .y19 {
    transform: translateY(475px); }
  .scenery .z19 {
    transform: translateZ(1950px); }
  .scenery .x20 {
    transform: translateX(2050px); }
  .scenery .y20 {
    transform: translateY(500px); }
  .scenery .z20 {
    transform: translateZ(2050px); }
  .scenery .x21 {
    transform: translateX(2150px); }
  .scenery .y21 {
    transform: translateY(525px); }
  .scenery .z21 {
    transform: translateZ(2150px); }
  .scenery .x22 {
    transform: translateX(2250px); }
  .scenery .y22 {
    transform: translateY(550px); }
  .scenery .z22 {
    transform: translateZ(2250px); }
  .scenery .x23 {
    transform: translateX(2350px); }
  .scenery .y23 {
    transform: translateY(575px); }
  .scenery .z23 {
    transform: translateZ(2350px); }
  .scenery .x24 {
    transform: translateX(2450px); }
  .scenery .y24 {
    transform: translateY(600px); }
  .scenery .z24 {
    transform: translateZ(2450px); }
  .scenery .x25 {
    transform: translateX(2550px); }
  .scenery .y25 {
    transform: translateY(625px); }
  .scenery .z25 {
    transform: translateZ(2550px); }
  .scenery .x26 {
    transform: translateX(2650px); }
  .scenery .y26 {
    transform: translateY(650px); }
  .scenery .z26 {
    transform: translateZ(2650px); }
  .scenery .x27 {
    transform: translateX(2750px); }
  .scenery .y27 {
    transform: translateY(675px); }
  .scenery .z27 {
    transform: translateZ(2750px); }
  .scenery .x28 {
    transform: translateX(2850px); }
  .scenery .y28 {
    transform: translateY(700px); }
  .scenery .z28 {
    transform: translateZ(2850px); }
  .scenery .x29 {
    transform: translateX(2950px); }
  .scenery .y29 {
    transform: translateY(725px); }
  .scenery .z29 {
    transform: translateZ(2950px); }
  .scenery .x30 {
    transform: translateX(3050px); }
  .scenery .y30 {
    transform: translateY(750px); }
  .scenery .z30 {
    transform: translateZ(3050px); }
  .scenery .x31 {
    transform: translateX(3150px); }
  .scenery .y31 {
    transform: translateY(775px); }
  .scenery .z31 {
    transform: translateZ(3150px); }
  .scenery .x32 {
    transform: translateX(3250px); }
  .scenery .y32 {
    transform: translateY(800px); }
  .scenery .z32 {
    transform: translateZ(3250px); }
  .scenery .x33 {
    transform: translateX(3350px); }
  .scenery .y33 {
    transform: translateY(825px); }
  .scenery .z33 {
    transform: translateZ(3350px); }
  .scenery .x34 {
    transform: translateX(3450px); }
  .scenery .y34 {
    transform: translateY(850px); }
  .scenery .z34 {
    transform: translateZ(3450px); }
  .scenery .x35 {
    transform: translateX(3550px); }
  .scenery .y35 {
    transform: translateY(875px); }
  .scenery .z35 {
    transform: translateZ(3550px); }
  .scenery .x36 {
    transform: translateX(3650px); }
  .scenery .y36 {
    transform: translateY(900px); }
  .scenery .z36 {
    transform: translateZ(3650px); }
  .scenery .x37 {
    transform: translateX(3750px); }
  .scenery .y37 {
    transform: translateY(925px); }
  .scenery .z37 {
    transform: translateZ(3750px); }
  .scenery .x38 {
    transform: translateX(3850px); }
  .scenery .y38 {
    transform: translateY(950px); }
  .scenery .z38 {
    transform: translateZ(3850px); }
  .scenery .x39 {
    transform: translateX(3950px); }
  .scenery .y39 {
    transform: translateY(975px); }
  .scenery .z39 {
    transform: translateZ(3950px); }
  .scenery .x40 {
    transform: translateX(4050px); }
  .scenery .y40 {
    transform: translateY(1000px); }
  .scenery .z40 {
    transform: translateZ(4050px); }
  .scenery .x41 {
    transform: translateX(4150px); }
  .scenery .y41 {
    transform: translateY(1025px); }
  .scenery .z41 {
    transform: translateZ(4150px); }
  .scenery .x42 {
    transform: translateX(4250px); }
  .scenery .y42 {
    transform: translateY(1050px); }
  .scenery .z42 {
    transform: translateZ(4250px); }
  .scenery .x43 {
    transform: translateX(4350px); }
  .scenery .y43 {
    transform: translateY(1075px); }
  .scenery .z43 {
    transform: translateZ(4350px); }
  .scenery .x44 {
    transform: translateX(4450px); }
  .scenery .y44 {
    transform: translateY(1100px); }
  .scenery .z44 {
    transform: translateZ(4450px); }
  .scenery .x45 {
    transform: translateX(4550px); }
  .scenery .y45 {
    transform: translateY(1125px); }
  .scenery .z45 {
    transform: translateZ(4550px); }
  .scenery .x46 {
    transform: translateX(4650px); }
  .scenery .y46 {
    transform: translateY(1150px); }
  .scenery .z46 {
    transform: translateZ(4650px); }
  .scenery .x47 {
    transform: translateX(4750px); }
  .scenery .y47 {
    transform: translateY(1175px); }
  .scenery .z47 {
    transform: translateZ(4750px); }
  .scenery .x48 {
    transform: translateX(4850px); }
  .scenery .y48 {
    transform: translateY(1200px); }
  .scenery .z48 {
    transform: translateZ(4850px); }
  .scenery .x49 {
    transform: translateX(4950px); }
  .scenery .y49 {
    transform: translateY(1225px); }
  .scenery .z49 {
    transform: translateZ(4950px); }
  .scenery .x50 {
    transform: translateX(5050px); }
  .scenery .y50 {
    transform: translateY(1250px); }
  .scenery .z50 {
    transform: translateZ(5050px); }
  .scenery .x51 {
    transform: translateX(5150px); }
  .scenery .y51 {
    transform: translateY(1275px); }
  .scenery .z51 {
    transform: translateZ(5150px); }
  .scenery .x52 {
    transform: translateX(5250px); }
  .scenery .y52 {
    transform: translateY(1300px); }
  .scenery .z52 {
    transform: translateZ(5250px); }
  .scenery .x53 {
    transform: translateX(5350px); }
  .scenery .y53 {
    transform: translateY(1325px); }
  .scenery .z53 {
    transform: translateZ(5350px); }
  .scenery .x54 {
    transform: translateX(5450px); }
  .scenery .y54 {
    transform: translateY(1350px); }
  .scenery .z54 {
    transform: translateZ(5450px); }
  .scenery .x55 {
    transform: translateX(5550px); }
  .scenery .y55 {
    transform: translateY(1375px); }
  .scenery .z55 {
    transform: translateZ(5550px); }
  .scenery .x56 {
    transform: translateX(5650px); }
  .scenery .y56 {
    transform: translateY(1400px); }
  .scenery .z56 {
    transform: translateZ(5650px); }
  .scenery .x57 {
    transform: translateX(5750px); }
  .scenery .y57 {
    transform: translateY(1425px); }
  .scenery .z57 {
    transform: translateZ(5750px); }
  .scenery .x58 {
    transform: translateX(5850px); }
  .scenery .y58 {
    transform: translateY(1450px); }
  .scenery .z58 {
    transform: translateZ(5850px); }
  .scenery .x59 {
    transform: translateX(5950px); }
  .scenery .y59 {
    transform: translateY(1475px); }
  .scenery .z59 {
    transform: translateZ(5950px); }
  .scenery .x60 {
    transform: translateX(6050px); }
  .scenery .y60 {
    transform: translateY(1500px); }
  .scenery .z60 {
    transform: translateZ(6050px); }
  .scenery .x61 {
    transform: translateX(6150px); }
  .scenery .y61 {
    transform: translateY(1525px); }
  .scenery .z61 {
    transform: translateZ(6150px); }
  .scenery .x62 {
    transform: translateX(6250px); }
  .scenery .y62 {
    transform: translateY(1550px); }
  .scenery .z62 {
    transform: translateZ(6250px); }
  .scenery .x63 {
    transform: translateX(6350px); }
  .scenery .y63 {
    transform: translateY(1575px); }
  .scenery .z63 {
    transform: translateZ(6350px); }
  .scenery .x64 {
    transform: translateX(6450px); }
  .scenery .y64 {
    transform: translateY(1600px); }
  .scenery .z64 {
    transform: translateZ(6450px); }
  .scenery .x65 {
    transform: translateX(6550px); }
  .scenery .y65 {
    transform: translateY(1625px); }
  .scenery .z65 {
    transform: translateZ(6550px); }
  .scenery .x66 {
    transform: translateX(6650px); }
  .scenery .y66 {
    transform: translateY(1650px); }
  .scenery .z66 {
    transform: translateZ(6650px); }
  .scenery .x67 {
    transform: translateX(6750px); }
  .scenery .y67 {
    transform: translateY(1675px); }
  .scenery .z67 {
    transform: translateZ(6750px); }
  .scenery .x68 {
    transform: translateX(6850px); }
  .scenery .y68 {
    transform: translateY(1700px); }
  .scenery .z68 {
    transform: translateZ(6850px); }
  .scenery .x69 {
    transform: translateX(6950px); }
  .scenery .y69 {
    transform: translateY(1725px); }
  .scenery .z69 {
    transform: translateZ(6950px); }
  .scenery .x70 {
    transform: translateX(7050px); }
  .scenery .y70 {
    transform: translateY(1750px); }
  .scenery .z70 {
    transform: translateZ(7050px); }
  .scenery .x71 {
    transform: translateX(7150px); }
  .scenery .y71 {
    transform: translateY(1775px); }
  .scenery .z71 {
    transform: translateZ(7150px); }
  .scenery .x72 {
    transform: translateX(7250px); }
  .scenery .y72 {
    transform: translateY(1800px); }
  .scenery .z72 {
    transform: translateZ(7250px); }
  .scenery .x73 {
    transform: translateX(7350px); }
  .scenery .y73 {
    transform: translateY(1825px); }
  .scenery .z73 {
    transform: translateZ(7350px); }
  .scenery .x74 {
    transform: translateX(7450px); }
  .scenery .y74 {
    transform: translateY(1850px); }
  .scenery .z74 {
    transform: translateZ(7450px); }
  .scenery .x75 {
    transform: translateX(7550px); }
  .scenery .y75 {
    transform: translateY(1875px); }
  .scenery .z75 {
    transform: translateZ(7550px); }
  .scenery .x76 {
    transform: translateX(7650px); }
  .scenery .y76 {
    transform: translateY(1900px); }
  .scenery .z76 {
    transform: translateZ(7650px); }
  .scenery .x77 {
    transform: translateX(7750px); }
  .scenery .y77 {
    transform: translateY(1925px); }
  .scenery .z77 {
    transform: translateZ(7750px); }
  .scenery .x78 {
    transform: translateX(7850px); }
  .scenery .y78 {
    transform: translateY(1950px); }
  .scenery .z78 {
    transform: translateZ(7850px); }
  .scenery .x79 {
    transform: translateX(7950px); }
  .scenery .y79 {
    transform: translateY(1975px); }
  .scenery .z79 {
    transform: translateZ(7950px); }
  .scenery .x80 {
    transform: translateX(8050px); }
  .scenery .y80 {
    transform: translateY(2000px); }
  .scenery .z80 {
    transform: translateZ(8050px); }
  .scenery .x81 {
    transform: translateX(8150px); }
  .scenery .y81 {
    transform: translateY(2025px); }
  .scenery .z81 {
    transform: translateZ(8150px); }
  .scenery .x82 {
    transform: translateX(8250px); }
  .scenery .y82 {
    transform: translateY(2050px); }
  .scenery .z82 {
    transform: translateZ(8250px); }
  .scenery .x83 {
    transform: translateX(8350px); }
  .scenery .y83 {
    transform: translateY(2075px); }
  .scenery .z83 {
    transform: translateZ(8350px); }
  .scenery .x84 {
    transform: translateX(8450px); }
  .scenery .y84 {
    transform: translateY(2100px); }
  .scenery .z84 {
    transform: translateZ(8450px); }
  .scenery .x85 {
    transform: translateX(8550px); }
  .scenery .y85 {
    transform: translateY(2125px); }
  .scenery .z85 {
    transform: translateZ(8550px); }
  .scenery .x86 {
    transform: translateX(8650px); }
  .scenery .y86 {
    transform: translateY(2150px); }
  .scenery .z86 {
    transform: translateZ(8650px); }
  .scenery .x87 {
    transform: translateX(8750px); }
  .scenery .y87 {
    transform: translateY(2175px); }
  .scenery .z87 {
    transform: translateZ(8750px); }
  .scenery .x88 {
    transform: translateX(8850px); }
  .scenery .y88 {
    transform: translateY(2200px); }
  .scenery .z88 {
    transform: translateZ(8850px); }
  .scenery .x89 {
    transform: translateX(8950px); }
  .scenery .y89 {
    transform: translateY(2225px); }
  .scenery .z89 {
    transform: translateZ(8950px); }
  .scenery .x90 {
    transform: translateX(9050px); }
  .scenery .y90 {
    transform: translateY(2250px); }
  .scenery .z90 {
    transform: translateZ(9050px); }
  .scenery .x91 {
    transform: translateX(9150px); }
  .scenery .y91 {
    transform: translateY(2275px); }
  .scenery .z91 {
    transform: translateZ(9150px); }
  .scenery .x92 {
    transform: translateX(9250px); }
  .scenery .y92 {
    transform: translateY(2300px); }
  .scenery .z92 {
    transform: translateZ(9250px); }
  .scenery .x93 {
    transform: translateX(9350px); }
  .scenery .y93 {
    transform: translateY(2325px); }
  .scenery .z93 {
    transform: translateZ(9350px); }
  .scenery .x94 {
    transform: translateX(9450px); }
  .scenery .y94 {
    transform: translateY(2350px); }
  .scenery .z94 {
    transform: translateZ(9450px); }
  .scenery .x95 {
    transform: translateX(9550px); }
  .scenery .y95 {
    transform: translateY(2375px); }
  .scenery .z95 {
    transform: translateZ(9550px); }
  .scenery .x96 {
    transform: translateX(9650px); }
  .scenery .y96 {
    transform: translateY(2400px); }
  .scenery .z96 {
    transform: translateZ(9650px); }
  .scenery .x97 {
    transform: translateX(9750px); }
  .scenery .y97 {
    transform: translateY(2425px); }
  .scenery .z97 {
    transform: translateZ(9750px); }
  .scenery .x98 {
    transform: translateX(9850px); }
  .scenery .y98 {
    transform: translateY(2450px); }
  .scenery .z98 {
    transform: translateZ(9850px); }
  .scenery .x99 {
    transform: translateX(9950px); }
  .scenery .y99 {
    transform: translateY(2475px); }
  .scenery .z99 {
    transform: translateZ(9950px); }
  .scenery .x100 {
    transform: translateX(10050px); }
  .scenery .y100 {
    transform: translateY(2500px); }
  .scenery .z100 {
    transform: translateZ(10050px); }
  .scenery .x101 {
    transform: translateX(10150px); }
  .scenery .y101 {
    transform: translateY(2525px); }
  .scenery .z101 {
    transform: translateZ(10150px); }
  .scenery .x102 {
    transform: translateX(10250px); }
  .scenery .y102 {
    transform: translateY(2550px); }
  .scenery .z102 {
    transform: translateZ(10250px); }
  .scenery .x103 {
    transform: translateX(10350px); }
  .scenery .y103 {
    transform: translateY(2575px); }
  .scenery .z103 {
    transform: translateZ(10350px); }
  .scenery .x104 {
    transform: translateX(10450px); }
  .scenery .y104 {
    transform: translateY(2600px); }
  .scenery .z104 {
    transform: translateZ(10450px); }
  .scenery .x105 {
    transform: translateX(10550px); }
  .scenery .y105 {
    transform: translateY(2625px); }
  .scenery .z105 {
    transform: translateZ(10550px); }
  .scenery .x106 {
    transform: translateX(10650px); }
  .scenery .y106 {
    transform: translateY(2650px); }
  .scenery .z106 {
    transform: translateZ(10650px); }
  .scenery .x107 {
    transform: translateX(10750px); }
  .scenery .y107 {
    transform: translateY(2675px); }
  .scenery .z107 {
    transform: translateZ(10750px); }
  .scenery .x108 {
    transform: translateX(10850px); }
  .scenery .y108 {
    transform: translateY(2700px); }
  .scenery .z108 {
    transform: translateZ(10850px); }
  .scenery .x109 {
    transform: translateX(10950px); }
  .scenery .y109 {
    transform: translateY(2725px); }
  .scenery .z109 {
    transform: translateZ(10950px); }
  .scenery .x110 {
    transform: translateX(11050px); }
  .scenery .y110 {
    transform: translateY(2750px); }
  .scenery .z110 {
    transform: translateZ(11050px); }
  .scenery .x111 {
    transform: translateX(11150px); }
  .scenery .y111 {
    transform: translateY(2775px); }
  .scenery .z111 {
    transform: translateZ(11150px); }
  .scenery .x112 {
    transform: translateX(11250px); }
  .scenery .y112 {
    transform: translateY(2800px); }
  .scenery .z112 {
    transform: translateZ(11250px); }
  .scenery .x113 {
    transform: translateX(11350px); }
  .scenery .y113 {
    transform: translateY(2825px); }
  .scenery .z113 {
    transform: translateZ(11350px); }
  .scenery .x114 {
    transform: translateX(11450px); }
  .scenery .y114 {
    transform: translateY(2850px); }
  .scenery .z114 {
    transform: translateZ(11450px); }
  .scenery .x115 {
    transform: translateX(11550px); }
  .scenery .y115 {
    transform: translateY(2875px); }
  .scenery .z115 {
    transform: translateZ(11550px); }
  .scenery .x116 {
    transform: translateX(11650px); }
  .scenery .y116 {
    transform: translateY(2900px); }
  .scenery .z116 {
    transform: translateZ(11650px); }
  .scenery .x117 {
    transform: translateX(11750px); }
  .scenery .y117 {
    transform: translateY(2925px); }
  .scenery .z117 {
    transform: translateZ(11750px); }
  .scenery .x118 {
    transform: translateX(11850px); }
  .scenery .y118 {
    transform: translateY(2950px); }
  .scenery .z118 {
    transform: translateZ(11850px); }
  .scenery .x119 {
    transform: translateX(11950px); }
  .scenery .y119 {
    transform: translateY(2975px); }
  .scenery .z119 {
    transform: translateZ(11950px); }
  .scenery .x120 {
    transform: translateX(12050px); }
  .scenery .y120 {
    transform: translateY(3000px); }
  .scenery .z120 {
    transform: translateZ(12050px); }
  .scenery .x121 {
    transform: translateX(12150px); }
  .scenery .y121 {
    transform: translateY(3025px); }
  .scenery .z121 {
    transform: translateZ(12150px); }
  .scenery .x122 {
    transform: translateX(12250px); }
  .scenery .y122 {
    transform: translateY(3050px); }
  .scenery .z122 {
    transform: translateZ(12250px); }
  .scenery .x123 {
    transform: translateX(12350px); }
  .scenery .y123 {
    transform: translateY(3075px); }
  .scenery .z123 {
    transform: translateZ(12350px); }
  .scenery .x124 {
    transform: translateX(12450px); }
  .scenery .y124 {
    transform: translateY(3100px); }
  .scenery .z124 {
    transform: translateZ(12450px); }
  .scenery .x125 {
    transform: translateX(12550px); }
  .scenery .y125 {
    transform: translateY(3125px); }
  .scenery .z125 {
    transform: translateZ(12550px); }
  .scenery .x126 {
    transform: translateX(12650px); }
  .scenery .y126 {
    transform: translateY(3150px); }
  .scenery .z126 {
    transform: translateZ(12650px); }
  .scenery .x127 {
    transform: translateX(12750px); }
  .scenery .y127 {
    transform: translateY(3175px); }
  .scenery .z127 {
    transform: translateZ(12750px); }
  .scenery .x128 {
    transform: translateX(12850px); }
  .scenery .y128 {
    transform: translateY(3200px); }
  .scenery .z128 {
    transform: translateZ(12850px); }
  .scenery .x129 {
    transform: translateX(12950px); }
  .scenery .y129 {
    transform: translateY(3225px); }
  .scenery .z129 {
    transform: translateZ(12950px); }
  .scenery .x130 {
    transform: translateX(13050px); }
  .scenery .y130 {
    transform: translateY(3250px); }
  .scenery .z130 {
    transform: translateZ(13050px); }
  .scenery .x131 {
    transform: translateX(13150px); }
  .scenery .y131 {
    transform: translateY(3275px); }
  .scenery .z131 {
    transform: translateZ(13150px); }
  .scenery .x132 {
    transform: translateX(13250px); }
  .scenery .y132 {
    transform: translateY(3300px); }
  .scenery .z132 {
    transform: translateZ(13250px); }
  .scenery .x133 {
    transform: translateX(13350px); }
  .scenery .y133 {
    transform: translateY(3325px); }
  .scenery .z133 {
    transform: translateZ(13350px); }
  .scenery .x134 {
    transform: translateX(13450px); }
  .scenery .y134 {
    transform: translateY(3350px); }
  .scenery .z134 {
    transform: translateZ(13450px); }
  .scenery .x135 {
    transform: translateX(13550px); }
  .scenery .y135 {
    transform: translateY(3375px); }
  .scenery .z135 {
    transform: translateZ(13550px); }
  .scenery .x136 {
    transform: translateX(13650px); }
  .scenery .y136 {
    transform: translateY(3400px); }
  .scenery .z136 {
    transform: translateZ(13650px); }
  .scenery .x137 {
    transform: translateX(13750px); }
  .scenery .y137 {
    transform: translateY(3425px); }
  .scenery .z137 {
    transform: translateZ(13750px); }
  .scenery .x138 {
    transform: translateX(13850px); }
  .scenery .y138 {
    transform: translateY(3450px); }
  .scenery .z138 {
    transform: translateZ(13850px); }
  .scenery .x139 {
    transform: translateX(13950px); }
  .scenery .y139 {
    transform: translateY(3475px); }
  .scenery .z139 {
    transform: translateZ(13950px); }
  .scenery .x140 {
    transform: translateX(14050px); }
  .scenery .y140 {
    transform: translateY(3500px); }
  .scenery .z140 {
    transform: translateZ(14050px); }
  .scenery .x141 {
    transform: translateX(14150px); }
  .scenery .y141 {
    transform: translateY(3525px); }
  .scenery .z141 {
    transform: translateZ(14150px); }
  .scenery .x142 {
    transform: translateX(14250px); }
  .scenery .y142 {
    transform: translateY(3550px); }
  .scenery .z142 {
    transform: translateZ(14250px); }
  .scenery .x143 {
    transform: translateX(14350px); }
  .scenery .y143 {
    transform: translateY(3575px); }
  .scenery .z143 {
    transform: translateZ(14350px); }
  .scenery .x144 {
    transform: translateX(14450px); }
  .scenery .y144 {
    transform: translateY(3600px); }
  .scenery .z144 {
    transform: translateZ(14450px); }
  .scenery .x145 {
    transform: translateX(14550px); }
  .scenery .y145 {
    transform: translateY(3625px); }
  .scenery .z145 {
    transform: translateZ(14550px); }
  .scenery .x146 {
    transform: translateX(14650px); }
  .scenery .y146 {
    transform: translateY(3650px); }
  .scenery .z146 {
    transform: translateZ(14650px); }
  .scenery .x147 {
    transform: translateX(14750px); }
  .scenery .y147 {
    transform: translateY(3675px); }
  .scenery .z147 {
    transform: translateZ(14750px); }
  .scenery .x148 {
    transform: translateX(14850px); }
  .scenery .y148 {
    transform: translateY(3700px); }
  .scenery .z148 {
    transform: translateZ(14850px); }
  .scenery .x149 {
    transform: translateX(14950px); }
  .scenery .y149 {
    transform: translateY(3725px); }
  .scenery .z149 {
    transform: translateZ(14950px); }
  .scenery .x150 {
    transform: translateX(15050px); }
  .scenery .y150 {
    transform: translateY(3750px); }
  .scenery .z150 {
    transform: translateZ(15050px); }
  .scenery.space_tram {
    animation: TramGoesTootToooooot 20s ease-in-out infinite;
    animation-direction: normal; }

@keyframes TramGoesTootToooooot {
  0% {
    transform: translate3d(-2000px, -474px, -1650px) rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  10% {
    transform: translate3d(2908.75px, -474px, -1650px) rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  80% {
    transform: translate3d(2908.75px, -474px, -1650px) rotateY(0deg) rotateX(0deg) rotateZ(0deg); }
  100% {
    transform: translate3d(10908.75px, -474px, -1650px) rotateY(0deg) rotateX(0deg) rotateZ(0deg); } }

.hackertalk {
  transform: translate3d(125px, -320px, 3px);
  width: 450px;
  height: 192px;
  background: black;
  text-align: center;
  pointer-events: all; }
  .hackertalk.frosty {
    transform: translate3d(26px, -320px, 3px); }
  .hackertalk .more-info-link {
    color: white;
    margin-top: 2ch;
    display: block;
    font-size: 1rem;
    text-decoration: none;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.66); }
  .hackertalk.changeover {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .75em; }
    .hackertalk.changeover h2 {
      color: red;
      text-transform: uppercase;
      margin: 0;
      font-size: 1.25em;
      font-weight: 100; }
    .hackertalk.changeover h1 {
      font-weight: 100;
      font-size: 1.5em; }
    .hackertalk.changeover p {
      margin: 0; }

.sidekick {
  transition: transform 1s, opacity 0.5s ease-in-out;
  opacity: 1;
  pointer-events: all; }
  .sidekick.hidden {
    opacity: 0;
    pointer-events: none !important;
    cursor: default !important; }
    .sidekick.hidden * {
      pointer-events: none !important;
      cursor: default !important; }
  .sidekick.visible {
    opacity: 1;
    pointer-events: all; }
  .sidekick .sidekick-avatar {
    display: block;
    width: 115px;
    height: 166px;
    background: url(/images/avatars/sidekick.gif) no-repeat;
    animation: ghostbob 5s ease-in-out infinite;
    pointer-events: all;
    cursor: pointer;
    transition: all 1.5s;
    opacity: 1;
    background-size: 110%;
    position: unset !important; }
    .sidekick .sidekick-avatar.hidden {
      opacity: 0; }
  .sidekick .sidekick-speech-bubble {
    display: block;
    transform-origin: bottom center !important;
    background-color: #ffffff;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 15px 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translate3d(64px, -532px, 0px);
    position: fixed !important;
    bottom: -231px;
    pointer-events: all;
    width: 300px; }
    .sidekick .sidekick-speech-bubble .speech-bubble-content {
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #333;
      white-space: pre-wrap;
      word-wrap: break-word;
      display: block;
      width: 100%;
      height: auto;
      position: unset !important;
      text-align: center; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content div {
        position: unset !important; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content .objectives-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content .objective-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        width: 100%; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content .objective-name {
        text-align: center; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content .objective-controls {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content button.get-hint-btn {
        display: inline-block;
        padding: 5px 10px;
        cursor: pointer; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content .direction-arrow {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        transition: transform 0.3s ease;
        transform-origin: center center;
        color: #ff6b6b;
        cursor: help; }
      .sidekick .sidekick-speech-bubble .speech-bubble-content .distance-display {
        font-size: 11px;
        color: #666;
        font-style: italic; }
    .sidekick .sidekick-speech-bubble::after {
      content: '';
      position: absolute;
      top: 99.5%;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 18px solid transparent;
      border-right: 18px solid transparent;
      border-top: 17px solid #ffffff; }
    .sidekick .sidekick-speech-bubble::before {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #333;
      margin-top: 2px; }

@keyframes ghostbob {
  0% {
    transform: translate3d(150px, -120px, 0px); }
  50% {
    transform: translate3d(150px, -110px, 0px); }
  100% {
    transform: translate3d(150px, -120px, 0px); } }

.chat-parent {
  z-index: 9;
  width: 450px;
  grid-area: chat;
  display: grid;
  grid-template-rows: 42px 40px 32px 1fr;
  grid-template-columns: repeat(7, 1fr); }
  .chat-parent > select {
    grid-row: 2;
    grid-column: 1 / end;
    font-size: .9em; }
  .chat-parent .mute-btn {
    display: none;
    background: none;
    border: 1px solid rgba(182, 188, 5, 0.4);
    color: #c5cc03;
    font-size: .9em;
    margin-left: 1ch;
    cursor: pointer; }
  .chat-parent .mute-list {
    background: #222222;
    grid-row: 3;
    grid-column: 1 / end;
    z-index: 3;
    overflow: auto;
    position: relative; }
    .chat-parent .mute-list.hidden {
      background: transparent;
      pointer-events: none; }
    .chat-parent .mute-list button.toggle-mutelist {
      position: absolute;
      width: 80%;
      height: 24px;
      pointer-events: all;
      font-size: .9em;
      background: #222222;
      border: 1px solid rgba(182, 188, 5, 0.4);
      color: #c5cc03;
      margin-left: 10%;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
    .chat-parent .mute-list ul {
      padding: 4ch;
      list-style: decimal; }
    .chat-parent .mute-list .mute-btn {
      display: inline-block; }
  .chat-parent .discord-link {
    background: #88a2a7;
    grid-column: 1 / end;
    grid-row: 3;
    color: black;
    line-height: 32px;
    text-align: center; }
    .chat-parent .discord-link a {
      color: #9aff99; }

div.chat-list {
  height: 100%;
  width: 100%;
  background: #222222; }
  div.chat-list div.chat-list-item {
    padding: 2px 10px 2px 10px;
    display: flex; }
    div.chat-list div.chat-list-item a {
      color: lightblue; }
    div.chat-list div.chat-list-item.group {
      padding: 12px 10px 2px 10px; }
      div.chat-list div.chat-list-item.group .chat-message-details {
        padding-left: 8px; }
      div.chat-list div.chat-list-item.group .boring-chat-avatar,
      div.chat-list div.chat-list-item.group .chat-avatar-crop,
      div.chat-list div.chat-list-item.group .chat-username,
      div.chat-list div.chat-list-item.group .chat-timestamp {
        display: inline-block; }
      div.chat-list div.chat-list-item.group:hover .mute-btn {
        display: inline-block; }
      div.chat-list div.chat-list-item.group.daybreak {
        padding-top: 28px; }
        div.chat-list div.chat-list-item.group.daybreak:before {
          content: attr(datadaybreak);
          color: #969696;
          font-style: italic;
          font-size: 12px;
          height: 18px;
          width: 100%;
          position: absolute;
          top: 6px;
          left: 0px;
          text-align: center;
          border-bottom: 1px dotted #616161; }
    div.chat-list div.chat-list-item.isConcierge .boring-chat-avatar {
      color: gold;
      font-weight: bold;
      background: #830403 !important;
      background: linear-gradient(180deg, #830403 0%, #830403 50%, #000001 50%, #000001 100%) !important; }
    div.chat-list div.chat-list-item.isConcierge .chat-message-details .chat-username {
      color: gold; }
    div.chat-list div.chat-list-item .chat-message-details {
      flex-grow: 1;
      padding-left: 38px;
      min-width: 1%; }
    div.chat-list div.chat-list-item .boring-chat-avatar {
      width: 30px;
      min-width: 30px;
      height: 30px;
      flex-grow: 0;
      border-radius: 50%;
      color: black;
      position: relative;
      display: none; }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-a {
        background-color: rgba(143, 252, 221, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-b {
        background-color: rgba(206, 76, 132, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-c {
        background-color: rgba(215, 117, 255, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-d {
        background-color: rgba(129, 249, 189, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-e {
        background-color: rgba(92, 110, 214, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-f {
        background-color: rgba(110, 229, 149, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-g {
        background-color: rgba(89, 221, 68, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-h {
        background-color: rgba(18, 181, 164, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-i {
        background-color: rgba(252, 103, 17, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-j {
        background-color: rgba(90, 195, 252, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-k {
        background-color: rgba(192, 53, 252, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-l {
        background-color: rgba(247, 131, 154, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-m {
        background-color: rgba(180, 249, 139, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-n {
        background-color: rgba(26, 204, 198, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-o {
        background-color: rgba(137, 229, 191, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-p {
        background-color: rgba(244, 165, 156, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-q {
        background-color: rgba(2, 52, 122, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-r {
        background-color: rgba(115, 132, 214, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-s {
        background-color: rgba(114, 123, 224, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-t {
        background-color: rgba(239, 247, 153, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-u {
        background-color: rgba(134, 237, 123, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-v {
        background-color: rgba(149, 232, 244, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-w {
        background-color: rgba(145, 230, 242, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-x {
        background-color: rgba(255, 73, 242, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-y {
        background-color: rgba(91, 213, 234, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar.i-z {
        background-color: rgba(234, 168, 199, 0.5); }
      div.chat-list div.chat-list-item .boring-chat-avatar:after {
        content: attr(datainitial);
        display: block;
        position: absolute;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        line-height: 30px; }
    div.chat-list div.chat-list-item .chat-avatar-crop {
      width: 40px;
      min-width: 40px;
      height: 40px;
      border-radius: 100%;
      overflow: hidden;
      display: none;
      margin: 2px 0px 0px -2px;
      box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.5); }
      div.chat-list div.chat-list-item .chat-avatar-crop .chat-avatar {
        width: 80px;
        height: 160px;
        margin: 0px; }
        div.chat-list div.chat-list-item .chat-avatar-crop .chat-avatar .character {
          background-color: #65643a; }
          div.chat-list div.chat-list-item .chat-avatar-crop .chat-avatar .character .character-head {
            background-image: url(/images/avatars/head_100.png); }
            div.chat-list div.chat-list-item .chat-avatar-crop .chat-avatar .character .character-head .character-eyes {
              background-image: url(/images/avatars/eyes_100.png); }
            div.chat-list div.chat-list-item .chat-avatar-crop .chat-avatar .character .character-head .character-mouth {
              background-image: url(/images/avatars/mouth_100.png); }
    div.chat-list div.chat-list-item .chat-username {
      font-weight: bold;
      color: green;
      display: none; }
    div.chat-list div.chat-list-item .chat-timestamp {
      font-size: 11px;
      font-style: italic;
      color: gray;
      margin-left: 6px;
      display: none; }
    div.chat-list div.chat-list-item .chat-text {
      display: block;
      position: relative; }
      div.chat-list div.chat-list-item .chat-text.hidden {
        background: #1d1d1d !important;
        color: #1d1d1d !important; }
      div.chat-list div.chat-list-item .chat-text p {
        margin: 0px;
        word-wrap: break-word; }
        div.chat-list div.chat-list-item .chat-text p.thought {
          font-style: italic; }
    div.chat-list div.chat-list-item.chat-separator {
      padding: 4px 0px;
      width: 100%; }
      div.chat-list div.chat-list-item.chat-separator span {
        display: flex;
        flex-basis: 100%;
        align-items: center;
        color: #b1b1b1;
        font-style: italic;
        font-size: 12px;
        margin: 8px 0px; }
        div.chat-list div.chat-list-item.chat-separator span::before, div.chat-list div.chat-list-item.chat-separator span::after {
          content: "";
          flex-grow: 1;
          background: rgba(177, 177, 177, 0.25);
          height: 1px;
          font-size: 0px;
          line-height: 0px; }
        div.chat-list div.chat-list-item.chat-separator span::before {
          margin: 0px 5px 0px 0px; }
        div.chat-list div.chat-list-item.chat-separator span::after {
          margin: 0px 0px 0px 5px; }

:root {
  --toggles-bg: rgb(34, 34, 34); }

button.settings.profile-btn {
  border: none;
  cursor: pointer; }

.settings.profile-btn,
.settings.help-btn,
.settings.train-station,
.settings.settings-btn,
.settings.discord-btn {
  width: 100%;
  height: 100%;
  background: var(--toggles-bg);
  color: white; }
  .settings.profile-btn > i,
  .settings.help-btn > i,
  .settings.train-station > i,
  .settings.settings-btn > i,
  .settings.discord-btn > i {
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
    text-align: center;
    line-height: 40px; }

.settings.discord-btn {
  background-image: url(/images/discord-icon.png);
  border: none;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 17px 4px;
  cursor: pointer; }

.settings.train-station {
  background-image: url(/images/njtp-icon.png);
  border: none;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: 5px 4px;
  cursor: pointer; }

.settings.toggler {
  width: 100%;
  height: 100%;
  background: var(--toggles-bg);
  border: none;
  font-size: 1.5rem;
  text-align: center;
  line-height: 40px;
  color: white;
  cursor: pointer; }
  .settings.toggler.chatlist {
    transition: color .25s;
    color: rgba(255, 255, 255, 0.192); }
    .settings.toggler.chatlist.active {
      color: white; }
  .settings.toggler.showplayers {
    transition: color .25s;
    color: rgba(255, 255, 255, 0.192); }
    .settings.toggler.showplayers.active {
      color: white; }
  .settings.toggler.showweather, .settings.toggler.showeffects {
    transition: color .25s;
    color: rgba(255, 255, 255, 0.192); }
    .settings.toggler.showweather.active, .settings.toggler.showeffects.active {
      color: white; }

@media screen and (max-width: 900px) {
  .settings.train-station {
    background-size: 54px;
    background-position: 50% 2px; } }

.dialog-parent {
  position: absolute;
  width: 100%;
  height: 230px;
  bottom: 0;
  z-index: 99;
  display: flex;
  justify-content: center; }
  .dialog-parent i {
    font-size: 2.25em;
    display: inline-block; }
  .dialog-parent h1 {
    font-size: 1em;
    margin: 0.25em 0ch;
    display: inline-block;
    bottom: 8px;
    position: absolute;
    width: 200px;
    text-align: center; }
  .dialog-parent .npc-dialog {
    width: 725px;
    height: 100%;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background: #f3ecc6;
    padding: 3ch 5ch;
    display: flex;
    padding-left: 0;
    color: black;
    border: 5px solid #cdc594;
    box-sizing: content-box; }
    .dialog-parent .npc-dialog button {
      position: absolute;
      background: none;
      border: none;
      color: #787a5e;
      margin-left: 664px;
      font-size: 1em;
      margin-top: -2px;
      cursor: pointer; }
  .dialog-parent .source {
    width: 200px;
    height: 100%;
    overflow: hidden; }
    .dialog-parent .source .viewport {
      width: 100px;
      height: 200px;
      transform-style: unset;
      transform: none;
      transition: unset;
      grid-area: unset;
      overflow: unset;
      perspective: unset;
      opacity: 1;
      transition: none;
      pointer-events: all;
      display: inline-block;
      position: absolute;
      z-index: 99999;
      margin-top: -17px; }
      .dialog-parent .source .viewport .ent.npc {
        position: unset;
        transform: none;
        width: 200px;
        height: 200px; }
        .dialog-parent .source .viewport .ent.npc .zpos {
          width: 100%;
          height: 100%;
          top: unset;
          left: unset; }
          .dialog-parent .source .viewport .ent.npc .zpos .npc-avatar {
            background-position: center !important;
            margin: 0 !important;
            transform: none !important; }
        .dialog-parent .source .viewport .ent.npc.npc-santayard .zpos .npc-avatar {
          top: -22px;
          left: 6px; }
        .dialog-parent .source .viewport .ent.npc.npc-santacastle .zpos .npc-avatar {
          top: -35px;
          left: 6px; }
        .dialog-parent .source .viewport .ent.npc.npc-goosemisfit .zpos .npc-avatar {
          top: 45px;
          left: 67px; }
        .dialog-parent .source .viewport .ent.npc.npc-goosepixel .zpos .npc-avatar {
          top: 51px;
          left: 61px; }
        .dialog-parent .source .viewport .ent.npc.npc-goosesteampunk .zpos .npc-avatar {
          top: 45px;
          left: 67px; }
        .dialog-parent .source .viewport .ent.npc.npc-goosenoir .zpos .npc-avatar {
          top: 58px;
          left: 54px; }
        .dialog-parent .source .viewport .ent.npc.npc-goosespace .zpos .npc-avatar {
          top: 49px;
          left: 52px; }
        .dialog-parent .source .viewport .ent.npc.npc-goosechristmas .zpos .npc-avatar, .dialog-parent .source .viewport .ent.npc.npc-goosechristmas2 .zpos .npc-avatar {
          top: 45px;
          left: 66px; }
        .dialog-parent .source .viewport .ent.npc.npc-troll1 .zpos .npc-avatar {
          top: 23px;
          left: 57px; }
        .dialog-parent .source .viewport .ent.npc.npc-troll2 .zpos .npc-avatar {
          top: 23px;
          left: 57px; }
        .dialog-parent .source .viewport .ent.npc.npc-henry .zpos .npc-avatar {
          top: 55px;
          left: 50px;
          width: 98px;
          height: 80px;
          background-image: url(/images/avatars/henry_large.png); }
        .dialog-parent .source .viewport .ent.npc.npc-vendingmachine .zpos .npc-avatar {
          top: 21px;
          left: 48px;
          width: 94px;
          height: 145px;
          background-image: url(/images/vending_nanosat.png);
          background-size: 100%; }
        .dialog-parent .source .viewport .ent.npc.npc-jason .zpos .npc-avatar {
          top: 47px;
          left: 49px;
          width: 125px;
          height: 125px;
          background-image: url(/images/wombat_cube.png); }
        .dialog-parent .source .viewport .ent.npc.npc-boothamazon .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/sponsors/amazonbooth_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-boothsansedu .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/sponsors/sansbooth_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-boothmicrosoft .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/sponsors/microsoftbooth_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-boothgoogle .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/sponsors/googlebooth_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-rsacbooth .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/sponsors/rsacbooth_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-swagbooth .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/sponsors/swagbooth_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-posterhackspacecon .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 137px;
          background-image: url(/images/avatars/sponsors/hackspaceconposter_npc.png); }
        .dialog-parent .source .viewport .ent.npc.npc-posterpresidentscup .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 137px;
          background-image: url(/images/avatars/sponsors/presidentscupposter_npc.jpg); }
        .dialog-parent .source .viewport .ent.npc.npc-posterdifferencemakers .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 137px;
          background-image: url(/images/avatars/sponsors/differentmakersposter_npc.jpg); }
        .dialog-parent .source .viewport .ent.npc.npc-sidekick .zpos .npc-avatar {
          top: 41px;
          left: 50px;
          width: 98px;
          height: 130px;
          background-image: url(/images/avatars/sidekick.png); }
        .dialog-parent .source .viewport .ent.npc.npc-charliegoldner .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/charlie-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-chrisdavis .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/chrisdavis-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-chriselgee .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/chriselgee-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-edskoudis .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/edskoudis-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-ericpursley .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/ericpursley-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-evanbooth .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/evanbooth-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-jaredfolkins .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/jaredfolkins-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-januszjasinski .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/januszjasinski-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-joshwright .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/joshwright-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-kevinmcfarland .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/kevinmcfarland-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-kyleparrish .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/kyleparrish-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-lynnschifano .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/lynnschifano-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-markdevito .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/markdevito-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-mauricewilson .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/mauricewilson-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-patrickchapman .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/patrickchapman-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-paulbeckett .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/paulbeckett-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-thomasbouve .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/thomasbouve-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-tomhessman .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/tomhessman-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-torkelopsahl .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/torkelopsahl-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-yorikvitchko .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/chi/yori-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive1 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive1.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive2 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive2.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive3 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive3.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive4 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive4.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive5 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive5.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive6 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive6.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive7 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive7.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomefestive8 .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-festive8.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomecorpo .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-corpo.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomeemcee .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-emcee.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomegym .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-gym.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomehacker .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-hacker.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomehooligan .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-hooligan.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomevandal .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-vandal.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomeelder .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-elder.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnomesteamy .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-steamy.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnometerminator .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-terminator.png); }
        .dialog-parent .source .viewport .ent.npc.npc-gnometroll .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/gnomes/gnome-troll.png); }
        .dialog-parent .source .viewport .ent.npc.npc-frosty .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/frosty-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-frostyborg .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/frostyborg-portrait.png); }
        .dialog-parent .source .viewport .ent.npc.npc-santa .zpos .npc-avatar {
          top: 30px;
          left: 32px;
          width: 137px;
          height: 139px;
          background-image: url(/images/avatars/santa-portrait.png); }
  .dialog-parent .dialog-text {
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: -3ch; }
    .dialog-parent .dialog-text p {
      width: 400px;
      font-size: 1.25em;
      margin: 0 1ch 0 25px; }

.viewport.token-warmHug ~ .dialog-parent .ent.npc.npc-frostyborg .npc-avatar,
.hhc-game-elements .token-warmHug ~ * .dialog-parent .ent.npc.npc-frostyborg .npc-avatar {
  background-image: url(/images/avatars/frostyborg-portrait-warm.png) !important; }

.hhc-background {
  background: url(/images/winter.jpg);
  background-size: cover;
  background-position: right;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1; }