/*
PRICE
*/

/* Forces an element to get rendered on its own layer, increasing
the performance when animated. Use only transform and opacity in animations! */
/** Increased click area for this element, helpful on mobile */
button,
.increasedClickArea {
  position: relative; }
  button::after,
  .increasedClickArea::after {
    content: "";
    position: absolute;
    top: calc(-15px * var(--ui-scale));
    bottom: calc(-15px * var(--ui-scale));
    left: calc(-15px * var(--ui-scale));
    right: calc(-15px * var(--ui-scale)); }

/* Duplicates an animation and adds two classes .<classPrefix>Even and .<classPrefix>Odd which uses the
  animation. This can be used to replay the animation by toggling between the classes, because
  it is not possible to restart a css animation */
/* Allows to use and define an animation without specifying its name */
/* Animation prefab for a double bounce pop-in animation, useful for dialogs */
/* Define a style which is only applied in horizontal mode */
/* Define a style which is only applied in vertical mode */
/* Define a style which is only while the hardware keyboard is open */
/* Automatically transforms the game state if a hardware keyboard is open */
/* Define a style which is only applied when the viewport is at least X pixels wide */
/* Define a style which is only applied when the viewport is at least X pixels height */
/* Define a style which is only applied when the viewport has at least the given dimensions */
/* Define a style which is only applied when the viewport has at maximum the given dimensions */
/* Define a style which is only applied when the viewport has at maximum the given height */
/* Define a style which is only applied when the viewport has at maximum the given width */
/* String replacement */
* {
  margin: 0;
  padding: 0;
  touch-action: pan-x pan-y !important;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html,
body {
  overscroll-behavior: contain;
  overflow: hidden;
  font-family: "GameFont", sans-serif;
  font-synthesis: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

html {
  position: fixed;
  background: #dee1ea;
  -ms-touch-action: pan-x, pan-y;
  touch-action: pan-x, pan-y;
  -ms-content-zooming: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #dee1ea; }
  html[data-theme="dark"] html, html[data-theme="dark"] {
    background: #535866; }

body {
  color: #555;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: inherit !important;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  font-style: normal;
  line-break: auto;
  font-stretch: 100%;
  text-rendering: optimizeLegibility;
  text-decoration: none;
  text-size-adjust: 100%;
  letter-spacing: normal;
  scrollbar-width: 6px;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
  scrollbar-face-color: #888;
  scrollbar-track-color: rgba(255, 255, 255, 0.1);
  scrollbar-color: #cdd0d4 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  font-size: calc(16px * var(--ui-scale));
  line-height: calc(21px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em; }
  body.externalAdOpen::before {
    text-transform: uppercase;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    content: "Loading Advertisement...";
    color: #333;
    position: fixed;
    top: 0;
    pointer-events: all;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(50, 60, 70, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    animation: autogen_anim_u662a854a 1s ease-in-out infinite !important; }

@keyframes autogen_anim_u662a854a {
  50% {
    transform: scale(1.05); } }

img {
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */ }

i {
  font-style: normal; }

b,
strong {
  font-weight: normal; }

u,
a {
  text-decoration: none; }

input,
textarea,
select {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit; }

button {
  background: transparent;
  border: 0;
  pointer-events: all;
  cursor: pointer;
  position: relative;
  color: #deeaee; }
  button.prefab_BuyButtonWithResources {
    display: flex;
    box-sizing: border-box;
    padding: calc(6px * var(--ui-scale)) calc(4px * var(--ui-scale))   ;
    background-color: #26c6da;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: calc(85px * var(--ui-scale))    ; }
    button.prefab_BuyButtonWithResources.tooExpensive {
      color: #ef5072;
      background-color: #555;
      cursor: default; }
    button.prefab_BuyButtonWithResources .cost_entry {
      display: flex;
      flex-grow: 1;
      justify-content: center;
      align-items: center; }
    button.prefab_BuyButtonWithResources b {
      display: flex;
      flex-grow: 1;
      justify-content: center;
      align-items: center; }
    button.prefab_BuyButtonWithResources.tooExpensive {
      cursor: default !important;
      background-color: #565859 !important; }
      button.prefab_BuyButtonWithResources.tooExpensive b {
        color: #ef5072 !important; }
      button.prefab_BuyButtonWithResources.tooExpensive .cost_entry {
        opacity: 0.6; }

.styledButton {
  background: #393747;
  text-transform: uppercase;
  box-sizing: content-box;
  padding: calc(3px * var(--ui-scale)) calc(10px * var(--ui-scale))   ;
  color: #fff;
  font-size: calc(14px * var(--ui-scale));
  line-height: calc(18px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  border: 0;
  background: #4a97df;
  color: #fff;
  border-radius: calc(2px * var(--ui-scale))    ;
  border-bottom-width: calc(2px * var(--ui-scale))    ;
  letter-spacing: 0.05em !important;
  transition: opacity 0.12s ease-in-out; }
  .styledButton::after {
    content: "";
    position: absolute;
    top: calc(-10px * var(--ui-scale));
    bottom: calc(-10px * var(--ui-scale));
    left: calc(-10px * var(--ui-scale));
    right: calc(-10px * var(--ui-scale)); }
  .styledButton .keybinding {
    bottom: calc(-2.5px * var(--ui-scale))    ;
    right: calc(-2px * var(--ui-scale))    ; }
  .styledButton:hover {
    opacity: 0.9; }

::selection {
  background: #66bb6a;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #66bb6a;
  /* Gecko Browsers */ }

input[type="text"],
input[type="email"] {
  padding: calc(11px * var(--ui-scale)) calc(12px * var(--ui-scale))   ;
  margin: calc(10px * var(--ui-scale)) calc(0px * var(--ui-scale))   ;
  border: 0;
  cursor: text;
  display: block;
  text-align: left;
  box-sizing: border-box;
  background: #f7f8fa;
  color: #eee;
  text-align: left;
  user-select: text !important;
  pointer-events: all !important;
  font-size: calc(16px * var(--ui-scale));
  line-height: calc(21px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  border-radius: calc(2px * var(--ui-scale))    ;
  transition: background-color 0.1s ease-in-out !important;
  color: #fff;
  background-color: white; }
  input[type="text"]::after,
  input[type="email"]::after {
    content: "";
    position: absolute;
    top: calc(-15px * var(--ui-scale));
    bottom: calc(-15px * var(--ui-scale));
    left: calc(-15px * var(--ui-scale));
    right: calc(-15px * var(--ui-scale)); }
  input[type="text"]::placeholder,
  input[type="email"]::placeholder {
    color: #fff;
    opacity: 0.4; }
  input[type="text"]:focus,
  input[type="email"]:focus {
    background-color: white; }
  input[type="text"].errored,
  input[type="email"].errored {
    background-color: #ff9999; }
    input[type="text"].errored:focus,
    input[type="email"].errored:focus {
      background-color: #ff9999; }
  input[type="text"].input-token,
  input[type="email"].input-token {
    font-size: calc(25px * var(--ui-scale));
    line-height: calc(24px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-align: center;
    letter-spacing: calc(30px * var(--ui-scale))    ;
    padding-left: calc(30px * var(--ui-scale))    ; }

a {
  color: #393747; }

button,
input,
select,
textarea,
a {
  font-family: inherit;
  font-weight: inherit;
  pointer-events: all; }
  button:focus,
  input:focus,
  select:focus,
  textarea:focus,
  a:focus {
    outline: none; }

a {
  text-decoration: none;
  cursor: pointer;
  pointer-events: all; }

i {
  font-style: normal; }

input {
  user-select: text;
  -moz-user-select: text;
  pointer-events: all;
  cursor: text;
  border-radius: 0; }

canvas {
  pointer-events: all;
  letter-spacing: 0 !important;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.fontPreload {
  position: absolute;
  top: -100px;
  left: -100px; }

::-webkit-scrollbar {
  width: calc(6px * var(--ui-scale))    ;
  height: calc(6px * var(--ui-scale))    ; }

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05); }

::-webkit-scrollbar-thumb {
  border-radius: calc(2px * var(--ui-scale))    ;
  background: #cdd0d4; }

::-webkit-scrollbar-thumb:hover {
  background: #d8dce0; }

#uiTestPlaybackCursor {
  position: fixed;
  top: 100px;
  left: 100px;
  z-index: 9999;
  border-radius: 50%;
  background: rgba(255, 255, 0, 0.4);
  width: 24px;
  height: 24px;
  border: 3px solid rgba(0, 0, 0, 0.5);
  margin-top: -12px;
  margin-left: -12px;
  box-sizing: border-box; }

.pressed:not(.noPressEffect) {
  transform: scale(0.98) !important;
  animation: none !important; }

.pressedSmallElement:not(.noPressEffect) {
  transform: scale(0.88) !important;
  animation: none !important; }

.spritesheetImage {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 1; }

.inlineTextIconSprite {
  position: relative;
  vertical-align: middle;
  display: inline-block; }

.badged {
  color: #ba68c8; }

.prefab_LoadingTextWithAnim,
.prefab_LoadingTextWithAnimDelayed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: calc(16px * var(--ui-scale));
  line-height: calc(21px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  color: #deeaee;
  opacity: 1;
  z-index: 20;
  color: #393747;
  animation: autogen_anim_u65685c38 1.5s ease-in-out infinite !important; }
  .prefab_LoadingTextWithAnim::after,
  .prefab_LoadingTextWithAnimDelayed::after {
    content: " ";
    width: calc(35px * var(--ui-scale))    ;
    height: calc(35px * var(--ui-scale))    ;
    display: inline-block;
    vertical-align: middle; }

@keyframes autogen_anim_u65685c38 {
  50% {
    transform: scale(1.2) rotate(160deg); } }
  html[data-theme="dark"] .prefab_LoadingTextWithAnim, .prefab_LoadingTextWithAnim[data-theme="dark"], html[data-theme="dark"]
  .prefab_LoadingTextWithAnimDelayed,
  .prefab_LoadingTextWithAnimDelayed[data-theme="dark"] {
    color: #fff; }

.prefab_LoadingTextWithAnimDelayed {
  animation: autogen_anim_u020708e4 0.6s ease-in-out !important; }

@keyframes autogen_anim_u020708e4 {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.prefab_FeatureComingSoon {
  position: relative;
  opacity: 0.6; }
  .prefab_FeatureComingSoon::after {
    top: calc(-5px * var(--ui-scale))    ;
    left: calc(-5px * var(--ui-scale))    ;
    right: calc(-5px * var(--ui-scale))    ;
    bottom: calc(-5px * var(--ui-scale))    ;
    content: "Coming soon!";
    z-index: 10000;
    background: rgba(222, 225, 234, 0.4);
    border-radius: calc(2px * var(--ui-scale))    ;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
  .prefab_FeatureComingSoon > * {
    opacity: 0.5 !important; }

.prefab_InfoIcon {
  width: calc(25px * var(--ui-scale))    ;
  height: calc(25px * var(--ui-scale))    ;
  z-index: 100;
  opacity: 0.8;
  cursor: pointer;
  pointer-events: all;
  display: inline-block;
  position: relative; }
  .prefab_InfoIcon::after {
    content: "";
    position: absolute;
    top: calc(-10px * var(--ui-scale));
    bottom: calc(-10px * var(--ui-scale));
    left: calc(-10px * var(--ui-scale));
    right: calc(-10px * var(--ui-scale)); }

.gameState.prefab_LoadingState {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .gameState.prefab_LoadingState .loadingImage {
    width: 100%;
    display: flex;
    flex-grow: 1;
    animation: autogen_anim_uf8fdd447 1.5s ease-in-out infinite !important; }

@keyframes autogen_anim_uf8fdd447 {
  50% {
    transform: scale(1.2) rotate(160deg); } }
  .gameState.prefab_LoadingState .prefab_GameHint {
    position: absolute;
    left: calc(20px * var(--ui-scale))    ;
    right: calc(20px * var(--ui-scale))    ;
    bottom: calc(60px * var(--ui-scale))    ;
    font-size: calc(16px * var(--ui-scale));
    line-height: calc(21px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    color: #666; }
    html[data-theme="dark"] .gameState.prefab_LoadingState .prefab_GameHint, .gameState.prefab_LoadingState .prefab_GameHint[data-theme="dark"] {
      color: #d8dae0; }
  .gameState.prefab_LoadingState .loadingStatus {
    position: absolute;
    left: calc(20px * var(--ui-scale))    ;
    right: calc(20px * var(--ui-scale))    ;
    bottom: calc(30px * var(--ui-scale))    ;
    font-size: calc(16px * var(--ui-scale));
    line-height: calc(21px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    color: #aaa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    html[data-theme="dark"] .gameState.prefab_LoadingState .loadingStatus, .gameState.prefab_LoadingState .loadingStatus[data-theme="dark"] {
      color: #848a9b; }
    .gameState.prefab_LoadingState .loadingStatus > .bar {
      display: none;
      margin-top: calc(15px * var(--ui-scale))    ;
      width: 80vw;
      background-color: #fdfdfe;
      position: relative;
      color: #fff;
      height: 2px; }
      .gameState.prefab_LoadingState .loadingStatus > .bar .inner {
        position: absolute !important;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        background-color: #393747;
        border-radius: calc(2px * var(--ui-scale))    ;
        transform-origin: 0% 50%;
        animation: autogen_anim_ua10d1424 1.3s ease-in-out infinite !important; }

@keyframes autogen_anim_ua10d1424 {
  0% {
    background-color: #2d2c39;
    transform: none; }
  50% {
    background-color: #504d64;
    transform: scale(1.01); }
  100% {
    background-color: #2d2c39;
    transform: none; } }
      .gameState.prefab_LoadingState .loadingStatus > .bar .status {
        display: none;
        position: relative;
        z-index: 2;
        display: inline-flex;
        padding: calc(5px * var(--ui-scale))    ;
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em; }

.grow {
  flex-grow: 1; }

.checkbox {
  background-color: #d5d9e4;
  width: calc(35px * var(--ui-scale))    ;
  height: calc(17px * var(--ui-scale))    ;
  display: flex;
  padding: calc(3px * var(--ui-scale))    ;
  box-sizing: content-box;
  cursor: pointer;
  pointer-events: all;
  transition: opacity 0.2s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.4s ease-in-out !important;
  position: relative;
  border-radius: calc(20px * var(--ui-scale))    ;
  background-color: #d5d9e4; }
  .checkbox::after {
    content: "";
    position: absolute;
    top: calc(-10px * var(--ui-scale));
    bottom: calc(-10px * var(--ui-scale));
    left: calc(-10px * var(--ui-scale));
    right: calc(-10px * var(--ui-scale)); }
  .checkbox.loading {
    opacity: 0.2; }
  .checkbox:hover {
    background-color: #c5cada; }
  .checkbox .knob {
    width: calc(20px * var(--ui-scale))    ;
    height: calc(17px * var(--ui-scale))    ;
    display: inline-block;
    transition: margin-left 0.4s ease-in-out !important;
    background: #fff;
    position: relative;
    border-radius: calc(20px * var(--ui-scale))    ;
    background-color: #fff; }
  .checkbox.checked {
    background-color: #393747;
    background-color: #393747; }
    .checkbox.checked .knob {
      margin-left: calc(15px * var(--ui-scale))    ; }
    .checkbox.checked:hover {
      background-color: #5c5872; }
  html[data-theme="dark"] .checkbox, .checkbox[data-theme="dark"] {
    background-color: #535866 !important; }
    html[data-theme="dark"] .checkbox.checked, .checkbox[data-theme="dark"].checked {
      background-color: #4a97df !important; }

.rangeInputContainer {
  display: flex;
  align-items: center;
  justify-content: center; }
  .rangeInputContainer label {
    margin-right: calc(5px * var(--ui-scale))    ; }
    .rangeInputContainer label,
    .rangeInputContainer label * {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em; }

input.rangeInput {
  cursor: pointer;
  background-color: transparent;
  width: calc(100px * var(--ui-scale))    ;
  height: calc(16px * var(--ui-scale))    ; }
  input.rangeInput::-webkit-slider-runnable-track {
    background-color: #d5d9e4;
    color: #d5d9e4;
    border-radius: calc(8px * var(--ui-scale))    ; }
  html[data-theme="dark"] input.rangeInput::-webkit-slider-runnable-track, input.rangeInput[data-theme="dark"]::-webkit-slider-runnable-track {
    background-color: #484c58; }
  html[data-theme="dark"] input.rangeInput::-webkit-slider-thumb, input.rangeInput[data-theme="dark"]::-webkit-slider-thumb {
    box-shadow: inset 0 0 0 calc(10px * var(--ui-scale)) #eee; }
  input.rangeInput::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0 0 0 calc(10px * var(--ui-scale)) #393747;
    border-radius: 50%;
    transition: box-shadow 0.3s; }
  input.rangeInput:hover::-webkit-slider-thumb {
    box-shadow: inset 0 0 0 calc(10px * var(--ui-scale)) #5c5872; }

.keybinding {
  background: #fff;
  text-transform: uppercase;
  padding: calc(1.5px * var(--ui-scale)) calc(3px * var(--ui-scale)) calc(2px * var(--ui-scale))  ;
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  border-radius: calc(2px * var(--ui-scale))    ;
  font-weight: bold;
  color: #7d808a;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: calc(12px * var(--ui-scale))    ;
  display: inline-flex;
  position: absolute;
  bottom: calc(0px * var(--ui-scale))    ;
  right: calc(0px * var(--ui-scale))    ;
  z-index: 999;
  box-sizing: border-box;
  height: calc(12px * var(--ui-scale))    ;
  overflow: hidden;
  border: calc(0px * var(--ui-scale)) solid #7d808a; }
  .keybinding,
  .keybinding > span {
    font-size: calc(9px * var(--ui-scale))    ;
    line-height: calc(11px * var(--ui-scale))    ;
    font-weight: bold !important;
    text-shadow: none !important; }
  .keybinding .keybinding_space {
    font-size: calc(17px * var(--ui-scale))    ;
    line-height: calc(11px * var(--ui-scale))    ;
    margin-top: calc(-12px * var(--ui-scale))    ; }

.xpaystation-widget-lightbox {
  z-index: 19999; }
  .xpaystation-widget-lightbox .xpaystation-widget-lightbox-overlay {
    background: rgba(222, 225, 234, 0.94); }
  .xpaystation-widget-lightbox,
  .xpaystation-widget-lightbox iframe {
    pointer-events: all;
    user-select: all; }

iframe {
  pointer-events: all;
  user-select: all; }

#steamOverlayCanvasFix {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
  pointer-events: none;
  z-index: -1; }

.sentry-error-embed-wrapper {
  z-index: 10000;
  background: rgba(0, 0, 0, 0.9); }
  .sentry-error-embed-wrapper * {
    text-shadow: none !important;
    pointer-events: all; }

.cpmsrendertarget {
  background: rgba(222, 225, 234, 0.94) !important; }
  .cpmsrendertarget,
  .cpmsrendertarget * {
    pointer-events: all; }
  .cpmsrendertarget .cpmsvideoclosebanner {
    font-family: GameFont !important;
    font-size: 16px !important;
    border-radius: 2px !important;
    background: #393747 !important;
    background-color: #b9bfd2;
    color: #eee !important; }
    .cpmsrendertarget .cpmsvideoclosebanner:active {
      background-color: #b9bfd2;
      transform: translateY(2px); }

@keyframes autogen_anim_u56f25b61_even {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(1.03, 1.03); }
  100% {
    transform: scale(1, 1); } }

@keyframes autogen_anim_u56f25b61_odd {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(1.03, 1.03); }
  100% {
    transform: scale(1, 1); } }

.changeAnimEven {
  animation: autogen_anim_u56f25b61_even 0.2s ease-in-out; }

.changeAnimOdd {
  animation: autogen_anim_u56f25b61_odd 0.2s ease-in-out; }

.gameState {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden !important;
  font-size: calc(16px * var(--ui-scale));
  line-height: calc(21px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  transition: all 0.2s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0; }
  .gameState.arrived {
    opacity: 1;
    filter: none !important;
    transform: none; }

#applicationError {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dee1ea;
  color: #333;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: calc(30px * var(--ui-scale))    ;
  font-size: calc(16px * var(--ui-scale));
  line-height: calc(21px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  text-align: center; }
  #applicationError h1 {
    color: #ff0b40;
    margin-top: calc(20px * var(--ui-scale))    ;
    margin-bottom: calc(30px * var(--ui-scale))    ;
    font-size: calc(25px * var(--ui-scale));
    line-height: calc(24px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    font-size: calc(35px * var(--ui-scale))    ; }
  #applicationError .desc {
    color: #393747;
    text-align: left;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    font-weight: bold;
    display: block;
    max-width: calc(350px * var(--ui-scale))    ;
    width: 100%; }
    #applicationError .desc a {
      cursor: pointer;
      pointer-events: all;
      font-weight: bold;
      display: block;
      color: #ff0b40;
      margin-top: calc(10px * var(--ui-scale))    ; }
  #applicationError .details {
    font-size: 11px;
    line-height: 15px;
    color: #888;
    font-family: monospace;
    text-align: left;
    padding: calc(6px * var(--ui-scale))    ;
    border-radius: calc(2px * var(--ui-scale))    ;
    background-color: #eee;
    position: absolute;
    bottom: calc(25px * var(--ui-scale))    ;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-all;
    min-width: 300px; }

.gameState.textualState {
  display: grid;
  grid-template-rows: auto 1fr;
  box-sizing: border-box;
  padding: calc(32px * var(--ui-scale))    ;
  height: 100vh; }
  .gameState.textualState .headerBar {
    display: flex;
    margin-bottom: calc(20px * var(--ui-scale))    ; }
    .gameState.textualState .headerBar h1 {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      pointer-events: all;
      cursor: pointer;
      font-size: calc(25px * var(--ui-scale));
      line-height: calc(24px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #333438;
      position: relative; }
      .gameState.textualState .headerBar h1::after {
        content: "";
        position: absolute;
        top: calc(-10px * var(--ui-scale));
        bottom: calc(-10px * var(--ui-scale));
        left: calc(-10px * var(--ui-scale));
        right: calc(-10px * var(--ui-scale)); }
    .gameState.textualState .headerBar .backButton {
      width: calc(30px * var(--ui-scale))    ;
      height: calc(30px * var(--ui-scale))    ;
      margin-right: calc(10px * var(--ui-scale))    ;
      margin-left: calc(-5px * var(--ui-scale))    ; }
  .gameState.textualState > .container {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow-y: auto; }
    .gameState.textualState > .container > .content {
      width: 100%;
      background: #fff;
      border-radius: calc(2px * var(--ui-scale))    ;
      padding: calc(10px * var(--ui-scale))    ;
      height: 100%;
      overflow-y: auto;
      box-sizing: border-box;
      pointer-events: all; }
      .gameState.textualState > .container > .content a {
        color: #4a97df; }
      .gameState.textualState > .container > .content .categoryLabel {
        display: block;
        text-transform: uppercase;
        margin-top: calc(15px * var(--ui-scale))    ;
        margin-bottom: calc(15px * var(--ui-scale))    ;
        font-size: calc(19px * var(--ui-scale));
        line-height: calc(21px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em; }
  html[data-theme="dark"] .gameState.textualState .headerBar h1, .gameState.textualState[data-theme="dark"] .headerBar h1 {
    color: #e2e0db; }
  html[data-theme="dark"] .gameState.textualState .headerBar .backButton, .gameState.textualState[data-theme="dark"] .headerBar .backButton {
    filter: invert(1); }
  html[data-theme="dark"] .gameState.textualState > .container > .content, .gameState.textualState[data-theme="dark"] > .container > .content {
    background: #484c58;
    color: #eee; }

#aip_gdpr,
#aip_gdpr * {
  text-shadow: none !important;
  pointer-events: all;
  color: #111 !important; }

#aip_gdpr #aip_gdpr_banner {
  padding: 5px 0; }

#aip_gdpr #aip_gdpr_message {
  padding: 0px 15px; }

#adinplayVideoContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
  background: rgba(222, 225, 234, 0.9);
  pointer-events: all;
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: autogen_anim_u7197592a 1s ease-in-out !important; }
  #adinplayVideoContainer *, #adinplayVideoContainer {
    pointer-events: all; }
  #adinplayVideoContainer:not(.visible) {
    display: none; }
  #adinplayVideoContainer.waitingForFinish .videoInner {
    border-radius: calc(2px * var(--ui-scale))    ;
    overflow: hidden; }
    #adinplayVideoContainer.waitingForFinish .videoInner::after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      animation: autogen_anim_u6902b72f 0.2s ease-in-out !important; }

@keyframes autogen_anim_u6902b72f {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes autogen_anim_u7197592a {
  0% {
    background: rgba(222, 225, 234, 0.1); }
  100% {
    background: rgba(222, 225, 234, 0.9); } }
  #adinplayVideoContainer .adInner {
    background-color: white;
    border-radius: calc(2px * var(--ui-scale))    ;
    padding: calc(15px * var(--ui-scale))    ;
    display: block !important; }
    #adinplayVideoContainer .adInner .topbar {
      display: grid;
      grid-template-columns: 1fr auto;
      margin-bottom: calc(15px * var(--ui-scale))    ;
      grid-column-gap: calc(10px * var(--ui-scale))    ; }
      #adinplayVideoContainer .adInner .topbar .desc {
        color: #fff;
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em; }
      #adinplayVideoContainer .adInner .topbar button.getOnSteam {
        font-size: calc(16px * var(--ui-scale));
        line-height: calc(21px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em; }
    #adinplayVideoContainer .adInner .videoInner {
      background: #dbdee8;
      display: block !important; }

#state_PreloadState {
  /* Animations */ }
  #state_PreloadState.failure .loadingImage,
  #state_PreloadState.failure .loadingStatus {
    display: none; }
  #state_PreloadState .changelogDialogEntry {
    margin-top: 10px;
    width: 100%;
    flex-direction: column;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    background: #eef1f4; }
    html[data-theme="dark"] #state_PreloadState .changelogDialogEntry, #state_PreloadState .changelogDialogEntry[data-theme="dark"] {
      background: #424242; }
    #state_PreloadState .changelogDialogEntry .version {
      font-size: calc(19px * var(--ui-scale));
      line-height: calc(21px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em; }
    #state_PreloadState .changelogDialogEntry .date {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      color: #aaabaf; }
      #state_PreloadState .changelogDialogEntry .date::before {
        content: " | "; }
    #state_PreloadState .changelogDialogEntry .changes {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      padding-left: calc(15px * var(--ui-scale))    ; }
      #state_PreloadState .changelogDialogEntry .changes strong {
        background: #4a97df;
        color: #fff;
        text-transform: uppercase;
        padding: calc(1px * var(--ui-scale)) calc(2px * var(--ui-scale))   ;
        margin-right: calc(3px * var(--ui-scale))    ; }
      #state_PreloadState .changelogDialogEntry .changes a {
        color: #4a97df; }
      #state_PreloadState .changelogDialogEntry .changes li {
        font-size: calc(10px * var(--ui-scale));
        line-height: calc(13px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        margin-bottom: calc(10px * var(--ui-scale))    ; }
  #state_PreloadState .failureBox {
    animation: autogen_anim_u67582b8e 0.3s ease-in-out !important; }
    #state_PreloadState .failureBox .logo {
      margin-bottom: calc(30px * var(--ui-scale))    ; }
      #state_PreloadState .failureBox .logo img {
        width: calc(240px * var(--ui-scale))    ; }

@keyframes autogen_anim_u67582b8e {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    #state_PreloadState .failureBox .failureInner {
      max-width: calc(350px * var(--ui-scale))    ;
      margin: 0 20px;
      text-align: left;
      background-color: #fff;
      padding: calc(15px * var(--ui-scale))    ;
      border-radius: calc(2px * var(--ui-scale))    ;
      box-shadow: calc(0px * var(--ui-scale)) calc(2px * var(--ui-scale)) calc(2px * var(--ui-scale)) calc(0px * var(--ui-scale)) rgba(0, 0, 0, 0.2); }
      #state_PreloadState .failureBox .failureInner .errorHeader {
        color: #ef5072; }
      #state_PreloadState .failureBox .failureInner .errorMessage {
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        display: block;
        color: #666;
        text-align: left;
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-all;
        hyphens: auto;
        padding: calc(10px * var(--ui-scale)) calc(0px * var(--ui-scale))   ;
        margin-top: calc(10px * var(--ui-scale))    ; }
      #state_PreloadState .failureBox .failureInner .supportHelp {
        margin-top: calc(10px * var(--ui-scale))    ;
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em; }
        #state_PreloadState .failureBox .failureInner .supportHelp .email {
          color: #393747;
          cursor: pointer;
          pointer-events: all; }
      #state_PreloadState .failureBox .failureInner .lower {
        display: flex;
        align-items: center;
        margin-top: calc(16px * var(--ui-scale))    ; }
        #state_PreloadState .failureBox .failureInner .lower i {
          flex-grow: 1;
          text-align: right;
          color: #777;
          font-size: calc(13px * var(--ui-scale));
          line-height: calc(17px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em; }
        #state_PreloadState .failureBox .failureInner .lower button.resetApp {
          background-color: #ef5072;
          font-size: calc(13px * var(--ui-scale));
          line-height: calc(17px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          padding: calc(5px * var(--ui-scale)) calc(8px * var(--ui-scale)) calc(4px * var(--ui-scale))  ;
          color: #fff; }
  #state_PreloadState .status {
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.2s ease-out;
    transition-property: transform, opacity; }
  #state_PreloadState.arrived .status {
    opacity: 1;
    transform: none; }

#state_MainMenuState {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #bbc2cf center center / cover !important; }
  #state_MainMenuState .topButtons {
    position: absolute;
    top: calc(20px * var(--ui-scale))    ;
    right: calc(20px * var(--ui-scale))    ;
    display: grid;
    grid-auto-flow: column;
    grid-gap: calc(15px * var(--ui-scale))    ; }
    #state_MainMenuState .topButtons .settingsButton,
    #state_MainMenuState .topButtons .exitAppButton,
    #state_MainMenuState .topButtons .languageChoose {
      width: calc(25px * var(--ui-scale))    ;
      height: calc(25px * var(--ui-scale))    ;
      pointer-events: all;
      cursor: pointer;
      transition: opacity 0.12s ease-in-out;
      opacity: 0.7; }
      #state_MainMenuState .topButtons .settingsButton::after,
      #state_MainMenuState .topButtons .exitAppButton::after,
      #state_MainMenuState .topButtons .languageChoose::after {
        content: "";
        position: absolute;
        top: calc(-2px * var(--ui-scale));
        bottom: calc(-2px * var(--ui-scale));
        left: calc(-2px * var(--ui-scale));
        right: calc(-2px * var(--ui-scale)); }
      #state_MainMenuState .topButtons .settingsButton:hover,
      #state_MainMenuState .topButtons .exitAppButton:hover,
      #state_MainMenuState .topButtons .languageChoose:hover {
        opacity: 1; }
    #state_MainMenuState .topButtons .languageChoose {
      border-radius: calc(8px * var(--ui-scale))    ;
      border: solid #222428;
      background-color: #fff;
      border-width: calc(2px * var(--ui-scale))    ;
      background-size: cover;
      opacity: 0.8; }
  #state_MainMenuState .fullscreenBackgroundVideo {
    z-index: -1;
    position: fixed;
    right: 50%;
    bottom: 50%;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    display: none;
    transform: translate(50%, 50%);
    filter: blur(calc(3px * var(--ui-scale))); }
    #state_MainMenuState .fullscreenBackgroundVideo.loaded {
      display: block;
      opacity: 0.07;
      animation: autogen_anim_ub09cacb8 0.1s ease-in-out !important; }

@keyframes autogen_anim_ub09cacb8 {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.07; } }
  #state_MainMenuState .mainWrapper {
    padding: calc(0px * var(--ui-scale)) calc(10px * var(--ui-scale))   ;
    align-items: start;
    justify-items: center;
    grid-column-gap: calc(10px * var(--ui-scale))    ;
    display: grid;
    grid-template-columns: 1fr; }
    #state_MainMenuState .mainWrapper.demo {
      grid-template-columns: 1fr 1fr; }
    #state_MainMenuState .mainWrapper .standaloneBanner {
      background: #ff4b54;
      border-radius: calc(6px * var(--ui-scale))    ;
      box-sizing: border-box;
      border: solid rgba(255, 255, 255, 0.15);
      border-width: calc(4px * var(--ui-scale))    ;
      padding: calc(15px * var(--ui-scale))    ;
      display: flex;
      flex-direction: column; }
      #state_MainMenuState .mainWrapper .standaloneBanner strong {
        font-weight: bold;
        margin: calc(0px * var(--ui-scale)) calc(4px * var(--ui-scale))   ; }
      #state_MainMenuState .mainWrapper .standaloneBanner h3 {
        font-size: calc(19px * var(--ui-scale));
        line-height: calc(21px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        font-weight: bold;
        margin-bottom: calc(20px * var(--ui-scale))    ;
        text-transform: uppercase;
        color: #fff; }
      #state_MainMenuState .mainWrapper .standaloneBanner p {
        font-size: calc(16px * var(--ui-scale));
        line-height: calc(21px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        color: #fff; }
      #state_MainMenuState .mainWrapper .standaloneBanner ul {
        margin-top: calc(5px * var(--ui-scale))    ;
        padding-left: calc(20px * var(--ui-scale))    ; }
        #state_MainMenuState .mainWrapper .standaloneBanner ul li {
          font-size: calc(16px * var(--ui-scale));
          line-height: calc(21px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em; }
      #state_MainMenuState .mainWrapper .standaloneBanner .steamLink {
        align-self: center;
        justify-self: center;
        width: 100%;
        height: calc(40px * var(--ui-scale))    ;
        width: calc(180px * var(--ui-scale))    ;
        background: #171a23 center center / contain no-repeat;
        overflow: hidden;
        display: block;
        text-indent: -999em;
        cursor: pointer;
        margin-top: calc(30px * var(--ui-scale))    ;
        pointer-events: all;
        transition: all 0.12s ease-in;
        transition-property: opacity, transform;
        transform: skewX(-0.5deg);
        border-radius: calc(2px * var(--ui-scale))    ; }
        #state_MainMenuState .mainWrapper .standaloneBanner .steamLink:hover {
          transform: scale(1.02);
          opacity: 0.9; }
  #state_MainMenuState .logo {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: calc(20px * var(--ui-scale))    ;
    position: relative; }
    #state_MainMenuState .logo img {
      width: calc(350px * var(--ui-scale))    ; }
    #state_MainMenuState .logo .demoBadge {
      margin: calc(10px * var(--ui-scale)) calc(0px * var(--ui-scale))   ;
      width: calc(100px * var(--ui-scale))    ;
      height: calc(30px * var(--ui-scale))    ;
      display: inline-block; }
    #state_MainMenuState .logo .updateLabel {
      position: absolute;
      transform: translateX(50%) rotate(-5deg);
      color: #e74e3a;
      font-size: calc(19px * var(--ui-scale));
      line-height: calc(21px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      font-weight: bold;
      right: calc(40px * var(--ui-scale))    ;
      bottom: calc(20px * var(--ui-scale))    ;
      animation: autogen_anim_uaed22ea9 1.3s ease-in-out infinite !important; }

@keyframes autogen_anim_uaed22ea9 {
  50% {
    transform: translateX(50%) rotate(-7deg) scale(1.1); } }
      html[data-theme="dark"] #state_MainMenuState .logo .updateLabel, #state_MainMenuState .logo .updateLabel[data-theme="dark"] {
        color: #4a97df; }
  #state_MainMenuState .betaWarning {
    width: calc(400px * var(--ui-scale))    ;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    background: #ef5072;
    padding: calc(10px * var(--ui-scale))    ;
    border-radius: calc(2px * var(--ui-scale))    ;
    color: #fff;
    margin-top: calc(10px * var(--ui-scale))    ;
    border: calc(2px * var(--ui-scale)) solid rgba(0, 10, 20, 0.1); }
  #state_MainMenuState .sideContainer {
    display: flex;
    flex-direction: column;
    width: calc(300px * var(--ui-scale))    ; }
    #state_MainMenuState .sideContainer .standaloneBanner {
      flex-grow: 1;
      margin-bottom: calc(10px * var(--ui-scale))    ; }
  #state_MainMenuState .mainContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fafafa;
    padding: calc(20px * var(--ui-scale))    ;
    border-radius: calc(2px * var(--ui-scale))    ;
    height: 100%;
    width: 100%;
    box-sizing: border-box; }
    #state_MainMenuState .mainContainer .buttons {
      display: flex;
      flex-direction: column;
      align-items: center; }
    #state_MainMenuState .mainContainer .browserWarning {
      margin-bottom: calc(10px * var(--ui-scale))    ;
      background-color: #ef5072;
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      color: #fff;
      border-radius: calc(2px * var(--ui-scale))    ;
      padding: calc(5px * var(--ui-scale))    ;
      width: calc(300px * var(--ui-scale))    ; }
    #state_MainMenuState .mainContainer .playButton,
    #state_MainMenuState .mainContainer .continueButton {
      font-size: calc(25px * var(--ui-scale));
      line-height: calc(24px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      min-width: calc(130px * var(--ui-scale))    ;
      padding: calc(15px * var(--ui-scale)) calc(20px * var(--ui-scale))   ;
      letter-spacing: 0.3em !important;
      font-weight: bold;
      color: #fff;
      background-color: #66bb6a;
      transition: transform 0.12s ease-in-out, background-color 0.12s ease-in-out; }
      #state_MainMenuState .mainContainer .playButton::after,
      #state_MainMenuState .mainContainer .continueButton::after {
        content: "";
        position: absolute;
        top: calc(0px * var(--ui-scale));
        bottom: calc(0px * var(--ui-scale));
        left: calc(0px * var(--ui-scale));
        right: calc(0px * var(--ui-scale)); }
      #state_MainMenuState .mainContainer .playButton:hover,
      #state_MainMenuState .mainContainer .continueButton:hover {
        background-color: #58b55c;
        opacity: 1; }
      #state_MainMenuState .mainContainer .playButton.continueButton,
      #state_MainMenuState .mainContainer .continueButton.continueButton {
        font-size: calc(19px * var(--ui-scale));
        line-height: calc(21px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em; }
    #state_MainMenuState .mainContainer .importButton {
      margin-top: calc(15px * var(--ui-scale))    ; }
      #state_MainMenuState .mainContainer .importButton::after {
        content: "";
        position: absolute;
        top: calc(0px * var(--ui-scale));
        bottom: calc(0px * var(--ui-scale));
        left: calc(0px * var(--ui-scale));
        right: calc(0px * var(--ui-scale)); }
    #state_MainMenuState .mainContainer .newGameButton {
      margin-top: calc(15px * var(--ui-scale))    ;
      margin-left: calc(15px * var(--ui-scale))    ; }
      #state_MainMenuState .mainContainer .newGameButton::after {
        content: "";
        position: absolute;
        top: calc(0px * var(--ui-scale));
        bottom: calc(0px * var(--ui-scale));
        left: calc(0px * var(--ui-scale));
        right: calc(0px * var(--ui-scale)); }
    #state_MainMenuState .mainContainer .savegames {
      max-height: calc(105px * var(--ui-scale))    ;
      overflow-y: auto;
      width: calc(250px * var(--ui-scale))    ;
      pointer-events: all;
      padding-right: calc(5px * var(--ui-scale))    ;
      display: grid;
      grid-auto-flow: row;
      grid-gap: calc(5px * var(--ui-scale))    ;
      margin-top: calc(10px * var(--ui-scale))    ; }
      #state_MainMenuState .mainContainer .savegames .savegame {
        background: #eee;
        border-radius: calc(2px * var(--ui-scale))    ;
        padding: calc(5px * var(--ui-scale))    ;
        display: grid;
        grid-template-columns: 1fr 1fr auto auto;
        grid-template-rows: auto auto;
        grid-column-gap: calc(4px * var(--ui-scale))    ;
        grid-row-gap: calc(1px * var(--ui-scale))    ; }
        #state_MainMenuState .mainContainer .savegames .savegame .playtime {
          grid-column: 2 / 3;
          grid-row: 2 / 3;
          font-size: calc(10px * var(--ui-scale));
          line-height: calc(13px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          opacity: 0.5; }
        #state_MainMenuState .mainContainer .savegames .savegame .level {
          grid-column: 1 / 2;
          grid-row: 2 / 3;
          font-size: calc(10px * var(--ui-scale));
          line-height: calc(13px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          opacity: 0.5; }
        #state_MainMenuState .mainContainer .savegames .savegame .name {
          grid-column: 1 / 3;
          grid-row: 1 / 2;
          font-size: calc(13px * var(--ui-scale));
          line-height: calc(17px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          display: inline-flex;
          align-items: center; }
          #state_MainMenuState .mainContainer .savegames .savegame .name > span {
            display: inline-flex;
            max-width: calc(140px * var(--ui-scale))    ;
            overflow: hidden; }
        #state_MainMenuState .mainContainer .savegames .savegame button.resumeGame,
        #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame,
        #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame,
        #state_MainMenuState .mainContainer .savegames .savegame button.renameGame {
          padding: 0;
          align-self: center;
          justify-self: center;
          background: #44484a center center / 40% no-repeat; }
          #state_MainMenuState .mainContainer .savegames .savegame button.resumeGame::after,
          #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame::after,
          #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame::after,
          #state_MainMenuState .mainContainer .savegames .savegame button.renameGame::after {
            content: "";
            position: absolute;
            top: calc(0px * var(--ui-scale));
            bottom: calc(0px * var(--ui-scale));
            left: calc(0px * var(--ui-scale));
            right: calc(0px * var(--ui-scale)); }
        #state_MainMenuState .mainContainer .savegames .savegame button.resumeGame {
          background-color: #44484a; }
        #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame {
          grid-column: 3 / 4;
          grid-row: 1 / 2;
          background-color: transparent;
          width: calc(15px * var(--ui-scale))    ;
          height: calc(15px * var(--ui-scale))    ;
          background-size: 80%;
          align-self: start;
          opacity: 0.4; }
          #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame::after {
            content: "";
            position: absolute;
            top: calc(0px * var(--ui-scale));
            bottom: calc(0px * var(--ui-scale));
            left: calc(0px * var(--ui-scale));
            right: calc(0px * var(--ui-scale)); }
          #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame:hover {
            opacity: 0.5; }
          html[data-theme="dark"] #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame, #state_MainMenuState .mainContainer .savegames .savegame button.downloadGame[data-theme="dark"] {
            filter: invert(1); }
        #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame {
          grid-column: 3 / 4;
          grid-row: 2 / 3;
          background-color: transparent;
          width: calc(15px * var(--ui-scale))    ;
          height: calc(15px * var(--ui-scale))    ;
          align-self: end;
          background-size: 80%;
          opacity: 0.4; }
          #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame::after {
            content: "";
            position: absolute;
            top: calc(0px * var(--ui-scale));
            bottom: calc(0px * var(--ui-scale));
            left: calc(0px * var(--ui-scale));
            right: calc(0px * var(--ui-scale)); }
          #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame:hover {
            opacity: 0.5; }
          html[data-theme="dark"] #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame, #state_MainMenuState .mainContainer .savegames .savegame button.deleteGame[data-theme="dark"] {
            filter: invert(1); }
        #state_MainMenuState .mainContainer .savegames .savegame button.renameGame {
          background-color: transparent;
          width: calc(10px * var(--ui-scale))    ;
          height: calc(10px * var(--ui-scale))    ;
          align-self: center;
          justify-self: center;
          background-size: 90%;
          opacity: 0.4;
          margin-left: calc(4px * var(--ui-scale))    ; }
          #state_MainMenuState .mainContainer .savegames .savegame button.renameGame::after {
            content: "";
            position: absolute;
            top: calc(-2px * var(--ui-scale));
            bottom: calc(-2px * var(--ui-scale));
            left: calc(-2px * var(--ui-scale));
            right: calc(-2px * var(--ui-scale)); }
          #state_MainMenuState .mainContainer .savegames .savegame button.renameGame:hover {
            opacity: 0.5; }
          html[data-theme="dark"] #state_MainMenuState .mainContainer .savegames .savegame button.renameGame, #state_MainMenuState .mainContainer .savegames .savegame button.renameGame[data-theme="dark"] {
            filter: invert(1); }
        #state_MainMenuState .mainContainer .savegames .savegame button.resumeGame {
          grid-column: 4 / 5;
          grid-row: 1 / 3;
          margin: 0;
          width: calc(32px * var(--ui-scale))    ;
          height: 100%;
          margin-left: calc(4px * var(--ui-scale))    ; }
          html[data-theme="dark"] #state_MainMenuState .mainContainer .savegames .savegame button.resumeGame, #state_MainMenuState .mainContainer .savegames .savegame button.resumeGame[data-theme="dark"] {
            background-color: #5e6474; }
  #state_MainMenuState .footer {
    display: grid;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    grid-template-columns: auto auto auto 1fr;
    padding: calc(10px * var(--ui-scale))    ;
    box-sizing: border-box;
    grid-gap: calc(4px * var(--ui-scale))    ;
    padding: calc(15px * var(--ui-scale))    ; }
    #state_MainMenuState .footer .author {
      flex-grow: 1;
      text-align: right;
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      color: #888a8f; }
      #state_MainMenuState .footer .author a {
        color: #333438; }
    #state_MainMenuState .footer > .boxLink {
      display: grid;
      align-items: center;
      grid-template-columns: 1fr auto;
      justify-content: center;
      padding: calc(5px * var(--ui-scale))    ;
      padding-left: calc(10px * var(--ui-scale))    ;
      border-radius: calc(2px * var(--ui-scale))    ;
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      font-weight: bold;
      box-sizing: border-box;
      text-transform: uppercase;
      color: #55586a;
      transition: background-color 0.12s ease-in-out;
      pointer-events: all;
      width: calc(120px * var(--ui-scale))    ;
      height: calc(60px * var(--ui-scale))    ;
      cursor: pointer; }
      #state_MainMenuState .footer > .boxLink:hover {
        background-color: #f3f3ff; }
      #state_MainMenuState .footer > .boxLink .thirdpartyLogo {
        display: inline-block;
        width: calc(50px * var(--ui-scale))    ;
        height: calc(50px * var(--ui-scale))    ;
        background: center center / 80% no-repeat; }
    #state_MainMenuState .footer > .sidelinks {
      display: grid;
      align-items: flex-start;
      justify-content: flex-start;
      grid-template-rows: 1fr 1fr 1fr;
      grid-gap: calc(3px * var(--ui-scale))    ;
      height: calc(60px * var(--ui-scale))    ; }
      #state_MainMenuState .footer > .sidelinks > a {
        color: #55586a;
        background: #fdfdff;
        height: 100%;
        font-size: calc(10px * var(--ui-scale));
        line-height: calc(13px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        width: 100%;
        padding: calc(2px * var(--ui-scale)) calc(10px * var(--ui-scale))   ;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: calc(25px * var(--ui-scale))    ;
        box-sizing: border-box;
        font-weight: bold;
        background-position: calc(5px * var(--ui-scale)) center;
        background-size: calc(12px * var(--ui-scale));
        background-repeat: no-repeat;
        border-radius: calc(2px * var(--ui-scale))    ;
        transition: background-color 0.12s ease-in-out; }
        #state_MainMenuState .footer > .sidelinks > a:hover {
          background-color: #f3f3ff; }
  html[data-theme="dark"] #state_MainMenuState, #state_MainMenuState[data-theme="dark"] {
    background: #535866 center center/cover !important; }
    html[data-theme="dark"] #state_MainMenuState .mainContainer, #state_MainMenuState[data-theme="dark"] .mainContainer {
      background: #484c58; }
      html[data-theme="dark"] #state_MainMenuState .mainContainer .savegames .savegame, #state_MainMenuState[data-theme="dark"] .mainContainer .savegames .savegame {
        background: #3c404a;
        color: white; }
    html[data-theme="dark"] #state_MainMenuState .footer > a,
    html[data-theme="dark"] #state_MainMenuState .footer .sidelinks > a, #state_MainMenuState[data-theme="dark"] .footer > a,
    #state_MainMenuState[data-theme="dark"] .footer .sidelinks > a {
      background-color: #484c58;
      color: #eee; }
      html[data-theme="dark"] #state_MainMenuState .footer > a:hover,
      html[data-theme="dark"] #state_MainMenuState .footer .sidelinks > a:hover, #state_MainMenuState[data-theme="dark"] .footer > a:hover,
      #state_MainMenuState[data-theme="dark"] .footer .sidelinks > a:hover {
        background-color: #3c404a; }
    html[data-theme="dark"] #state_MainMenuState .footer .author, #state_MainMenuState[data-theme="dark"] .footer .author {
      color: #bdbdbd; }
      html[data-theme="dark"] #state_MainMenuState .footer .author > a, #state_MainMenuState[data-theme="dark"] .footer .author > a {
        color: white; }
    html[data-theme="dark"] #state_MainMenuState .footer .thirdpartyLogo.githubLogo, #state_MainMenuState[data-theme="dark"] .footer .thirdpartyLogo.githubLogo {
      filter: invert(1); }

#state_InGameState .gameLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  display: flex;
  background: #dee1ea;
  flex-direction: column; }

#state_InGameState .prefab_GameHint {
  position: absolute;
  bottom: calc(40px * var(--ui-scale))    ;
  left: calc(20px * var(--ui-scale))    ;
  right: calc(20px * var(--ui-scale))    ;
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
  color: #666; }
  html[data-theme="dark"] #state_InGameState .prefab_GameHint, #state_InGameState .prefab_GameHint[data-theme="dark"] {
    color: #d8dae0; }

#state_InGameState #ingame_Canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#state_InGameState #ingame_HUD_ModalDialogs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

html[data-theme="dark"] #state_InGameState .gameLoadingOverlay, #state_InGameState[data-theme="dark"] .gameLoadingOverlay {
  background: #535866; }

#state_KeybindingsState .content .topEntries {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: calc(5px * var(--ui-scale))    ;
  margin-bottom: calc(10px * var(--ui-scale))    ; }

#state_KeybindingsState .content .hint {
  display: block;
  background: #eee;
  padding: calc(4px * var(--ui-scale))    ;
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em; }

#state_KeybindingsState .content .category .entry {
  display: grid;
  margin-top: calc(2px * var(--ui-scale))    ;
  padding-top: calc(2px * var(--ui-scale))    ;
  grid-gap: calc(4px * var(--ui-scale))    ;
  grid-template-columns: 1fr calc(100px * var(--ui-scale)) auto auto;
  border-bottom: calc(1px * var(--ui-scale)) dotted #eee;
  color: #888c8f; }
  #state_KeybindingsState .content .category .entry .mapping {
    color: #4a97df;
    text-align: center; }
  #state_KeybindingsState .content .category .entry button {
    height: calc(15px * var(--ui-scale))    ;
    width: calc(15px * var(--ui-scale))    ;
    background: transparent center center / 40% no-repeat;
    opacity: 0.9; }
    #state_KeybindingsState .content .category .entry button::after {
      content: "";
      position: absolute;
      top: calc(0px * var(--ui-scale));
      bottom: calc(0px * var(--ui-scale));
      left: calc(0px * var(--ui-scale));
      right: calc(0px * var(--ui-scale)); }
    #state_KeybindingsState .content .category .entry button.disabled {
      pointer-events: none;
      cursor: default;
      opacity: 0.1 !important; }

html[data-theme="dark"] #state_KeybindingsState .content .hint, #state_KeybindingsState[data-theme="dark"] .content .hint {
  background: #3e424d; }

html[data-theme="dark"] #state_KeybindingsState .content .category .entry, #state_KeybindingsState[data-theme="dark"] .content .category .entry {
  color: #c0c4c8;
  border-bottom-color: #888; }
  html[data-theme="dark"] #state_KeybindingsState .content .category .entry button, #state_KeybindingsState[data-theme="dark"] .content .category .entry button {
    filter: invert(1); }

#state_SettingsState .container .content {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: calc(10px * var(--ui-scale))    ; }
  @media (max-width: 1000px) {
    #state_SettingsState .container .content {
      grid-template-columns: 1fr;
      grid-template-rows: auto 1fr; } }
  #state_SettingsState .container .content .sidebar {
    display: grid;
    min-width: calc(210px * var(--ui-scale))    ;
    max-width: calc(320px * var(--ui-scale))    ;
    grid-gap: calc(3px * var(--ui-scale))    ;
    grid-template-rows: auto auto auto auto auto 1fr; }
    @media (max-width: 1000px) {
      #state_SettingsState .container .content .sidebar {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: auto auto;
        max-width: unset !important; } }
    #state_SettingsState .container .content .sidebar button {
      text-align: left;
      width: 100%;
      box-sizing: border-box; }
      #state_SettingsState .container .content .sidebar button::after {
        content: unset; }
      @media (max-width: 1000px) {
        #state_SettingsState .container .content .sidebar button {
          text-align: center; } }
    #state_SettingsState .container .content .sidebar .other {
      margin-top: calc(10px * var(--ui-scale))    ;
      align-self: end; }
      @media (max-width: 1000px) {
        #state_SettingsState .container .content .sidebar .other {
          margin-top: 0; } }
    #state_SettingsState .container .content .sidebar button.categoryButton,
    #state_SettingsState .container .content .sidebar button.about {
      background-color: #eeeff5;
      color: #777a7f; }
      #state_SettingsState .container .content .sidebar button.categoryButton.active,
      #state_SettingsState .container .content .sidebar button.about.active {
        background-color: #4a97df;
        color: #fff; }
        #state_SettingsState .container .content .sidebar button.categoryButton.active:hover,
        #state_SettingsState .container .content .sidebar button.about.active:hover {
          opacity: 1; }
      #state_SettingsState .container .content .sidebar button.categoryButton.pressed,
      #state_SettingsState .container .content .sidebar button.about.pressed {
        transform: none !important; }
    #state_SettingsState .container .content .sidebar .versionbar {
      margin-top: calc(10px * var(--ui-scale))    ;
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      display: grid;
      align-items: center;
      grid-template-columns: 1fr auto; }
      @media (max-width: 1000px) {
        #state_SettingsState .container .content .sidebar .versionbar {
          display: none; } }
      #state_SettingsState .container .content .sidebar .versionbar .buildVersion {
        display: flex;
        flex-direction: column;
        color: #aaadaf; }
  #state_SettingsState .container .content .categoryContainer {
    overflow-y: scroll;
    pointer-events: all;
    padding-right: calc(10px * var(--ui-scale))    ; }
    #state_SettingsState .container .content .categoryContainer .category {
      display: none; }
      #state_SettingsState .container .content .categoryContainer .category.active {
        display: block; }
      #state_SettingsState .container .content .categoryContainer .category .setting {
        padding: calc(10px * var(--ui-scale))    ;
        background: #eeeff5;
        border-radius: calc(2px * var(--ui-scale))    ;
        margin-bottom: calc(5px * var(--ui-scale))    ; }
        #state_SettingsState .container .content .categoryContainer .category .setting .desc {
          margin-top: calc(5px * var(--ui-scale))    ;
          font-size: calc(10px * var(--ui-scale));
          line-height: calc(13px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          color: #aaadb2; }
        #state_SettingsState .container .content .categoryContainer .category .setting > .row {
          display: grid;
          align-items: center;
          grid-template-columns: 1fr auto; }
          #state_SettingsState .container .content .categoryContainer .category .setting > .row > label {
            text-transform: uppercase;
            font-size: calc(16px * var(--ui-scale));
            line-height: calc(21px * var(--ui-scale));
            font-weight: 400;
            font-family: "GameFont", sans-serif;
            letter-spacing: 0.04em; }
        #state_SettingsState .container .content .categoryContainer .category .setting.disabled {
          pointer-events: none;
          position: relative; }
          #state_SettingsState .container .content .categoryContainer .category .setting.disabled * {
            pointer-events: none !important;
            cursor: default !important; }
          #state_SettingsState .container .content .categoryContainer .category .setting.disabled .standaloneOnlyHint {
            font-size: calc(13px * var(--ui-scale));
            line-height: calc(17px * var(--ui-scale));
            font-weight: 400;
            font-family: "GameFont", sans-serif;
            letter-spacing: 0.04em;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: all;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.5);
            text-transform: uppercase;
            color: #ef5072; }
        #state_SettingsState .container .content .categoryContainer .category .setting .value.enum {
          background: #fff;
          font-size: calc(13px * var(--ui-scale));
          line-height: calc(17px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          display: flex;
          align-items: flex-start;
          pointer-events: all;
          cursor: pointer;
          justify-content: center;
          min-width: calc(100px * var(--ui-scale))    ;
          border-radius: calc(2px * var(--ui-scale))    ;
          padding: calc(4px * var(--ui-scale))    ;
          padding-right: calc(15px * var(--ui-scale))    ;
          transition: background-color 0.12s ease-in-out; }
          #state_SettingsState .container .content .categoryContainer .category .setting .value.enum:hover {
            background-color: #fafafa; }

html[data-theme="dark"] #state_SettingsState .container .content .sidebar button.categoryButton,
html[data-theme="dark"] #state_SettingsState .container .content .sidebar button.about, #state_SettingsState[data-theme="dark"] .container .content .sidebar button.categoryButton,
#state_SettingsState[data-theme="dark"] .container .content .sidebar button.about {
  color: #ccc;
  background-color: #3c404a; }
  html[data-theme="dark"] #state_SettingsState .container .content .sidebar button.categoryButton.active,
  html[data-theme="dark"] #state_SettingsState .container .content .sidebar button.about.active, #state_SettingsState[data-theme="dark"] .container .content .sidebar button.categoryButton.active,
  #state_SettingsState[data-theme="dark"] .container .content .sidebar button.about.active {
    color: #fff;
    background-color: #4a97df; }

html[data-theme="dark"] #state_SettingsState .container .content .categoryContainer .category .setting, #state_SettingsState[data-theme="dark"] .container .content .categoryContainer .category .setting {
  background: #3c404a; }
  html[data-theme="dark"] #state_SettingsState .container .content .categoryContainer .category .setting .value.enum, #state_SettingsState[data-theme="dark"] .container .content .categoryContainer .category .setting .value.enum {
    background-color: #484c58;
    color: #ddd; }
    html[data-theme="dark"] #state_SettingsState .container .content .categoryContainer .category .setting .value.enum:hover, #state_SettingsState[data-theme="dark"] .container .content .categoryContainer .category .setting .value.enum:hover {
      background-color: #434752; }
  html[data-theme="dark"] #state_SettingsState .container .content .categoryContainer .category .setting .value.checkbox, #state_SettingsState[data-theme="dark"] .container .content .categoryContainer .category .setting .value.checkbox {
    background-color: #74767b; }
    html[data-theme="dark"] #state_SettingsState .container .content .categoryContainer .category .setting .value.checkbox.checked, #state_SettingsState[data-theme="dark"] .container .content .categoryContainer .category .setting .value.checkbox.checked {
      background-color: #4a97df; }

#state_AboutState > .container .content {
  max-width: calc(600px * var(--ui-scale))    ;
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  padding: 0;
  background: transparent; }

#state_AboutState .head {
  padding: calc(20px * var(--ui-scale))    ; }
  #state_AboutState .head img {
    display: block;
    margin: 0 auto;
    max-width: calc(200px * var(--ui-scale))    ; }

#state_AboutState .text {
  margin: calc(10px * var(--ui-scale))    ; }

#state_AboutState a {
  margin: calc(0px * var(--ui-scale)) calc(3px * var(--ui-scale))   ; }

#state_MobileWarningState {
  display: flex;
  align-items: center;
  background: #333438 !important;
  padding: calc(20px * var(--ui-scale))    ;
  box-sizing: border-box;
  justify-content: center;
  flex-direction: column; }
  #state_MobileWarningState .logo {
    width: 80%;
    max-width: 200px;
    margin-bottom: 10px; }
  #state_MobileWarningState p {
    color: #aaacaf;
    display: block;
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 20px;
    max-width: 300px;
    text-align: left; }
    #state_MobileWarningState p a {
      color: #4a97df; }
  #state_MobileWarningState .standaloneLink {
    width: 200px;
    height: 80px;
    min-height: 40px;
    overflow: hidden;
    display: block;
    text-indent: -999em;
    cursor: pointer;
    margin-top: 10px;
    pointer-events: all;
    transition: all 0.12s ease-in;
    transition-property: opacity, transform;
    transform: skewX(-0.5deg); }
    #state_MobileWarningState .standaloneLink:hover {
      transform: skewX(-1deg) scale(1.02);
      opacity: 0.9; }

#state_ChangelogState .content {
  max-width: calc(800px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column; }

#state_ChangelogState .entry {
  padding: 20px; }
  #state_ChangelogState .entry .version {
    font-size: calc(19px * var(--ui-scale));
    line-height: calc(21px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em; }
  #state_ChangelogState .entry .date {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    color: #aaabaf; }
    #state_ChangelogState .entry .date::before {
      content: " | "; }
  #state_ChangelogState .entry .changes {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    padding-left: calc(20px * var(--ui-scale))    ; }
    #state_ChangelogState .entry .changes strong {
      color: #aaa;
      text-transform: uppercase;
      padding: calc(1px * var(--ui-scale)) calc(2px * var(--ui-scale))   ;
      margin-right: calc(3px * var(--ui-scale))    ; }

.ingame_buildingsToolbar {
  position: absolute;
  bottom: calc(5px * var(--ui-scale))    ;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  background: transparent;
  transition: transform 120ms ease-in-out;
  will-change: transform; }
  .ingame_buildingsToolbar:not(.visible) {
    transform: translateX(-50%) translateY(calc(100px * var(--ui-scale))); }
  .ingame_buildingsToolbar .buildings {
    display: grid;
    grid-auto-flow: column;
    justify-items: center;
    align-self: center;
    grid-row: 2 / 3;
    background-color: rgba(240, 241, 243, 0.5);
    border-radius: calc(2px * var(--ui-scale))    ; }
    html[data-theme="dark"] .ingame_buildingsToolbar .buildings, .ingame_buildingsToolbar .buildings[data-theme="dark"] {
      background-color: rgba(49, 52, 60, 0.95); }
    .ingame_buildingsToolbar .buildings.secondary {
      grid-row: 1 / 2;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .ingame_buildingsToolbar .buildings.secondary .building {
        width: calc(30px * var(--ui-scale))    ;
        height: calc(22px * var(--ui-scale))    ;
        background-size: 45%; }
        .ingame_buildingsToolbar .buildings.secondary .building:not(.unlocked)::before {
          background-size: calc(13px * var(--ui-scale)); }
    .ingame_buildingsToolbar .buildings .building {
      color: #7d808a;
      display: flex;
      flex-direction: column;
      position: relative;
      align-items: center;
      justify-content: center;
      padding: calc(5px * var(--ui-scale))    ;
      padding-bottom: calc(1px * var(--ui-scale))    ;
      width: calc(35px * var(--ui-scale))    ;
      height: calc(40px * var(--ui-scale))    ;
      background: center center / 70% no-repeat;
      border-radius: calc(2px * var(--ui-scale))    ; }
      .ingame_buildingsToolbar .buildings .building:not(.unlocked) {
        width: calc(20px * var(--ui-scale))    ;
        opacity: 0.15;
        background-image: none !important; }
        .ingame_buildingsToolbar .buildings .building:not(.unlocked)::before {
          content: " ";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 4; }
      .ingame_buildingsToolbar .buildings .building.unlocked {
        pointer-events: all;
        transition: all 50ms ease-in-out;
        transition-property: background-color, transform;
        cursor: pointer; }
        .ingame_buildingsToolbar .buildings .building.unlocked:hover {
          background-color: rgba(30, 40, 90, 0.1); }
        .ingame_buildingsToolbar .buildings .building.unlocked.pressed {
          transform: scale(0.9) !important; }
        .ingame_buildingsToolbar .buildings .building.unlocked.selected {
          background-color: rgba(113, 173, 230, 0.4); }
          .ingame_buildingsToolbar .buildings .building.unlocked.selected .keybinding {
            color: #111; }

#ingame_HUD_PlacementHints {
  position: fixed;
  top: calc(60px * var(--ui-scale))    ;
  right: calc(10px * var(--ui-scale))    ;
  display: grid;
  padding: calc(6px * var(--ui-scale))    ;
  border-radius: calc(2px * var(--ui-scale))    ;
  width: calc(240px * var(--ui-scale))    ;
  grid-column-gap: calc(5px * var(--ui-scale))    ;
  background: rgba(51, 52, 56, 0.9);
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  transition: opacity 0.1s ease-out; }
  html[data-theme="dark"] #ingame_HUD_PlacementHints, #ingame_HUD_PlacementHints[data-theme="dark"] {
    background-color: #55585a; }
  #ingame_HUD_PlacementHints.hovered {
    opacity: 0.1; }
    #ingame_HUD_PlacementHints.hovered .buildingImage {
      opacity: 0; }
  #ingame_HUD_PlacementHints .buildingLabel {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    margin-bottom: calc(2px * var(--ui-scale))    ;
    color: #fff;
    text-transform: uppercase;
    grid-column: 1 / 3;
    grid-row: 1 / 2; }
  #ingame_HUD_PlacementHints .description {
    color: #bbb;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    display: grid;
    grid-template-rows: 1fr auto; }
    #ingame_HUD_PlacementHints .description strong {
      color: #fff; }
  #ingame_HUD_PlacementHints .additionalInfo {
    display: grid;
    grid-template-columns: auto 1fr; }
    #ingame_HUD_PlacementHints .additionalInfo label {
      color: #89cb8c;
      font-weight: bold;
      margin-right: calc(5px * var(--ui-scale))    ; }
  #ingame_HUD_PlacementHints .hotkey {
    color: #89cb8c;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center; }
    #ingame_HUD_PlacementHints .hotkey .keybinding {
      position: relative;
      margin-left: calc(5px * var(--ui-scale))    ; }
  #ingame_HUD_PlacementHints .buildingImage {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    width: calc(100px * var(--ui-scale))    ;
    height: calc(100px * var(--ui-scale))    ;
    background: top left / 100% 100% no-repeat;
    border-radius: calc(2px * var(--ui-scale))    ;
    transition: opacity 0.1s ease-in-out; }
  @media (max-width: 700px) {
    #ingame_HUD_PlacementHints {
      display: none !important; } }
  #ingame_HUD_PlacementHints.compact {
    width: unset !important;
    grid-template-columns: 1fr; }
    #ingame_HUD_PlacementHints.compact .buildingImage,
    #ingame_HUD_PlacementHints.compact .description > .text {
      display: none; }

#ingame_HUD_PlacerVariants {
  position: absolute;
  right: calc(10px * var(--ui-scale))    ;
  top: calc(200px * var(--ui-scale))    ;
  display: flex;
  grid-gap: calc(5px * var(--ui-scale))    ;
  flex-direction: column;
  align-items: flex-end; }
  #ingame_HUD_PlacerVariants.compact {
    top: calc(150px * var(--ui-scale))    ; }
  #ingame_HUD_PlacerVariants .explanation {
    text-transform: uppercase;
    grid-row: 1 / 2;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-align: right;
    font-weight: bold !important; }
    #ingame_HUD_PlacerVariants .explanation .keybinding {
      position: relative; }
    html[data-theme="dark"] #ingame_HUD_PlacerVariants .explanation, #ingame_HUD_PlacerVariants .explanation[data-theme="dark"] {
      color: rgba(255, 255, 255, 0.5); }
  #ingame_HUD_PlacerVariants .variants {
    display: grid;
    grid-gap: calc(5px * var(--ui-scale))    ; }
    #ingame_HUD_PlacerVariants .variants .variant {
      pointer-events: all;
      cursor: pointer;
      grid-row: 2 / 3;
      border-radius: calc(2px * var(--ui-scale))    ;
      background: rgba(51, 52, 56, 0.3);
      opacity: 0.5;
      display: inline-flex;
      vertical-align: top;
      position: relative;
      align-items: center;
      padding: calc(3px * var(--ui-scale))    ;
      grid-gap: calc(10px * var(--ui-scale))    ;
      transition: background-color 0.12s ease-in-out; }
      #ingame_HUD_PlacerVariants .variants .variant:hover:not(.active) {
        background: rgba(74, 151, 223, 0.8);
        opacity: 1; }
      #ingame_HUD_PlacerVariants .variants .variant.active {
        opacity: 1;
        background-color: rgba(74, 151, 223, 0.8); }
      #ingame_HUD_PlacerVariants .variants .variant .iconWrap {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        position: relative;
        width: calc(25px * var(--ui-scale))    ;
        height: calc(25px * var(--ui-scale))    ;
        background: center center / contain no-repeat; }
        #ingame_HUD_PlacerVariants .variants .variant .iconWrap[data-tile-w="2"] {
          width: calc(50px * var(--ui-scale))    ; }
        #ingame_HUD_PlacerVariants .variants .variant .iconWrap[data-tile-h="2"] {
          height: calc(50px * var(--ui-scale))    ; }
        #ingame_HUD_PlacerVariants .variants .variant .iconWrap[data-tile-h="3"] {
          height: calc(75px * var(--ui-scale))    ; }
        #ingame_HUD_PlacerVariants .variants .variant .iconWrap[data-tile-w="3"] {
          width: calc(75px * var(--ui-scale))    ; }
        #ingame_HUD_PlacerVariants .variants .variant .iconWrap[data-tile-w="4"] {
          width: calc(100px * var(--ui-scale))    ; }
      #ingame_HUD_PlacerVariants .variants .variant .label {
        display: none;
        grid-column: 2 / 3;
        text-transform: uppercase;
        grid-row: 1 / 2;
        font-size: calc(10px * var(--ui-scale));
        line-height: calc(13px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        color: #fff; }

#ingame_HUD_BetaOverlay {
  position: fixed;
  top: calc(10px * var(--ui-scale))    ;
  left: 50%;
  transform: translateX(-50%);
  color: #ef5072;
  font-size: calc(19px * var(--ui-scale));
  line-height: calc(21px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }
  #ingame_HUD_BetaOverlay h2 {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em; }
  #ingame_HUD_BetaOverlay span {
    color: #555;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em; }

#ingame_HUD_KeybindingOverlay {
  position: absolute;
  top: calc(10px * var(--ui-scale))    ;
  left: calc(10px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #333438;
  backdrop-filter: blur(calc(1px * var(--ui-scale)));
  padding: calc(3px * var(--ui-scale));
  transition: opacity 0.1s ease-out; }
  html[data-theme="dark"] #ingame_HUD_KeybindingOverlay, #ingame_HUD_KeybindingOverlay[data-theme="dark"] {
    color: #fff; }
  #ingame_HUD_KeybindingOverlay.hovered {
    opacity: 0.1; }
  #ingame_HUD_KeybindingOverlay > .binding {
    display: inline-grid;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    align-items: center;
    margin-bottom: calc(3px * var(--ui-scale))    ;
    grid-auto-flow: column;
    grid-gap: calc(2px * var(--ui-scale))    ; }
    #ingame_HUD_KeybindingOverlay > .binding:not(.visible) {
      display: none !important; }
    #ingame_HUD_KeybindingOverlay > .binding i {
      display: inline-block;
      height: calc(10px * var(--ui-scale))    ;
      width: 1px;
      margin: calc(0px * var(--ui-scale)) calc(3px * var(--ui-scale))   ;
      background-color: #fff;
      transform: rotate(10deg); }
    #ingame_HUD_KeybindingOverlay > .binding code {
      position: relative;
      top: unset;
      left: unset;
      margin: 0; }
    #ingame_HUD_KeybindingOverlay > .binding label {
      color: #333438;
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-left: calc(5px * var(--ui-scale))    ; }
      html[data-theme="dark"] #ingame_HUD_KeybindingOverlay > .binding label, #ingame_HUD_KeybindingOverlay > .binding label[data-theme="dark"] {
        color: #fff; }

body.uiHidden #ingame_HUD_KeybindingOverlay .binding:not(.hudToggle) {
  display: none; }

#ingame_HUD_UnlockNotification {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  pointer-events: all;
  animation: autogen_anim_u07ef9eb3 0.1s ease-in-out !important; }

@keyframes autogen_anim_u07ef9eb3 {
  0% {
    opacity: 0; } }
  #ingame_HUD_UnlockNotification .dialog {
    border-radius: calc(2px * var(--ui-scale))    ;
    padding: calc(30px * var(--ui-scale))    ;
    animation: autogen_anim_u3158a517 0.5s ease-in-out !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-align: center; }

@keyframes autogen_anim_u3158a517 {
  0% {
    opacity: 0; } }
    #ingame_HUD_UnlockNotification .dialog .title,
    #ingame_HUD_UnlockNotification .dialog .subTitle {
      font-size: calc(25px * var(--ui-scale));
      line-height: calc(24px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      font-size: calc(40px * var(--ui-scale))    ;
      animation: autogen_anim_ue7733e44 0.5s ease-in-out !important; }

@keyframes autogen_anim_ue7733e44 {
  0% {
    transform: translateY(-50vh); }
  50% {
    transform: translateY(5vh); }
  75% {
    transform: translateY(-2vh); } }
    #ingame_HUD_UnlockNotification .dialog .subTitle {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      display: inline-block;
      margin: calc(5px * var(--ui-scale)) calc(0px * var(--ui-scale)) calc(20px * var(--ui-scale))  ;
      color: #66bb6a;
      border-radius: calc(2px * var(--ui-scale))    ;
      animation: autogen_anim_ude2b2282 0.5s ease-in-out !important; }

@keyframes autogen_anim_ude2b2282 {
  0% {
    transform: translateY(-60vh); }
  50% {
    transform: translateY(6vh); }
  75% {
    transform: translateY(-3vh); } }
    #ingame_HUD_UnlockNotification .dialog .contents {
      width: calc(400px * var(--ui-scale))    ;
      animation: autogen_anim_u18b313ed 0.5s ease-in-out !important;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      grid-gap: calc(10px * var(--ui-scale))    ; }

@keyframes autogen_anim_u18b313ed {
  0% {
    transform: translateX(-100vw); }
  50% {
    transform: translateX(5vw); }
  75% {
    transform: translateX(-2vw); } }
      #ingame_HUD_UnlockNotification .dialog .contents .rewardName {
        grid-column: 1 / 3;
        display: none;
        animation: autogen_anim_u0b4db470 0.5s ease-in-out !important; }

@keyframes autogen_anim_u0b4db470 {
  0% {
    transform: translateX(200vw); }
  50% {
    transform: translateX(-10vw); }
  75% {
    transform: translateX(4vw); } }
      #ingame_HUD_UnlockNotification .dialog .contents .rewardDesc {
        grid-column: 1 / 3;
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        margin-bottom: calc(15px * var(--ui-scale))    ;
        color: #aaacaf;
        width: calc(400px * var(--ui-scale))    ;
        text-align: left; }
        #ingame_HUD_UnlockNotification .dialog .contents .rewardDesc strong {
          color: #fff; }
      #ingame_HUD_UnlockNotification .dialog .contents .images {
        display: flex; }
        #ingame_HUD_UnlockNotification .dialog .contents .images .buildingExplanation {
          width: calc(200px * var(--ui-scale))    ;
          height: calc(200px * var(--ui-scale))    ;
          display: inline-block;
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          border-radius: calc(2px * var(--ui-scale))    ;
          box-shadow: calc(2px * var(--ui-scale)) calc(3px * var(--ui-scale)) 0 0 rgba(0, 0, 0, 0.15); }
    #ingame_HUD_UnlockNotification .dialog button.close {
      border: 0;
      position: relative;
      margin-top: calc(30px * var(--ui-scale))    ; }
      #ingame_HUD_UnlockNotification .dialog button.close:not(.unlocked) {
        pointer-events: none;
        opacity: 0.8;
        cursor: default; }
      #ingame_HUD_UnlockNotification .dialog button.close.unlocked::after {
        animation: none !important; }
      #ingame_HUD_UnlockNotification .dialog button.close::after {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 100%;
        right: 0;
        bottom: 0;
        background: rgba(0, 10, 20, 0.8);
        animation: autogen_anim_u40ebc90b 5s linear !important; }

@keyframes autogen_anim_u40ebc90b {
  0% {
    left: 0; }
  100% {
    left: 100%; } }

#ingame_HUD_Shop .content {
  padding-right: calc(10px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column;
  width: calc(500px * var(--ui-scale))    ; }
  #ingame_HUD_Shop .content .upgrade {
    display: grid;
    grid-template-columns: auto 1fr auto;
    background: #eee;
    border-radius: calc(2px * var(--ui-scale))    ;
    margin-bottom: calc(4px * var(--ui-scale))    ;
    padding: calc(5px * var(--ui-scale)) calc(10px * var(--ui-scale))   ;
    grid-row-gap: calc(1px * var(--ui-scale))    ;
    height: calc(85px * var(--ui-scale))    ;
    grid-template-rows: calc(20px * var(--ui-scale)) auto; }
    #ingame_HUD_Shop .content .upgrade:last-child {
      margin-bottom: 0; }
    html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade, #ingame_HUD_Shop .content .upgrade[data-theme="dark"] {
      background: #484c58; }
    #ingame_HUD_Shop .content .upgrade .title {
      grid-column: 1 / 3;
      grid-row: 1 / 2;
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: flex-end; }
      html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade .title, #ingame_HUD_Shop .content .upgrade .title[data-theme="dark"] {
        color: #fff; }
      #ingame_HUD_Shop .content .upgrade .title .tier {
        margin-right: calc(9px * var(--ui-scale))    ;
        background: #66bb6a;
        border-radius: calc(2px * var(--ui-scale))    ;
        text-transform: uppercase;
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        color: #fff;
        text-align: center;
        font-weight: bold;
        min-width: calc(50px * var(--ui-scale))    ;
        padding: calc(0px * var(--ui-scale)) calc(5px * var(--ui-scale))   ; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="0"] {
          background-color: #49babe; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="1"] {
          background-color: #586ecf; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="2"] {
          background-color: #bd64c0; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="3"] {
          background-color: #75c062; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="4"] {
          background-color: #f34d30; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="5"] {
          background-color: #ffd106; }
        #ingame_HUD_Shop .content .upgrade .title .tier[data-tier="6"] {
          background-color: #2c292e; }
    #ingame_HUD_Shop .content .upgrade .icon {
      width: calc(40px * var(--ui-scale))    ;
      height: calc(40px * var(--ui-scale))    ;
      background: center center / 80% no-repeat;
      align-self: center;
      justify-self: center;
      grid-column: 1 / 2;
      grid-row: 2 / 4;
      margin-right: calc(30px * var(--ui-scale))    ;
      margin-left: calc(10px * var(--ui-scale))    ;
      opacity: 0.32;
      display: none; }
    #ingame_HUD_Shop .content .upgrade .description {
      grid-column: 2 / 4;
      grid-row: 1 / 2;
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      color: #aaa;
      align-self: start;
      justify-self: end; }
    #ingame_HUD_Shop .content .upgrade .requirements {
      grid-column: 2 / 3;
      grid-row: 3 / 4;
      display: grid;
      grid-auto-flow: column;
      grid-gap: calc(9px * var(--ui-scale))    ;
      justify-content: start; }
      #ingame_HUD_Shop .content .upgrade .requirements .requirement {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(70px * var(--ui-scale))    ;
        overflow: hidden; }
        #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin {
          width: calc(12px * var(--ui-scale))    ;
          height: calc(12px * var(--ui-scale))    ;
          position: absolute;
          top: calc(2px * var(--ui-scale))    ;
          right: calc(2px * var(--ui-scale))    ;
          opacity: 0.6;
          cursor: pointer;
          pointer-events: all;
          transition: opacity 0.12s ease-in-out; }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin::after {
            content: "";
            position: absolute;
            top: calc(-5px * var(--ui-scale));
            bottom: calc(-5px * var(--ui-scale));
            left: calc(-5px * var(--ui-scale));
            right: calc(-5px * var(--ui-scale)); }
          html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin, #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin[data-theme="dark"] {
            filter: invert(1); }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin:hover {
            opacity: 0.7; }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin.alreadyPinned {
            opacity: 0.2 !important; }
            #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin.alreadyPinned:hover {
              opacity: 0.3 !important; }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin.pinned {
            opacity: 0.2;
            animation: autogen_anim_ud06d2f77 0.3s ease-in-out !important; }

@keyframes autogen_anim_ud06d2f77 {
  0% {
    opacity: 1;
    transform: scale(0.8); }
  30% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
            #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin.pinned:hover {
              opacity: 0.3; }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin.unpinned {
            opacity: 0.6;
            animation: autogen_anim_u22ebb36c 0.3s ease-in-out !important; }

@keyframes autogen_anim_u22ebb36c {
  0% {
    opacity: 1;
    transform: scale(0.8); }
  30% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
            #ingame_HUD_Shop .content .upgrade .requirements .requirement button.pin.unpinned:hover {
              opacity: 0.7; }
        #ingame_HUD_Shop .content .upgrade .requirements .requirement button.showInfo {
          width: calc(11px * var(--ui-scale))    ;
          height: calc(11px * var(--ui-scale))    ;
          position: absolute;
          top: calc(17px * var(--ui-scale))    ;
          right: calc(2.5px * var(--ui-scale))    ;
          opacity: 0.5;
          cursor: pointer;
          pointer-events: all;
          transition: opacity 0.12s ease-in-out; }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.showInfo::after {
            content: "";
            position: absolute;
            top: calc(-5px * var(--ui-scale));
            bottom: calc(-5px * var(--ui-scale));
            left: calc(-5px * var(--ui-scale));
            right: calc(-5px * var(--ui-scale)); }
          html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade .requirements .requirement button.showInfo, #ingame_HUD_Shop .content .upgrade .requirements .requirement button.showInfo[data-theme="dark"] {
            filter: invert(1); }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement button.showInfo:hover {
            opacity: 0.6; }
        #ingame_HUD_Shop .content .upgrade .requirements .requirement canvas {
          width: calc(40px * var(--ui-scale))    ;
          height: calc(40px * var(--ui-scale))    ; }
        #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount {
          margin-top: calc(4px * var(--ui-scale))    ;
          z-index: 10;
          font-size: calc(10px * var(--ui-scale));
          line-height: calc(13px * var(--ui-scale));
          font-weight: 400;
          font-family: "GameFont", sans-serif;
          letter-spacing: 0.04em;
          letter-spacing: 0;
          background: #e2e4e6;
          line-height: calc(13px * var(--ui-scale))    ;
          border-radius: calc(2px * var(--ui-scale))    ;
          padding: calc(1px * var(--ui-scale)) calc(0px * var(--ui-scale)) calc(2px * var(--ui-scale))  ;
          position: relative;
          text-align: center;
          min-width: calc(50px * var(--ui-scale))    ;
          overflow: hidden;
          width: 100%; }
          html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount, #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount[data-theme="dark"] {
            background: #333438;
            color: #fff; }
          #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount .progressBar {
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            border-radius: calc(2px * var(--ui-scale))    ;
            position: absolute;
            display: inline-block;
            z-index: -1;
            transition: all 0.2s ease-in-out;
            transition-property: width, background-color;
            background: #bdbfca; }
            html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount .progressBar, #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount .progressBar[data-theme="dark"] {
              background: #8c8d96; }
            #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount .progressBar.complete {
              background-color: #66bb6a; }
              html[data-theme="dark"] #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount .progressBar.complete, #ingame_HUD_Shop .content .upgrade .requirements .requirement .amount .progressBar.complete[data-theme="dark"] {
                background-color: #66bb6a; }
    #ingame_HUD_Shop .content .upgrade button.buy {
      grid-column: 3 / 4;
      grid-row: 3 / 4;
      align-self: center;
      justify-self: end;
      background-color: #66bb6a;
      color: #fff;
      transition: all 0.2s ease-in-out;
      transition-property: background-color, opacity; }
      #ingame_HUD_Shop .content .upgrade button.buy:not(.buyable) {
        background-color: #aaa;
        cursor: default;
        pointer-events: none;
        opacity: 0.3; }
      #ingame_HUD_Shop .content .upgrade button.buy.buyable {
        animation: autogen_anim_u1faf2d7c 1s ease-in-out infinite !important; }

@keyframes autogen_anim_u1faf2d7c {
  50% {
    background-color: #89cb8c; } }
    #ingame_HUD_Shop .content .upgrade.maxLevel button.buy {
      opacity: 0 !important; }
    #ingame_HUD_Shop .content .upgrade.maxLevel .requirements {
      display: none; }
    #ingame_HUD_Shop .content .upgrade.maxLevel .description {
      color: #66bb6a; }

#ingame_HUD_GameMenu {
  position: absolute;
  top: calc(10px * var(--ui-scale))    ;
  right: calc(10px * var(--ui-scale))    ;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: calc(6px * var(--ui-scale))    ;
  backdrop-filter: blur(calc(1px * var(--ui-scale))); }
  #ingame_HUD_GameMenu > button,
  #ingame_HUD_GameMenu > .button {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    background: green;
    width: calc(30px * var(--ui-scale))    ;
    height: calc(30px * var(--ui-scale))    ;
    pointer-events: all;
    cursor: pointer;
    position: relative;
    transition: all 0.12s ease-in-out;
    transition-property: opacity, transform;
    display: inline-flex;
    background: center center / 70% no-repeat;
    grid-row: 1;
    opacity: 0.7; }
    #ingame_HUD_GameMenu > button::after,
    #ingame_HUD_GameMenu > .button::after {
      content: "";
      position: absolute;
      top: calc(0px * var(--ui-scale));
      bottom: calc(0px * var(--ui-scale));
      left: calc(0px * var(--ui-scale));
      right: calc(0px * var(--ui-scale)); }
    #ingame_HUD_GameMenu > button.pressed,
    #ingame_HUD_GameMenu > .button.pressed {
      transform: scale(0.9) !important; }
    #ingame_HUD_GameMenu > button:hover,
    #ingame_HUD_GameMenu > .button:hover {
      opacity: 0.9 !important; }
    html[data-theme="dark"] #ingame_HUD_GameMenu > button, #ingame_HUD_GameMenu > button[data-theme="dark"], html[data-theme="dark"]
    #ingame_HUD_GameMenu > .button,
    #ingame_HUD_GameMenu > .button[data-theme="dark"] {
      filter: invert(1); }
    #ingame_HUD_GameMenu > button.shop,
    #ingame_HUD_GameMenu > .button.shop {
      grid-column: 1; }
    #ingame_HUD_GameMenu > button.stats,
    #ingame_HUD_GameMenu > .button.stats {
      grid-column: 2; }
    #ingame_HUD_GameMenu > button.save,
    #ingame_HUD_GameMenu > .button.save {
      grid-column: 3; }

@keyframes autogen_anim_u599a50a9_even {
  0% {
    transform: scale(1, 1); }
  70% {
    transform: scale(1.5, 1.5) rotate(20deg);
    opacity: 0.2; }
  85% {
    transform: scale(0.9, 0.9);
    opacity: 1; }
  90% {
    transform: scale(1.1, 1.1); } }

@keyframes autogen_anim_u599a50a9_odd {
  0% {
    transform: scale(1, 1); }
  70% {
    transform: scale(1.5, 1.5) rotate(20deg);
    opacity: 0.2; }
  85% {
    transform: scale(0.9, 0.9);
    opacity: 1; }
  90% {
    transform: scale(1.1, 1.1); } }
      #ingame_HUD_GameMenu > button.save.animEven,
      #ingame_HUD_GameMenu > .button.save.animEven {
        animation: autogen_anim_u599a50a9_even 0.5s ease-in-out; }
      #ingame_HUD_GameMenu > button.save.animOdd,
      #ingame_HUD_GameMenu > .button.save.animOdd {
        animation: autogen_anim_u599a50a9_odd 0.5s ease-in-out; }
      #ingame_HUD_GameMenu > button.save.saving,
      #ingame_HUD_GameMenu > .button.save.saving {
        animation: autogen_anim_uead0d9dd 0.4s ease-in-out infinite !important;
        pointer-events: none;
        cursor: default; }

@keyframes autogen_anim_uead0d9dd {
  50% {
    opacity: 0.5;
    transform: scale(0.8); } }
    #ingame_HUD_GameMenu > button.settings,
    #ingame_HUD_GameMenu > .button.settings {
      grid-column: 4; }
    #ingame_HUD_GameMenu > button:hover,
    #ingame_HUD_GameMenu > .button:hover {
      opacity: 0.9;
      transform: translateY(0); }
    #ingame_HUD_GameMenu > button:not(.hasBadge) .badge,
    #ingame_HUD_GameMenu > .button:not(.hasBadge) .badge {
      display: none; }
    #ingame_HUD_GameMenu > button.hasBadge,
    #ingame_HUD_GameMenu > .button.hasBadge {
      transform-origin: 50% 50%;
      animation: autogen_anim_uf35a7987 0.8s ease-in-out infinite !important; }
      #ingame_HUD_GameMenu > button.hasBadge.shop,
      #ingame_HUD_GameMenu > .button.hasBadge.shop {
        filter: none;
        opacity: 0.9; }

@keyframes autogen_anim_uf35a7987 {
  50% {
    transform: scale(1.3) rotate(6deg); } }
      #ingame_HUD_GameMenu > button.hasBadge .badge,
      #ingame_HUD_GameMenu > .button.hasBadge .badge {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        display: flex;
        justify-content: center;
        align-items: center; }

.ingameDialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: all;
  background: rgba(160, 165, 180, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: autogen_anim_ub5d89c40 0.12s ease-in-out !important; }

@keyframes autogen_anim_ub5d89c40 {
  0% {
    background-color: transparent;
    opacity: 0.5; }
  100% {
    background-color: rgba(160, 165, 180, 0.8); } }
  html[data-theme="dark"] .ingameDialog, .ingameDialog[data-theme="dark"] {
    background: rgba(72, 76, 88, 0.9);
    animation: autogen_anim_u582b3f9b 0.12s ease-in-out !important; }

@keyframes autogen_anim_u582b3f9b {
  0% {
    background-color: transparent;
    opacity: 0.5; }
  100% {
    background-color: rgba(72, 76, 88, 0.9); } }
    html[data-theme="dark"] .ingameDialog > .dialogInner.optionChooserDialog .optionParent .option, .ingameDialog[data-theme="dark"] > .dialogInner.optionChooserDialog .optionParent .option {
      background: #484c58; }
      html[data-theme="dark"] .ingameDialog > .dialogInner.optionChooserDialog .optionParent .option:hover, .ingameDialog[data-theme="dark"] > .dialogInner.optionChooserDialog .optionParent .option:hover {
        background-color: #535866; }
      html[data-theme="dark"] .ingameDialog > .dialogInner.optionChooserDialog .optionParent .option.active, .ingameDialog[data-theme="dark"] > .dialogInner.optionChooserDialog .optionParent .option.active {
        background: #4a97df;
        color: #fff; }
  .ingameDialog.visible {
    backdrop-filter: blur(calc(3px * var(--ui-scale))); }
    .ingameDialog.visible .dialogInner {
      opacity: 1; }
  .ingameDialog .dialogInner {
    transition: opacity 0.2s ease-in-out;
    opacity: 0; }
  .ingameDialog.loadingDialog * {
    color: #fff; }
  .ingameDialog > .dialogInner {
    background: #fff;
    max-height: calc(100vh - calc(40px * var(--ui-scale)));
    border-radius: calc(2px * var(--ui-scale))    ;
    display: flex;
    flex-direction: column;
    padding: calc(12px * var(--ui-scale))    ;
    pointer-events: all; }
    html[data-theme="dark"] .ingameDialog > .dialogInner, .ingameDialog > .dialogInner[data-theme="dark"] {
      background: #3c404a; }
    .ingameDialog > .dialogInner.optionChooserDialog .optionParent {
      display: grid;
      grid-gap: calc(5px * var(--ui-scale))    ;
      grid-template-columns: 1fr 1fr; }
      .ingameDialog > .dialogInner.optionChooserDialog .optionParent .option {
        pointer-events: all;
        cursor: pointer;
        padding: calc(10px * var(--ui-scale))    ;
        background: #eee;
        transition: background-color 0.12s ease-in-out; }
        .ingameDialog > .dialogInner.optionChooserDialog .optionParent .option:hover {
          background-color: #e7e7e7; }
        .ingameDialog > .dialogInner.optionChooserDialog .optionParent .option.active {
          background-color: #4a97df;
          color: #fff; }
    .ingameDialog > .dialogInner > .title {
      font-size: calc(19px * var(--ui-scale));
      line-height: calc(21px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      margin: 0;
      text-transform: uppercase;
      display: grid;
      align-items: center;
      grid-template-columns: 1fr auto;
      margin-bottom: calc(10px * var(--ui-scale))    ; }
      html[data-theme="dark"] .ingameDialog > .dialogInner > .title, .ingameDialog > .dialogInner > .title[data-theme="dark"] {
        filter: invert(1); }
      .ingameDialog > .dialogInner > .title > .closeButton {
        opacity: 0.7;
        width: calc(20px * var(--ui-scale))    ;
        height: calc(20px * var(--ui-scale))    ;
        cursor: pointer;
        pointer-events: all;
        transition: opacity 0.2s ease-in-out; }
        .ingameDialog > .dialogInner > .title > .closeButton:hover {
          opacity: 0.4; }
    .ingameDialog > .dialogInner > .content {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      overflow-y: auto;
      pointer-events: all;
      width: calc(350px * var(--ui-scale))    ; }
      html[data-theme="dark"] .ingameDialog > .dialogInner > .content, .ingameDialog > .dialogInner > .content[data-theme="dark"] {
        color: #aaa; }
      .ingameDialog > .dialogInner > .content a {
        color: #4a97df; }
      .ingameDialog > .dialogInner > .content strong {
        font-weight: bold; }
      .ingameDialog > .dialogInner > .content .keybinding {
        position: relative;
        background: #eee;
        font-size: calc(13px * var(--ui-scale));
        line-height: calc(17px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        height: unset;
        margin: 1px 0; }
      .ingameDialog > .dialogInner > .content input {
        background: #eee;
        color: #333438;
        width: 100%; }
        .ingameDialog > .dialogInner > .content input.errored {
          background-color: #facece; }
      .ingameDialog > .dialogInner > .content ul.bucketList {
        padding-left: 30px; }
        .ingameDialog > .dialogInner > .content ul.bucketList li {
          display: list-item; }
      .ingameDialog > .dialogInner > .content .ingameItemChooser {
        margin: calc(10px * var(--ui-scale)) calc(0px * var(--ui-scale))   ;
        display: grid;
        grid-column-gap: calc(3px * var(--ui-scale))    ;
        grid-row-gap: calc(5px * var(--ui-scale))    ;
        grid-template-columns: repeat(10, 1fr);
        align-items: center;
        justify-items: center; }
        .ingameDialog > .dialogInner > .content .ingameItemChooser canvas {
          pointer-events: all;
          width: calc(25px * var(--ui-scale))    ;
          height: calc(25px * var(--ui-scale))    ;
          position: relative;
          cursor: pointer; }
          .ingameDialog > .dialogInner > .content .ingameItemChooser canvas::after {
            content: "";
            position: absolute;
            top: calc(-3px * var(--ui-scale));
            bottom: calc(-3px * var(--ui-scale));
            left: calc(-3px * var(--ui-scale));
            right: calc(-3px * var(--ui-scale)); }
          .ingameDialog > .dialogInner > .content .ingameItemChooser canvas:hover {
            opacity: 0.9; }
    .ingameDialog > .dialogInner > .buttons {
      margin-top: calc(15px * var(--ui-scale))    ;
      display: flex;
      justify-content: flex-end; }
      .ingameDialog > .dialogInner > .buttons > button {
        margin-left: calc(8px * var(--ui-scale))    ;
        font-size: calc(16px * var(--ui-scale));
        line-height: calc(21px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        min-width: calc(60px * var(--ui-scale))    ;
        padding: calc(5px * var(--ui-scale)) calc(15px * var(--ui-scale))   ;
        transition: opacity 0.12s ease-in-out; }
        .ingameDialog > .dialogInner > .buttons > button:hover {
          opacity: 0.9; }
        .ingameDialog > .dialogInner > .buttons > button.good {
          background-color: #66bb6a;
          color: #fff; }
        .ingameDialog > .dialogInner > .buttons > button.bad {
          background-color: #ef5072;
          color: #fff; }
        .ingameDialog > .dialogInner > .buttons > button.timedButton {
          pointer-events: none;
          cursor: default;
          position: relative;
          overflow: hidden; }
          .ingameDialog > .dialogInner > .buttons > button.timedButton::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: unset;
            z-index: 5;
            content: " ";
            display: inline-block;
            background: rgba(255, 255, 255, 0.6);
            animation: autogen_anim_uaf63f2bc 3s linear !important; }

@keyframes autogen_anim_uaf63f2bc {
  0% {
    width: 100%; }
  100% {
    width: 0%; } }

#ingame_VignetteOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none; }
  html[data-theme="dark"] #ingame_VignetteOverlay, #ingame_VignetteOverlay[data-theme="dark"] {
    display: none; }

#ingame_HUD_Statistics .content {
  width: calc(500px * var(--ui-scale))    ; }

#ingame_HUD_Statistics .filterHeader {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-items: end; }
  #ingame_HUD_Statistics .filterHeader button {
    height: calc(20px * var(--ui-scale))    ;
    padding: calc(1px * var(--ui-scale)) calc(10px * var(--ui-scale))   ;
    border: 0;
    box-shadow: none;
    min-width: calc(30px * var(--ui-scale))    ;
    color: #fff;
    opacity: 0.25;
    border-radius: calc(2px * var(--ui-scale))    ;
    border-radius: 0;
    background-color: #44484a !important;
    transition: opacity 0.2s ease-in-out; }
    #ingame_HUD_Statistics .filterHeader button::after {
      content: "";
      position: absolute;
      top: calc(-1px * var(--ui-scale));
      bottom: calc(-1px * var(--ui-scale));
      left: calc(-1px * var(--ui-scale));
      right: calc(-1px * var(--ui-scale)); }
    #ingame_HUD_Statistics .filterHeader button:first-child {
      border-top-left-radius: calc(2px * var(--ui-scale))    ;
      border-bottom-left-radius: calc(2px * var(--ui-scale))    ; }
    #ingame_HUD_Statistics .filterHeader button:last-child {
      border-top-right-radius: calc(2px * var(--ui-scale))    ;
      border-bottom-right-radius: calc(2px * var(--ui-scale))    ; }
    #ingame_HUD_Statistics .filterHeader button.displayIcons, #ingame_HUD_Statistics .filterHeader button.displayDetailed, #ingame_HUD_Statistics .filterHeader button.displaySorted, #ingame_HUD_Statistics .filterHeader button.displayIterateUnit {
      background: transparent center center / calc(15px * var(--ui-scale)) no-repeat; }
    #ingame_HUD_Statistics .filterHeader button.displayDetailed {
      border-top-left-radius: calc(2px * var(--ui-scale))    ;
      border-bottom-left-radius: calc(2px * var(--ui-scale))    ; }
    #ingame_HUD_Statistics .filterHeader button.displaySorted {
      background-size: calc(11.5px * var(--ui-scale));
      margin-right: 5px;
      border-top-right-radius: calc(2px * var(--ui-scale))    ;
      border-bottom-right-radius: calc(2px * var(--ui-scale))    ;
      padding: calc(1px * var(--ui-scale)) calc(0px * var(--ui-scale))   ; }
    #ingame_HUD_Statistics .filterHeader button.displayIterateUnit {
      opacity: 0.8;
      padding: calc(1px * var(--ui-scale)) calc(0px * var(--ui-scale))   ; }
    html[data-theme="dark"] #ingame_HUD_Statistics .filterHeader button, #ingame_HUD_Statistics .filterHeader button[data-theme="dark"] {
      background-color: #5e6474 !important; }
  #ingame_HUD_Statistics .filterHeader .filtersDataSource,
  #ingame_HUD_Statistics .filterHeader .filtersDisplayMode {
    display: flex;
    padding: 0;
    margin: 0; }
    #ingame_HUD_Statistics .filterHeader .filtersDataSource :first-child,
    #ingame_HUD_Statistics .filterHeader .filtersDisplayMode :first-child {
      margin-left: 0 !important; }
    #ingame_HUD_Statistics .filterHeader .filtersDataSource :last-child,
    #ingame_HUD_Statistics .filterHeader .filtersDisplayMode :last-child {
      margin-right: 0 !important; }

#ingame_HUD_Statistics .sourceExplanation {
  font-size: calc(10px * var(--ui-scale));
  line-height: calc(13px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  margin-top: calc(5px * var(--ui-scale))    ;
  color: #aaa; }

#ingame_HUD_Statistics .content {
  margin-top: calc(10px * var(--ui-scale))    ;
  height: calc(350px * var(--ui-scale))    ;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: calc(4px * var(--ui-scale))    ; }
  #ingame_HUD_Statistics .content > .noEntries {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    color: #aaa; }
  #ingame_HUD_Statistics .content > div {
    background: #f4f4f4;
    margin-bottom: calc(4px * var(--ui-scale))    ;
    display: grid;
    border-radius: calc(2px * var(--ui-scale))    ;
    grid-template-columns: 1fr auto;
    padding: calc(5px * var(--ui-scale))    ; }
    #ingame_HUD_Statistics .content > div:last-child {
      margin-bottom: 0; }
    #ingame_HUD_Statistics .content > div.pinned {
      background: #e3e5e9; }
    html[data-theme="dark"] #ingame_HUD_Statistics .content > div, #ingame_HUD_Statistics .content > div[data-theme="dark"] {
      background: #484c58; }
      html[data-theme="dark"] #ingame_HUD_Statistics .content > div.pinned, #ingame_HUD_Statistics .content > div[data-theme="dark"].pinned {
        background: #485365; }
    #ingame_HUD_Statistics .content > div canvas.icon {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      width: calc(40px * var(--ui-scale))    ;
      height: calc(40px * var(--ui-scale))    ; }
    #ingame_HUD_Statistics .content > div .counter {
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      padding: calc(0px * var(--ui-scale)) calc(3px * var(--ui-scale))   ; }

#ingame_HUD_Statistics .dialogInner[data-displaymode="detailed"] .displayDetailed,
#ingame_HUD_Statistics .dialogInner[data-displaymode="icons"] .displayIcons,
#ingame_HUD_Statistics .dialogInner[data-sorted="true"] .displaySorted,
#ingame_HUD_Statistics .dialogInner[data-datasource="produced"] .modeProduced,
#ingame_HUD_Statistics .dialogInner[data-datasource="delivered"] .modeDelivered,
#ingame_HUD_Statistics .dialogInner[data-datasource="stored"] .modeStored {
  opacity: 1; }

#ingame_HUD_Statistics .dialogInner[data-displaymode="icons"] .content.hasEntries {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: calc(73px * var(--ui-scale));
  align-items: flex-start;
  grid-column-gap: calc(3px * var(--ui-scale))    ; }
  #ingame_HUD_Statistics .dialogInner[data-displaymode="icons"] .content.hasEntries > div {
    grid-row-gap: calc(5px * var(--ui-scale))    ;
    height: calc(60px * var(--ui-scale))    ;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    justify-items: center;
    align-items: center; }
    #ingame_HUD_Statistics .dialogInner[data-displaymode="icons"] .content.hasEntries > div .counter {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      justify-self: end;
      color: #55595a; }
      html[data-theme="dark"] #ingame_HUD_Statistics .dialogInner[data-displaymode="icons"] .content.hasEntries > div .counter, #ingame_HUD_Statistics .dialogInner[data-displaymode="icons"] .content.hasEntries > div .counter[data-theme="dark"] {
        color: #aaa; }

#ingame_HUD_Statistics .dialogInner[data-displaymode="detailed"] .content.hasEntries > div {
  padding: calc(10px * var(--ui-scale))    ;
  height: calc(40px * var(--ui-scale))    ;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: calc(15px * var(--ui-scale))    ; }
  #ingame_HUD_Statistics .dialogInner[data-displaymode="detailed"] .content.hasEntries > div .counter {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    font-size: calc(19px * var(--ui-scale));
    line-height: calc(21px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    align-self: center;
    text-align: right;
    color: #55595a; }
    html[data-theme="dark"] #ingame_HUD_Statistics .dialogInner[data-displaymode="detailed"] .content.hasEntries > div .counter, #ingame_HUD_Statistics .dialogInner[data-displaymode="detailed"] .content.hasEntries > div .counter[data-theme="dark"] {
      color: #aaa; }
  #ingame_HUD_Statistics .dialogInner[data-displaymode="detailed"] .content.hasEntries > div canvas.graph {
    width: calc(270px * var(--ui-scale))    ;
    height: calc(40px * var(--ui-scale))    ;
    border-radius: calc(0px * var(--ui-scale)) calc(0px * var(--ui-scale)) calc(2px * var(--ui-scale)) calc(2px * var(--ui-scale)) ;
    border: calc(4px * var(--ui-scale)) solid transparent;
    margin-top: calc(-3px * var(--ui-scale))    ; }

#ingame_HUD_PinnedShapes {
  position: absolute;
  left: calc(9px * var(--ui-scale))    ;
  top: calc(150px * var(--ui-scale))    ;
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; }
  #ingame_HUD_PinnedShapes > .shape {
    position: relative;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    margin-bottom: calc(4px * var(--ui-scale))    ;
    color: #333438; }
    #ingame_HUD_PinnedShapes > .shape.removable {
      pointer-events: all; }
    #ingame_HUD_PinnedShapes > .shape > canvas {
      width: calc(25px * var(--ui-scale))    ;
      height: calc(25px * var(--ui-scale))    ;
      grid-column: 1 / 2;
      grid-row: 1 / 3;
      pointer-events: none;
      z-index: 20;
      position: relative; }
    #ingame_HUD_PinnedShapes > .shape > .amountLabel,
    #ingame_HUD_PinnedShapes > .shape > .goalLabel {
      margin-left: calc(5px * var(--ui-scale))    ;
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      font-weight: bold;
      display: inline-flex;
      align-items: center;
      flex-direction: row;
      grid-column: 2 / 3;
      height: calc(9px * var(--ui-scale))    ; }
      html[data-theme="dark"] #ingame_HUD_PinnedShapes > .shape > .amountLabel, #ingame_HUD_PinnedShapes > .shape > .amountLabel[data-theme="dark"], html[data-theme="dark"]
      #ingame_HUD_PinnedShapes > .shape > .goalLabel,
      #ingame_HUD_PinnedShapes > .shape > .goalLabel[data-theme="dark"] {
        color: #eee; }
    #ingame_HUD_PinnedShapes > .shape > .goalLabel {
      font-size: calc(7px * var(--ui-scale))    ;
      opacity: 0.9;
      align-self: start;
      justify-self: start;
      font-weight: normal;
      grid-row: 2 / 3; }
    #ingame_HUD_PinnedShapes > .shape > .amountLabel {
      align-self: end;
      justify-self: start;
      grid-row: 1 / 2; }
    #ingame_HUD_PinnedShapes > .shape > .infoButton {
      width: calc(8px * var(--ui-scale))    ;
      height: calc(8px * var(--ui-scale))    ;
      position: absolute;
      opacity: 0.7;
      top: calc(13px * var(--ui-scale))    ;
      left: calc(-7px * var(--ui-scale))    ;
      transition: opacity 0.12s ease-in-out;
      z-index: 100; }
      html[data-theme="dark"] #ingame_HUD_PinnedShapes > .shape > .infoButton, #ingame_HUD_PinnedShapes > .shape > .infoButton[data-theme="dark"] {
        filter: invert(1); }
      #ingame_HUD_PinnedShapes > .shape > .infoButton::after {
        content: "";
        position: absolute;
        top: calc(-2px * var(--ui-scale));
        bottom: calc(-2px * var(--ui-scale));
        left: calc(-2px * var(--ui-scale));
        right: calc(-2px * var(--ui-scale)); }
      #ingame_HUD_PinnedShapes > .shape > .infoButton:hover {
        opacity: 0.8; }
    #ingame_HUD_PinnedShapes > .shape > .unpinButton {
      width: calc(8px * var(--ui-scale))    ;
      height: calc(8px * var(--ui-scale))    ;
      position: absolute;
      opacity: 0.7;
      top: calc(3px * var(--ui-scale))    ;
      left: calc(-7px * var(--ui-scale))    ;
      transition: opacity 0.12s ease-in-out;
      z-index: 100; }
      html[data-theme="dark"] #ingame_HUD_PinnedShapes > .shape > .unpinButton, #ingame_HUD_PinnedShapes > .shape > .unpinButton[data-theme="dark"] {
        filter: invert(1); }
      #ingame_HUD_PinnedShapes > .shape > .unpinButton::after {
        content: "";
        position: absolute;
        top: calc(-2px * var(--ui-scale));
        bottom: calc(-2px * var(--ui-scale));
        left: calc(-2px * var(--ui-scale));
        right: calc(-2px * var(--ui-scale)); }
      #ingame_HUD_PinnedShapes > .shape > .unpinButton:hover {
        opacity: 0.8; }
    #ingame_HUD_PinnedShapes > .shape.goal .amountLabel::after, #ingame_HUD_PinnedShapes > .shape.blueprint .amountLabel::after {
      content: " ";
      position: absolute;
      display: inline-block;
      width: calc(8px * var(--ui-scale))    ;
      height: calc(8px * var(--ui-scale))    ;
      top: calc(4px * var(--ui-scale))    ;
      left: calc(-7px * var(--ui-scale))    ;
      background: center center / contain no-repeat; }
    #ingame_HUD_PinnedShapes > .shape.completed {
      opacity: 0.5; }

#ingame_HUD_Notifications {
  position: absolute;
  bottom: calc(60px * var(--ui-scale))    ;
  right: calc(10px * var(--ui-scale))    ; }
  #ingame_HUD_Notifications .notification {
    background: rgba(51, 52, 56, 0.8);
    border-radius: calc(2px * var(--ui-scale))    ;
    margin-top: calc(3px * var(--ui-scale))    ;
    color: #fff;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    padding: calc(7px * var(--ui-scale)) calc(10px * var(--ui-scale))   ;
    width: calc(150px * var(--ui-scale))    ;
    transform-origin: 100% 50%;
    opacity: 0;
    animation: autogen_anim_uef43e473 3s ease-in-out !important; }
    html[data-theme="dark"] #ingame_HUD_Notifications .notification, #ingame_HUD_Notifications .notification[data-theme="dark"] {
      background-color: rgba(85, 89, 93, 0.8); }
    #ingame_HUD_Notifications .notification[data-icon] {
      background-position-x: calc(8px * var(--ui-scale))    ;
      background-position-y: center;
      padding-left: calc(35px * var(--ui-scale))    ;
      background-repeat: no-repeat;
      background-size: calc(15px * var(--ui-scale))    ; }

@keyframes autogen_anim_uef43e473 {
  0% {
    opacity: 1; }
  87% {
    opacity: 1;
    transform: scale(1); }
  95% {
    transform: scale(1.05); }
  100% {
    opacity: 0;
    transform: scale(0.5); } }

#ingame_HUD_SettingsMenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  #ingame_HUD_SettingsMenu .statsElement {
    position: absolute;
    left: calc(30px * var(--ui-scale))    ;
    right: calc(30px * var(--ui-scale))    ;
    bottom: calc(30px * var(--ui-scale))    ;
    color: #fff;
    display: grid;
    grid-template-rows: auto auto;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center; }
    #ingame_HUD_SettingsMenu .statsElement strong {
      text-transform: uppercase;
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      opacity: 0.5;
      grid-row: 1; }
    #ingame_HUD_SettingsMenu .statsElement span {
      font-size: calc(19px * var(--ui-scale));
      line-height: calc(21px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      grid-row: 2; }
  #ingame_HUD_SettingsMenu .buttons {
    display: grid;
    grid-auto-flow: column;
    grid-gap: calc(50px * var(--ui-scale))    ;
    margin-top: calc(-10px * var(--ui-scale))    ; }
    #ingame_HUD_SettingsMenu .buttons button {
      background: transparent;
      filter: invert(1);
      content: "";
      opacity: 0.8;
      width: calc(35px * var(--ui-scale))    ;
      height: calc(35px * var(--ui-scale))    ; }
      #ingame_HUD_SettingsMenu .buttons button:hover {
        opacity: 0.6; }

#ingame_HUD_DebugInfo {
  position: absolute;
  bottom: calc(5px * var(--ui-scale))    ;
  right: calc(5px * var(--ui-scale))    ;
  text-align: right;
  font-size: 15px;
  display: grid;
  line-height: 15px;
  color: #fff;
  grid-gap: 2px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  font-weight: bold; }
  #ingame_HUD_DebugInfo:not([data-mode="detailed"]) .mousePosition,
  #ingame_HUD_DebugInfo:not([data-mode="detailed"]) .cameraPosition {
    display: none; }
  #ingame_HUD_DebugInfo code {
    background: #333;
    min-width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 15px;
    padding: 1px;
    font-family: "GameFont";
    border-radius: 3px; }

#ingame_HUD_EntityDebugger {
  position: absolute;
  background: rgba(51, 52, 56, 0.9);
  padding: calc(5px * var(--ui-scale))    ;
  right: calc(30px * var(--ui-scale))    ;
  top: 50%;
  transform: translateY(-50%);
  font-size: calc(10px * var(--ui-scale));
  line-height: calc(13px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  color: #eee;
  display: flex;
  flex-direction: column; }
  #ingame_HUD_EntityDebugger > label {
    text-transform: uppercase; }
  #ingame_HUD_EntityDebugger .hint {
    color: #aaa; }
  #ingame_HUD_EntityDebugger,
  #ingame_HUD_EntityDebugger * {
    pointer-events: all; }
  #ingame_HUD_EntityDebugger .propertyTable {
    margin-top: calc(8px * var(--ui-scale))    ; }
  #ingame_HUD_EntityDebugger .propertyTable,
  #ingame_HUD_EntityDebugger .entityComponents,
  #ingame_HUD_EntityDebugger .entityComponents .object > div {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: calc(10px * var(--ui-scale))    ; }
  #ingame_HUD_EntityDebugger .entityComponents {
    grid-column: 1 / 3;
    margin-top: calc(5px * var(--ui-scale))    ;
    font-family: "Roboto Mono", "Fira Code", monospace;
    font-size: 90%;
    letter-spacing: calc(-0.5px * var(--ui-scale))    ; }
    #ingame_HUD_EntityDebugger .entityComponents label,
    #ingame_HUD_EntityDebugger .entityComponents span {
      line-height: 1.5em; }
      #ingame_HUD_EntityDebugger .entityComponents label:not(span),
      #ingame_HUD_EntityDebugger .entityComponents span:not(span) {
        opacity: 0.5; }
    #ingame_HUD_EntityDebugger .entityComponents,
    #ingame_HUD_EntityDebugger .entityComponents * {
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      font-size: calc(7px * var(--ui-scale))    !important;
      line-height: calc(12px * var(--ui-scale))    !important; }
    #ingame_HUD_EntityDebugger .entityComponents .object {
      grid-column: 1 / 3;
      line-height: 1.5em; }
      #ingame_HUD_EntityDebugger .entityComponents .object > summary {
        transition: opacity 0.1s ease-in-out;
        cursor: pointer; }
        #ingame_HUD_EntityDebugger .entityComponents .object > summary:hover {
          opacity: 0.8; }
      #ingame_HUD_EntityDebugger .entityComponents .object > div {
        margin-left: calc(4px * var(--ui-scale))    ;
        cursor: pointer; }

#ingame_HUD_TutorialHints {
  position: absolute;
  left: calc(10px * var(--ui-scale))    ;
  bottom: calc(10px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column;
  background: rgba(50, 60, 70, 0);
  transition: all 0.2s ease-in-out;
  pointer-events: all;
  transition-property: background-color, transform, bottom, left;
  padding: calc(5px * var(--ui-scale))    ; }
  @media (max-width: 1430px) {
    #ingame_HUD_TutorialHints {
      bottom: calc(50px * var(--ui-scale))    ; } }
  #ingame_HUD_TutorialHints video {
    transition: all 0.2s ease-in-out;
    transition-property: opacity, width;
    width: calc(0px * var(--ui-scale))    ;
    opacity: 0;
    z-index: 10;
    position: relative; }
  #ingame_HUD_TutorialHints .header {
    color: #333438;
    display: grid;
    align-items: center;
    grid-gap: calc(2px * var(--ui-scale))    ;
    grid-template-columns: 1fr;
    margin-bottom: calc(3px * var(--ui-scale))    ;
    z-index: 11;
    position: relative; }
    #ingame_HUD_TutorialHints .header > span {
      display: flex;
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      justify-content: flex-start;
      align-items: center; }
      html[data-theme="dark"] #ingame_HUD_TutorialHints .header > span, #ingame_HUD_TutorialHints .header > span[data-theme="dark"] {
        filter: invert(1); }
      #ingame_HUD_TutorialHints .header > span::before {
        margin-right: calc(4px * var(--ui-scale))    ;
        content: " ";
        width: calc(12px * var(--ui-scale))    ;
        height: calc(12px * var(--ui-scale))    ;
        display: inline-block; }
    #ingame_HUD_TutorialHints .header button.toggleHint {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em; }
      #ingame_HUD_TutorialHints .header button.toggleHint::after {
        content: "";
        position: absolute;
        top: calc(0px * var(--ui-scale));
        bottom: calc(0px * var(--ui-scale));
        left: calc(0px * var(--ui-scale));
        right: calc(0px * var(--ui-scale)); }
  #ingame_HUD_TutorialHints button.toggleHint .hide {
    display: none; }
  #ingame_HUD_TutorialHints.enlarged {
    background: rgba(51, 52, 56, 0.9);
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%); }
    #ingame_HUD_TutorialHints.enlarged::before {
      pointer-events: all;
      content: " ";
      position: fixed;
      top: -1000px;
      left: -1000px;
      right: -1000px;
      bottom: -1000px;
      z-index: 0;
      background: rgba(51, 52, 56, 0.3); }
    #ingame_HUD_TutorialHints.enlarged .header {
      grid-template-columns: 1fr auto; }
      #ingame_HUD_TutorialHints.enlarged .header > span {
        display: none; }
      #ingame_HUD_TutorialHints.enlarged .header button.toggleHint {
        grid-column: 2 / 3; }
    #ingame_HUD_TutorialHints.enlarged video {
      animation: autogen_anim_uc799217b 0.2s ease-in-out !important;
      opacity: 1;
      width: calc(500px * var(--ui-scale))    ; }

@keyframes autogen_anim_uc799217b {
  0% {
    opacity: 0;
    width: calc(0px * var(--ui-scale))    ; } }
    #ingame_HUD_TutorialHints.enlarged button.toggleHint .hide {
      display: block; }
    #ingame_HUD_TutorialHints.enlarged button.toggleHint .show {
      display: none; }

#ingame_HUD_Watermark {
  position: absolute;
  border-radius: calc(2px * var(--ui-scale))    ;
  top: calc(70px * var(--ui-scale))    ;
  pointer-events: all;
  cursor: pointer;
  left: 50%;
  text-align: center;
  background: rgba(207, 65, 65, 0.8);
  color: #fff;
  transform: translateX(-50%);
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  padding: calc(10px * var(--ui-scale))    ;
  opacity: 0; }
  #ingame_HUD_Watermark:hover {
    transform: translateX(-50%) scale(1.02) !important; }
  #ingame_HUD_Watermark > strong {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
  #ingame_HUD_Watermark > p {
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    opacity: 0.7; }
  #ingame_HUD_Watermark.visible {
    animation: autogen_anim_u256d201e 0.5s ease-in-out !important;
    opacity: 1; }

@keyframes autogen_anim_u256d201e {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  #ingame_HUD_Watermark:not(.visible) {
    animation: autogen_anim_uf7b6b6b2 0.5s ease-in-out !important; }

@keyframes autogen_anim_uf7b6b6b2 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

#ingame_HUD_WatermarkClicker {
  top: calc(55px * var(--ui-scale))    ;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) !important;
  font-size: calc(10px * var(--ui-scale));
  line-height: calc(13px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  color: #4a97df;
  text-transform: uppercase;
  pointer-events: all;
  cursor: pointer;
  display: flex;
  align-items: center; }
  #ingame_HUD_WatermarkClicker:hover {
    opacity: 0.9; }
  #ingame_HUD_WatermarkClicker::after {
    margin-left: calc(4px * var(--ui-scale))    ;
    content: "";
    width: calc(10px * var(--ui-scale))    ;
    height: calc(10px * var(--ui-scale))    ;
    display: inline-flex;
    background: center center / contain no-repeat; }

#ingame_HUD_BlueprintPlacer {
  position: absolute;
  top: calc(70px * var(--ui-scale))    ;
  left: 50%;
  transform: translateX(-50%);
  color: #333;
  z-index: 9999;
  background: rgba(51, 52, 56, 0.9);
  padding: calc(5px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column;
  color: #fff;
  width: calc(120px * var(--ui-scale))    ;
  align-items: center;
  justify-content: center;
  border-radius: calc(2px * var(--ui-scale))    ; }
  #ingame_HUD_BlueprintPlacer .label {
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
  #ingame_HUD_BlueprintPlacer .costContainer {
    display: flex;
    align-items: center;
    font-size: calc(19px * var(--ui-scale));
    line-height: calc(21px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em; }
    #ingame_HUD_BlueprintPlacer .costContainer > canvas {
      margin-left: calc(5px * var(--ui-scale))    ;
      width: calc(30px * var(--ui-scale))    ;
      height: calc(30px * var(--ui-scale))    ; }
  #ingame_HUD_BlueprintPlacer:not(.canAfford) {
    background: rgba(98, 27, 41, 0.8);
    color: #ff6180; }

#ingame_HUD_Waypoints_Hint {
  position: absolute;
  right: calc(10px * var(--ui-scale))    ;
  bottom: calc(10px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column;
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  width: calc(150px * var(--ui-scale))    ;
  background: rgba(0, 10, 20, 0.5);
  padding: calc(5px * var(--ui-scale))    ;
  color: #eee; }
  #ingame_HUD_Waypoints_Hint .desc {
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    color: #babcbf; }
    #ingame_HUD_Waypoints_Hint .desc .keybinding {
      position: relative; }
    #ingame_HUD_Waypoints_Hint .desc strong {
      color: #fff; }

#ingame_HUD_Waypoints {
  position: absolute;
  right: calc(10px * var(--ui-scale))    ;
  top: calc(45px * var(--ui-scale))    ;
  display: flex;
  flex-direction: column;
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  padding-right: calc(5px * var(--ui-scale))    ;
  padding-bottom: calc(5px * var(--ui-scale))    ;
  padding-top: calc(5px * var(--ui-scale))    ; }
  html[data-theme="dark"] #ingame_HUD_Waypoints, #ingame_HUD_Waypoints[data-theme="dark"] {
    filter: invert(1); }
  #ingame_HUD_Waypoints::-webkit-scrollbar {
    width: calc(2px * var(--ui-scale))    ;
    height: calc(6px * var(--ui-scale))    ; }
  #ingame_HUD_Waypoints .waypoint {
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    pointer-events: all;
    cursor: pointer;
    color: #333438;
    padding-left: calc(11px * var(--ui-scale))    ;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    opacity: 0.7;
    margin-bottom: calc(1px * var(--ui-scale))    ;
    font-weight: bold; }
    #ingame_HUD_Waypoints .waypoint:hover {
      opacity: 0.8; }
    #ingame_HUD_Waypoints .waypoint .editButton {
      width: calc(10px * var(--ui-scale))    ;
      height: calc(10px * var(--ui-scale))    ;
      margin-left: calc(4px * var(--ui-scale))    ;
      pointer-events: all;
      cursor: pointer;
      position: relative;
      transition: transform 0.04s ease-in-out; }
      #ingame_HUD_Waypoints .waypoint .editButton::after {
        content: "";
        position: absolute;
        top: calc(-2px * var(--ui-scale));
        bottom: calc(-2px * var(--ui-scale));
        left: calc(-2px * var(--ui-scale));
        right: calc(-2px * var(--ui-scale)); }
      #ingame_HUD_Waypoints .waypoint .editButton:hover {
        transform: scale(1.5); }
    #ingame_HUD_Waypoints .waypoint.hub {
      margin-left: calc(-2px * var(--ui-scale))    ;
      grid-template-columns: auto 1fr;
      background: none !important;
      padding-left: calc(0px * var(--ui-scale))    ; }
      #ingame_HUD_Waypoints .waypoint.hub canvas {
        width: calc(12px * var(--ui-scale))    ;
        height: calc(12px * var(--ui-scale))    ;
        margin-right: calc(1px * var(--ui-scale))    ; }
    #ingame_HUD_Waypoints .waypoint.shapeIcon canvas {
      width: calc(15px * var(--ui-scale))    ;
      height: calc(15px * var(--ui-scale))    ;
      pointer-events: none; }
      html[data-theme="dark"] #ingame_HUD_Waypoints .waypoint.shapeIcon canvas, #ingame_HUD_Waypoints .waypoint.shapeIcon canvas[data-theme="dark"] {
        filter: invert(1); }

#ingame_HUD_InteractiveTutorial {
  position: absolute;
  left: calc(10px * var(--ui-scale))    ;
  bottom: calc(10px * var(--ui-scale))    ;
  width: calc(150px * var(--ui-scale))    ;
  background: rgba(51, 52, 56, 0.9);
  padding: calc(4px * var(--ui-scale))    ;
  color: #eee;
  display: flex;
  flex-direction: column;
  border-radius: calc(2px * var(--ui-scale))    ;
  pointer-events: all;
  transition: opacity 0.1s ease-out; }
  @media (max-width: 1430px) {
    #ingame_HUD_InteractiveTutorial {
      bottom: calc(50px * var(--ui-scale))    ; } }

@keyframes autogen_anim_u766c4a67_even {
  50% {
    transform: translateX(-100%); } }

@keyframes autogen_anim_u766c4a67_odd {
  50% {
    transform: translateX(-100%); } }
  #ingame_HUD_InteractiveTutorial.animEven {
    animation: autogen_anim_u766c4a67_even 0.5s ease-in-out; }
  #ingame_HUD_InteractiveTutorial.animOdd {
    animation: autogen_anim_u766c4a67_odd 0.5s ease-in-out; }
  #ingame_HUD_InteractiveTutorial.hovered {
    opacity: 10%; }
    #ingame_HUD_InteractiveTutorial.hovered .helperGif {
      opacity: 0%; }
  #ingame_HUD_InteractiveTutorial .title {
    color: #fff;
    opacity: 0.5;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
  #ingame_HUD_InteractiveTutorial .desc {
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em; }
    #ingame_HUD_InteractiveTutorial .desc strong {
      color: #4a97df;
      font-weight: bold; }
  #ingame_HUD_InteractiveTutorial .helperGif {
    margin-top: calc(5px * var(--ui-scale))    ;
    width: calc(150px * var(--ui-scale))    ;
    height: calc(150px * var(--ui-scale))    ;
    background: center center / cover no-repeat;
    transition: opacity 0.1s ease-out; }

#ingame_HUD_ColorBlindBelowTileHelper {
  position: absolute;
  font-size: calc(10px * var(--ui-scale));
  line-height: calc(13px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  color: #fff;
  background: rgba(51, 52, 56, 0.9);
  padding: calc(5px * var(--ui-scale))    ;
  top: calc(20px * var(--ui-scale))    ;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase; }
  #ingame_HUD_ColorBlindBelowTileHelper:not(.visible) {
    display: none; }
  html[data-theme="dark"] #ingame_HUD_ColorBlindBelowTileHelper, #ingame_HUD_ColorBlindBelowTileHelper[data-theme="dark"] {
    filter: invert(1); }

#ingame_HUD_ShapeViewer .content {
  display: flex;
  width: calc(170px * var(--ui-scale))    ;
  width: 100%;
  flex-direction: column;
  overflow-x: hidden; }
  #ingame_HUD_ShapeViewer .content[data-layers="3"], #ingame_HUD_ShapeViewer .content[data-layers="4"] {
    width: calc(340px * var(--ui-scale))    ; }
    #ingame_HUD_ShapeViewer .content[data-layers="3"] .renderArea, #ingame_HUD_ShapeViewer .content[data-layers="4"] .renderArea {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row-gap: calc(15px * var(--ui-scale))    ; }
  #ingame_HUD_ShapeViewer .content .renderArea {
    display: grid;
    width: 100%;
    grid-row-gap: calc(10px * var(--ui-scale))    ;
    align-items: center;
    justify-items: center; }
  #ingame_HUD_ShapeViewer .content .infoArea {
    align-self: flex-end;
    margin-top: calc(10px * var(--ui-scale))    ;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    #ingame_HUD_ShapeViewer .content .infoArea button {
      margin: calc(0px * var(--ui-scale))    ;
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em; }
  #ingame_HUD_ShapeViewer .content .layer {
    position: relative;
    background: #eee;
    width: calc(150px * var(--ui-scale))    ;
    height: calc(100px * var(--ui-scale))    ;
    display: flex;
    align-items: center;
    justify-content: center; }
    html[data-theme="dark"] #ingame_HUD_ShapeViewer .content .layer, #ingame_HUD_ShapeViewer .content .layer[data-theme="dark"] {
      background: rgba(0, 10, 20, 0.2); }
    #ingame_HUD_ShapeViewer .content .layer > canvas {
      width: calc(50px * var(--ui-scale))    ;
      height: calc(50px * var(--ui-scale))    ; }
    #ingame_HUD_ShapeViewer .content .layer .quad {
      position: absolute;
      width: 50%;
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      padding: calc(6px * var(--ui-scale))    ; }
      #ingame_HUD_ShapeViewer .content .layer .quad .colorLabel {
        text-transform: uppercase;
        font-size: calc(10px * var(--ui-scale));
        line-height: calc(13px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        font-size: calc(9px * var(--ui-scale))    ; }
      #ingame_HUD_ShapeViewer .content .layer .quad .emptyLabel {
        text-transform: uppercase;
        font-size: calc(10px * var(--ui-scale));
        line-height: calc(13px * var(--ui-scale));
        font-weight: 400;
        font-family: "GameFont", sans-serif;
        letter-spacing: 0.04em;
        font-size: calc(9px * var(--ui-scale))    ; }
      #ingame_HUD_ShapeViewer .content .layer .quad::after {
        content: " ";
        background: rgba(0, 10, 20, 0.5);
        width: calc(23px * var(--ui-scale))    ;
        height: calc(1px * var(--ui-scale))    ;
        position: absolute;
        transform: rotate(45deg);
        transform-origin: 50% 50%; }
      html[data-theme="dark"] #ingame_HUD_ShapeViewer .content .layer .quad::after, #ingame_HUD_ShapeViewer .content .layer .quad[data-theme="dark"]::after {
        background: rgba(255, 255, 255, 0.5); }
      #ingame_HUD_ShapeViewer .content .layer .quad.quad-0 {
        right: 0;
        top: 0;
        align-items: flex-start;
        justify-content: flex-end; }
        #ingame_HUD_ShapeViewer .content .layer .quad.quad-0::after {
          left: calc(9px * var(--ui-scale))    ;
          bottom: calc(20.5px * var(--ui-scale))    ;
          transform: rotate(-45deg); }
      #ingame_HUD_ShapeViewer .content .layer .quad.quad-1 {
        bottom: 0;
        right: 0;
        align-items: flex-end;
        justify-content: flex-end; }
        #ingame_HUD_ShapeViewer .content .layer .quad.quad-1::after {
          left: calc(9px * var(--ui-scale))    ;
          top: calc(20.5px * var(--ui-scale))    ;
          transform: rotate(45deg); }
      #ingame_HUD_ShapeViewer .content .layer .quad.quad-2 {
        bottom: 0;
        left: 0;
        align-items: flex-end;
        justify-content: flex-start; }
        #ingame_HUD_ShapeViewer .content .layer .quad.quad-2::after {
          right: calc(9px * var(--ui-scale))    ;
          top: calc(20.5px * var(--ui-scale))    ;
          transform: rotate(135deg); }
      #ingame_HUD_ShapeViewer .content .layer .quad.quad-3 {
        top: 0;
        left: 0;
        align-items: flex-start;
        justify-content: flex-start; }
        #ingame_HUD_ShapeViewer .content .layer .quad.quad-3::after {
          right: calc(9px * var(--ui-scale))    ;
          bottom: calc(20.5px * var(--ui-scale))    ;
          transform: rotate(225deg); }

#ingame_HUD_SandboxController {
  position: absolute;
  background: rgba(51, 52, 56, 0.9);
  padding: calc(5px * var(--ui-scale))    ;
  bottom: calc(10px * var(--ui-scale))    ;
  left: calc(10px * var(--ui-scale))    ;
  font-size: calc(10px * var(--ui-scale));
  line-height: calc(13px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em;
  color: #eee;
  display: flex;
  flex-direction: column; }
  #ingame_HUD_SandboxController > label {
    text-transform: uppercase; }
  #ingame_HUD_SandboxController .sandboxHint {
    color: #aaa; }
  #ingame_HUD_SandboxController .plusMinus {
    margin-top: calc(4px * var(--ui-scale))    ;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    grid-gap: calc(4px * var(--ui-scale))    ; }
    #ingame_HUD_SandboxController .plusMinus button {
      font-size: calc(13px * var(--ui-scale));
      line-height: calc(17px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em;
      padding: calc(0px * var(--ui-scale))    ;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(15px * var(--ui-scale))    ;
      height: calc(15px * var(--ui-scale))    ; }
      #ingame_HUD_SandboxController .plusMinus button::after {
        content: "";
        position: absolute;
        top: calc(0px * var(--ui-scale));
        bottom: calc(0px * var(--ui-scale));
        left: calc(0px * var(--ui-scale));
        right: calc(0px * var(--ui-scale)); }
  #ingame_HUD_SandboxController .additionalOptions {
    display: flex;
    flex-direction: column;
    margin-top: calc(10px * var(--ui-scale))    ; }
    #ingame_HUD_SandboxController .additionalOptions button {
      margin-bottom: calc(2px * var(--ui-scale))    ;
      font-size: calc(10px * var(--ui-scale));
      line-height: calc(13px * var(--ui-scale));
      font-weight: 400;
      font-family: "GameFont", sans-serif;
      letter-spacing: 0.04em; }
      #ingame_HUD_SandboxController .additionalOptions button::after {
        content: "";
        position: absolute;
        top: calc(0px * var(--ui-scale));
        bottom: calc(0px * var(--ui-scale));
        left: calc(0px * var(--ui-scale));
        right: calc(0px * var(--ui-scale)); }

#ingame_HUD_StandaloneAdvantages .content {
  width: calc(440px * var(--ui-scale))    ;
  min-height: calc(300px * var(--ui-scale))    ; }

#ingame_HUD_StandaloneAdvantages p {
  font-size: calc(13px * var(--ui-scale));
  line-height: calc(17px * var(--ui-scale));
  font-weight: 400;
  font-family: "GameFont", sans-serif;
  letter-spacing: 0.04em; }

#ingame_HUD_StandaloneAdvantages .points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: calc(10px * var(--ui-scale))    ;
  grid-row-gap: calc(20px * var(--ui-scale))    ;
  margin: calc(10px * var(--ui-scale)) calc(0px * var(--ui-scale)) calc(20px * var(--ui-scale))  ;
  grid-template-rows: calc(40px * var(--ui-scale));
  align-items: center; }

#ingame_HUD_StandaloneAdvantages .lowerBar {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  #ingame_HUD_StandaloneAdvantages .lowerBar > button {
    transition: opacity 0.12s ease-in-out; }
    #ingame_HUD_StandaloneAdvantages .lowerBar > button:hover {
      opacity: 0.85; }
  #ingame_HUD_StandaloneAdvantages .lowerBar .otherCloseButton {
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    margin-right: calc(30px * var(--ui-scale))    ;
    color: #aaa;
    margin: calc(0px * var(--ui-scale))    ;
    margin-top: calc(15px * var(--ui-scale))    ;
    animation: autogen_anim_u875ebc8a 5s ease-in-out !important; }
    #ingame_HUD_StandaloneAdvantages .lowerBar .otherCloseButton::after {
      content: "";
      position: absolute;
      top: calc(0px * var(--ui-scale));
      bottom: calc(0px * var(--ui-scale));
      left: calc(0px * var(--ui-scale));
      right: calc(0px * var(--ui-scale)); }

@keyframes autogen_anim_u875ebc8a {
  0% {
    opacity: 0.05; }
  50% {
    opacity: 0.05; }
  100% {
    opacity: 1; } }
  #ingame_HUD_StandaloneAdvantages .lowerBar .steamLinkButton {
    margin: calc(0px * var(--ui-scale))    ;
    width: calc(180px * var(--ui-scale))    ;
    height: calc(40px * var(--ui-scale))    ;
    background: #171a23 center center / contain no-repeat;
    border-radius: calc(2px * var(--ui-scale))    ; }
    #ingame_HUD_StandaloneAdvantages .lowerBar .steamLinkButton::after {
      content: "";
      position: absolute;
      top: calc(-5px * var(--ui-scale));
      bottom: calc(-5px * var(--ui-scale));
      left: calc(-5px * var(--ui-scale));
      right: calc(-5px * var(--ui-scale)); }

#ingame_HUD_StandaloneAdvantages .point {
  display: grid;
  grid-template-columns: calc(55px * var(--ui-scale)) auto;
  grid-template-rows: 1fr 1fr;
  background: transparent calc(10px * var(--ui-scale)) center / calc(30px * var(--ui-scale)) no-repeat; }
  #ingame_HUD_StandaloneAdvantages .point > strong {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-size: calc(13px * var(--ui-scale));
    line-height: calc(17px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: bold; }
  #ingame_HUD_StandaloneAdvantages .point > p {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    font-size: calc(10px * var(--ui-scale));
    line-height: calc(13px * var(--ui-scale));
    font-weight: 400;
    font-family: "GameFont", sans-serif;
    letter-spacing: 0.04em;
    opacity: 0.8; }
  #ingame_HUD_StandaloneAdvantages .point.levels > strong {
    color: #f13555; }
  #ingame_HUD_StandaloneAdvantages .point.upgrades > strong {
    color: #8a00ff; }
  #ingame_HUD_StandaloneAdvantages .point.buildings > strong {
    color: #3fce8b; }
  #ingame_HUD_StandaloneAdvantages .point.wires > strong {
    color: #ef2fdb; }
  #ingame_HUD_StandaloneAdvantages .point.markers > strong {
    color: #4294ff; }
  #ingame_HUD_StandaloneAdvantages .point.savegames > strong {
    color: #ff9500; }
  #ingame_HUD_StandaloneAdvantages .point.darkmode > strong {
    color: #292c32; }
  #ingame_HUD_StandaloneAdvantages .point.support > strong {
    color: #e72d2d; }

#ingame_HUD_CatMemes {
  position: absolute;
  width: calc(150px * var(--ui-scale))    ;
  height: calc(150px * var(--ui-scale))    ;
  background: transparent center center / contain no-repeat;
  right: 0;
  bottom: calc(150px * var(--ui-scale))    ;
  animation: autogen_anim_u0e8c8009 0.5s ease-in-out !important; }

@keyframes autogen_anim_u0e8c8009 {
  0% {
    transform: translateX(100%); }
  100% {
    transform: none; } }

#ingame_Canvas {
  z-index: 100; }

#ingame_VignetteOverlay {
  z-index: 110; }

#ingame_HUD_Waypoints {
  z-index: 120; }

#ingame_HUD_PlacementHints {
  z-index: 130; }

#ingame_HUD_PlacerVariants {
  z-index: 140; }

#ingame_HUD_PinnedShapes {
  z-index: 150; }

#ingame_HUD_GameMenu {
  z-index: 160; }

#ingame_HUD_KeybindingOverlay {
  z-index: 170; }

#ingame_HUD_Notifications {
  z-index: 180; }

#ingame_HUD_DebugInfo {
  z-index: 190; }

#ingame_HUD_EntityDebugger {
  z-index: 200; }

#ingame_HUD_TutorialHints {
  z-index: 210; }

#ingame_HUD_InteractiveTutorial {
  z-index: 220; }

#ingame_HUD_BuildingsToolbar {
  z-index: 230; }

#ingame_HUD_wires_toolbar {
  z-index: 240; }

#ingame_HUD_BlueprintPlacer {
  z-index: 250; }

#ingame_HUD_Waypoints_Hint {
  z-index: 260; }

#ingame_HUD_WatermarkClicker {
  z-index: 270; }

#ingame_HUD_Watermark {
  z-index: 280; }

#ingame_HUD_ColorBlindBelowTileHelper {
  z-index: 290; }

#ingame_HUD_SandboxController {
  z-index: 300; }

#ingame_HUD_BetaOverlay {
  z-index: 310; }

#ingame_HUD_Shop {
  z-index: 320; }

#ingame_HUD_Statistics {
  z-index: 330; }

#ingame_HUD_ShapeViewer {
  z-index: 340; }

#ingame_HUD_StandaloneAdvantages {
  z-index: 350; }

#ingame_HUD_UnlockNotification {
  z-index: 360; }

#ingame_HUD_SettingsMenu {
  z-index: 370; }

#ingame_HUD_ModalDialogs {
  z-index: 380; }

#ingame_HUD_CatMemes {
  z-index: 390; }

body.uiHidden .ingame_buildingsToolbar,
body.uiHidden #ingame_HUD_PlacementHints,
body.uiHidden #ingame_HUD_GameMenu,
body.uiHidden #ingame_HUD_PinnedShapes,
body.uiHidden #ingame_HUD_Notifications,
body.uiHidden #ingame_HUD_TutorialHints,
body.uiHidden #ingame_HUD_Waypoints,
body.uiHidden #ingame_HUD_Waypoints_Hint {
  display: none !important; }
