.cursor {
  opacity: 1;
  margin-left: 0ch;
  display: inline-block;
  transform: scale(0.5, 1); }

.cursor.blink {
  margin-left: 0;
  animation: blink 0.75s linear infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  50% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in; }
  .fade-in.show {
    opacity: 1; }

.spinner {
  display: flex;
  position: relative;
  width: 500px; }
  .spinner button {
    border-radius: 50%;
    position: absolute;
    height: 3rem;
    width: 3rem;
    top: calc(50% - 1.5rem);
    right: calc(50% - 1.5rem); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* MIXINS
*********/
#introModal {
  z-index: 23; }
  #introModal .modal {
    background: #090909;
    color: #38FE26;
    padding: 2rem;
    height: 100vh;
    width: 100vw; }
  #introModal .modal-navigation {
    color: #38FE26;
    font-size: 1.8rem; }
  #introModal .modal-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #FFFE83;
    font-family: 'Carbon OT', serif;
    font-weight: 400;
    font-size: 1.25rem; }
  #introModal .close {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    width: auto;
    padding-left: 2rem;
    padding-right: 2rem; }
    #introModal .close:visited {
      color: #292929; }
    #introModal .close:disabled, #introModal .close.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #introModal .close:disabled::after, #introModal .close.disabled::after {
        border-left: solid #A8A8A8 5px; }
    #introModal .close::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #introModal .close::after {
          display: none; } }
    #introModal .close:hover, #introModal .close:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #introModal .close:hover::after, #introModal .close:focus::after {
        display: none; }
    #introModal .close:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #introModal button {
    background: transparent;
    border: 0; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* MIXINS
*********/
#chat-log .chat-selection-wrapper {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between; }
  #chat-log .chat-selection-wrapper .filter {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
  #chat-log .chat-selection-wrapper .input-wrapper {
    width: unset; }

#chat-log .messages {
  margin: 2rem;
  overflow: auto;
  height: calc(100vh - 22rem);
  width: calc(25.5rem + 4rem); }

#chat-log .message {
  margin: 1rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* MIXINS
*********/

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* MIXINS
*********/
@font-face {
  font-family: 'Lato';
  src: url(f98d18040a766b7bc4884b8fcc154550.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: url(4d80ac573c53d192dafd99fdd6aa01e9.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: url(7582e823ef0d702969ea0cce9afb326d.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: url(2d36b1a925432bae7f3c53a340868c6e.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url(85d339d916479f729938d2911b85bf1f.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url(2fe27d9d10cdfccb1baef28a45d5ba90.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Carbon OT';
  src: url(818a085f5739a6226a22931f25d09c54.otf) format("opentype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Carbon OT';
  src: url(3d3ff3deeeff0e76eaadd9aedc554d8d.otf) format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Quantum';
  src: url(6f206b2c84eb117307d0fba2f510d1fc.otf) format("opentype");
  font-weight: 400;
  font-style: normal; }

html {
  background: #090909;
  box-sizing: border-box;
  color: #292929;
  font-size: 1em;
  font-weight: 400;
  font-family: 'Lato', serif;
  line-height: 1.63;
  height: 100vh;
  min-height: 100%; }

body,
#app,
#app > div {
  height: 100%; }

#app #student {
  font-family: 'Carbon OT', serif;
  display: grid;
  grid-template-rows: 7.5rem 1fr 2.375rem;
  color: #38FE26;
  max-height: 100vh;
  overflow: hidden; }

#app #fac {
  display: grid;
  grid-template-rows: 4rem 1fr 2.375rem; }

#app #public {
  display: grid;
  grid-template-rows: 1fr 2.375rem; }

body {
  padding: 0;
  margin: 0; }

main {
  width: 100%; }

main#facilitator {
  background: #F1F1F1;
  padding: 1rem 2rem 2.375rem 2rem; }

main.terminal,
main.country-creation,
main.event {
  display: grid;
  grid-template-rows: 1fr 5.625rem;
  max-height: calc(100vh - 7.5rem - 2.375rem); }
  main.terminal #utility-bar,
  main.country-creation #utility-bar,
  main.event #utility-bar {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    display: flex;
    justify-content: space-between; }

main.event #utility-bar {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  justify-content: space-between; }

main.country-creation {
  grid-template-columns: 2.5rem calc(100vw - 2.5rem - 2.5rem) 2.5rem; }
  main.country-creation #main-content {
    overflow: auto;
    min-height: 0;
    grid-column-start: 2;
    grid-column-end: 3; }

main.event {
  grid-template-columns: 5.6rem calc(99vw - 5.6rem - 5.6rem) 5.6rem; }
  main.event #main-content {
    grid-column-start: 2;
    grid-column-end: 3; }

main.terminal #main-content {
  max-height: calc(calc(100vh - 7.5rem - 2.375rem) - 5.625rem); }

#app > #student.splash {
  background: url(036d5e8b1c10e603633dbe71c7d60f79.jpg);
  background-position: center center;
  background-size: cover;
  position: relative; }
  #app > #student.splash header#header {
    background: none; }
  #app > #student.splash main {
    background: none; }

#app > #public {
  background: url(675c3ba51a47ceee312890b80e3f614b.jpg);
  background-position: center center;
  background-size: cover; }
  #app > #public header#header {
    background: none; }
  #app > #public main {
    background: none; }

*,
*:before,
*:after {
  box-sizing: inherit; }

hr {
  height: 1px;
  background: #292929;
  border: none;
  max-width: 48rem;
  width: 100%; }

button {
  cursor: pointer; }
  button.unbutton {
    background: none;
    border: none;
    text-decoration: underline;
    padding: 0; }
  button:disabled {
    cursor: not-allowed; }

.accessibility-anchor {
  outline: none; }

.accessibility-text {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.link-btn {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer; }

a.btn,
button.btn {
  font-size: 1.5rem;
  text-transform: uppercase;
  width: 15rem;
  height: 2.5rem;
  text-align: center;
  background: rgba(0, 56, 2, 0.8);
  border: 1px solid #38FE26;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: #ffffff;
  cursor: pointer; }
  a.btn:visited,
  button.btn:visited {
    color: #292929; }
  a.btn:disabled, a.btn.disabled,
  button.btn:disabled,
  button.btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #A8A8A8;
    color: #A8A8A8; }
    a.btn:disabled::after, a.btn.disabled::after,
    button.btn:disabled::after,
    button.btn.disabled::after {
      border-left: solid #A8A8A8 5px; }
  a.btn::after,
  button.btn::after {
    content: '';
    border-bottom: solid transparent 5px;
    border-top: solid transparent 5px;
    border-left: solid #38FE26 5px;
    transform: rotate(45deg);
    position: absolute;
    right: -1px;
    bottom: -4px;
    height: 0;
    width: 0; }
    @media (forced-colors: active) {
      a.btn::after,
      button.btn::after {
        display: none; } }
  a.btn:hover, a.btn:focus,
  button.btn:hover,
  button.btn:focus {
    outline: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7); }
    a.btn:hover::after, a.btn:focus::after,
    button.btn:hover::after,
    button.btn:focus::after {
      display: none; }
  a.btn:focus-visible,
  button.btn:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

a.disabled {
  pointer-events: none; }

dd {
  margin: 0; }

strong {
  font-weight: 700; }

.contour-chart text {
  font-family: 'Lato' !important; }

#student.terminal {
  background: #090909; }

.in-tutorial .tutorial-highlight {
  box-shadow: inset 0 0 0 4px #4f4e29;
  position: relative;
  z-index: 25;
  pointer-events: none; }

.in-tutorial .tutorial-highlight-border {
  border: 4px solid #4f4e29;
  position: relative;
  z-index: 25; }

.content-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 1.5rem 1rem; }

#demo-intro button:not(.modal-close) {
  background: #B30739;
  color: #ffffff;
  border: none;
  border-radius: 3rem;
  font-size: 1.25rem;
  padding: 0.5rem 2rem;
  display: block;
  width: 20%;
  margin: 2rem auto 0 auto; }
  #demo-intro button:not(.modal-close):disabled {
    opacity: 0.5; }
  #demo-intro button:not(.modal-close):focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

.hidden,
.mobile-visible {
  display: none !important; }

@keyframes pulse {
  50% {
    background: #ffffff; } }

.loading {
  position: absolute;
  z-index: 27; }
  .loading .pulse-loading {
    animation: pulse 750ms infinite;
    animation-delay: 250ms;
    background: rgba(0, 0, 255, 0.45);
    border-radius: 0.25rem;
    height: 4rem;
    position: fixed;
    width: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .loading .pulse-loading:before, .loading .pulse-loading:after {
      animation: pulse 750ms infinite;
      background: rgba(0, 0, 255, 0.45);
      border-radius: 0.25rem;
      content: '';
      display: block;
      height: 2.66667rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1rem; }
    .loading .pulse-loading:before {
      left: -2rem; }
    .loading .pulse-loading:after {
      animation-delay: 500ms;
      left: 2rem; }

.loading-background-cover {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

.loading.student-loader .container {
  pointer-events: none;
  opacity: 0;
  transition: 0.5s opacity ease-in-out; }

.loading.student-loader .container.show {
  opacity: 1; }

.loading.student-loader .container.mini {
  opacity: 1;
  pointer-events: all; }
  .loading.student-loader .container.mini .loading-background-cover {
    background: rgba(9, 9, 9, 0.5); }

.loading.student-loader .loading-background-cover {
  background: #090909; }

.loading.student-loader .fancy-text-loading-student-only {
  position: fixed;
  left: calc(50% - 6ch);
  top: calc(50% - 2rem);
  font-size: 1.5rem;
  text-transform: uppercase; }

#login {
  padding-left: 11.125rem;
  padding-top: 15.25rem;
  font-family: 'Carbon OT', serif; }
  #login h1 {
    font-size: 2.8rem;
    color: white;
    text-transform: uppercase; }
    #login h1 span {
      display: block; }
  #login h1 .subtitle {
    color: #38FE26;
    font-size: 1.4rem; }
  #login h1 .title {
    line-height: 3rem;
    font-size: 4rem;
    color: white;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.73); }
  #login p {
    color: #C1FF00; }
  #login .input-text-wrapper {
    position: relative; }
    #login .input-text-wrapper label {
      height: 1px;
      left: -10000px;
      overflow: hidden;
      position: absolute;
      top: auto;
      width: 1px; }
    #login .input-text-wrapper input {
      height: 2.8rem;
      width: 20rem;
      background: none;
      border: none;
      font-size: 1.33rem;
      color: #B9FF2D;
      font-weight: 700;
      padding-left: 0.5rem;
      margin-bottom: 1rem;
      text-transform: uppercase;
      z-index: 5; }
      #login .input-text-wrapper input:disabled {
        color: rgba(185, 255, 45, 0.5);
        cursor: not-allowed; }
    #login .input-text-wrapper:before {
      position: absolute;
      content: ' ';
      top: 0;
      left: 0;
      height: 2.8rem;
      width: 20rem;
      background: #B9FF2D;
      mix-blend-mode: multiply;
      pointer-events: none; }
    #login .input-text-wrapper input:-ms-input-placeholder {
      color: #B9FF2D; }
    #login .input-text-wrapper input::-ms-input-placeholder {
      color: #B9FF2D; }
    #login .input-text-wrapper input::placeholder {
      color: #B9FF2D; }
  #login form {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  #login button {
    font-size: 1.6rem;
    color: #C1FF00;
    font-family: Quantum;
    letter-spacing: 0.38px;
    line-height: 24px;
    text-shadow: 0 0 2px 0 rgba(33, 255, 0, 0.73);
    background: none;
    border: none;
    text-transform: uppercase;
    margin-top: 1rem; }
  #login button:hover, #login button:focus {
    text-decoration: underline; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #login {
      padding: 3rem;
      overflow: auto;
      height: 85vh;
      max-height: 85vh; }
      #login h1 {
        margin-top: 0; }
      #login .input-text-wrapper::before {
        display: none; }
      #login .input-text-wrapper input {
        background: #0d7f15; } }

#login-error {
  color: #B9FF2D; }

#test-page {
  padding: 2rem; }
  #test-page button {
    display: block; }
  #test-page #test-kaltura-player {
    height: 15rem;
    width: 15rem; }

header#header {
  box-sizing: border-box;
  height: 7.5rem;
  display: grid;
  grid-template-rows: 1fr 5.2rem;
  grid-template-columns: 11.25rem 1fr 15rem;
  font-family: 'Carbon OT', serif; }
  header#header #country-creation-modal .modal-background {
    background: #090909; }
  header#header.terminal {
    grid-template-columns: 25rem 1fr 14rem; }
  header#header .session {
    text-transform: uppercase; }
  header#header .sim-title {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    padding: 0 1rem;
    color: #38FE26;
    font-size: 1rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    z-index: 1; }
  header#header.terminal .sim-title {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 0 2rem;
    color: #A8A8A8;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1.25rem; }
  header#header .sim-introduction {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 2rem 0 0;
    color: #A8A8A8;
    font-size: 1.25rem; }
  header#header #menu-container {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    background: #2B2B2A;
    position: relative;
    display: grid;
    grid-template-columns: 3fr 2fr;
    z-index: 16; }
    header#header #menu-container > div {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem 0.5rem 0.5rem 0.75rem; }
    header#header #menu-container #hbp-container img {
      max-width: 100%;
      height: 3.5rem; }
    header#header #menu-container #menu-img-container {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6IiBmaWxsPSIjQjlCOUI5Ii8+PC9zdmc+);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40%;
      border: none;
      outline: none; }
      header#header #menu-container #menu-img-container:hover, header#header #menu-container #menu-img-container:focus {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+);
        background-size: 45%; }
      header#header #menu-container #menu-img-container:focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
    header#header #menu-container #menu-img-container img {
      max-width: 100%;
      height: 2.5rem; }
    header#header #menu-container nav {
      background: #2B2B2A;
      display: none;
      position: absolute;
      width: 100%;
      height: 0;
      top: 100%;
      left: 0;
      overflow: hidden;
      z-index: 17; }
      header#header #menu-container nav button {
        background: transparent;
        border: 0; }
    header#header #menu-container nav.show {
      height: unset;
      display: block; }
    header#header #menu-container nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    header#header #menu-container nav ul li {
      padding: 0.25rem 0rem 0.25rem 3rem;
      font-size: 1.5rem; }
    header#header #menu-container .menu-background {
      position: fixed;
      height: 100vh;
      width: 100vw;
      top: 0;
      left: 0;
      z-index: 15; }
    header#header #menu-container li a,
    header#header #menu-container li button:not(.continue-button) {
      color: #B9B9B9;
      text-decoration: none;
      padding: 0;
      text-transform: uppercase; }
      header#header #menu-container li a:hover, header#header #menu-container li a:focus,
      header#header #menu-container li button:not(.continue-button):hover,
      header#header #menu-container li button:not(.continue-button):focus {
        outline: none;
        color: #ffffff;
        font-weight: 700;
        margin-left: -0.25rem; }
      header#header #menu-container li a:focus-visible,
      header#header #menu-container li button:not(.continue-button):focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
    header#header #menu-container.welcome {
      background: #090909; }
      header#header #menu-container.welcome nav {
        background: #090909; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    header#header {
      max-width: 100vw;
      grid-template-rows: 1.5rem 4.2rem;
      grid-template-columns: 2fr 1fr 15rem !important;
      height: 5.7rem; }
      header#header #hbp-container img {
        height: 3rem !important; } }

.input-text-wrapper.number {
  display: flex; }
  .input-text-wrapper.number input {
    width: 8rem;
    height: 2rem;
    border: 1px solid;
    border-radius: 5px 0 0 5px;
    -moz-appearance: textfield;
    text-align: center; }
  .input-text-wrapper.number input[type=number]::-webkit-inner-spin-button,
  .input-text-wrapper.number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none; }
  .input-text-wrapper.number input[type=number]:disabled ~ .number-spinner {
    opacity: 0.5; }
  .input-text-wrapper.number .number-spinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 2rem;
    background: #B30739;
    border: 1px solid;
    border-color: #292929 #292929 #292929 transparent;
    border-radius: 0 5px 5px 0; }
  .input-text-wrapper.number .number-spinner > button {
    border: none;
    background: none;
    position: relative;
    height: 50%; }
  .input-text-wrapper.number .number-spinner > button:after {
    position: absolute;
    content: ' ';
    left: 0.4rem; }
  .input-text-wrapper.number .number-spinner > button:first-child:after {
    top: -0.15rem;
    border: 0.5rem solid #ffffff;
    border-color: transparent transparent #ffffff transparent; }
  .input-text-wrapper.number .number-spinner > button:last-child:after {
    bottom: -0.15rem;
    border: 0.5rem solid #ffffff;
    border-color: #ffffff transparent transparent transparent; }

.input-dropdown-wrapper {
  position: relative;
  /*Hiding the select arrow for IE10*/ }
  .input-dropdown-wrapper .input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; }
  .input-dropdown-wrapper select:disabled {
    opacity: 0.8;
    pointer-events: none; }
  .input-dropdown-wrapper select {
    background-color: rgba(154, 204, 0, 0.6);
    color: #B9FF2D;
    font-size: inherit;
    padding: 0.5rem;
    padding-right: 2.5rem;
    border: 1px solid #292929;
    margin: 0;
    border-radius: 3px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%; }
  .input-dropdown-wrapper select::-ms-expand {
    display: none; }
  .input-dropdown-wrapper option {
    background: #3f5400;
    color: #ffffff;
    font-size: 1.25rem; }
    .input-dropdown-wrapper option:disabled {
      opacity: 0.5; }
  .input-dropdown-wrapper .input-wrapper::before,
  .input-dropdown-wrapper .input-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none; }
  .input-dropdown-wrapper .input-wrapper::after {
    /*    Custom dropdown arrow */
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjcgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRvd25BcnJvdyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IiZndDsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjczNzUwMCwgNy4yMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMy43Mzc1MDAsIC03LjIwMDAwMCkgIiBwb2ludHM9IjIwLjQ3NSA4LjU3NSA5LjAzNSAyMC40IDcgMTguMzEgMTcuMjg1IDcuNTg1IDE3LjI4NSA2LjgxNSA3IC0zLjkxIDkuMDM1IC02IDIwLjQ3NSA1LjgyNSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 1.2rem;
    width: 1.2rem;
    font-size: 2.5rem;
    line-height: 0;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.5rem;
    color: #ffffff; }

#facilitator .input-dropdown-wrapper {
  display: inline-block;
  vertical-align: middle; }
  #facilitator .input-dropdown-wrapper label {
    padding-right: 1rem; }
  #facilitator .input-dropdown-wrapper select {
    background-color: #ffffff;
    color: #292929;
    width: 100%;
    min-width: 10rem; }
  #facilitator .input-dropdown-wrapper .input-wrapper::after {
    background: none;
    content: "\25BC";
    font-size: 1rem;
    line-height: 1;
    transform: none; }
  #facilitator .input-dropdown-wrapper .input-wrapper::before {
    /*    Custom dropdown arrow cover */
    width: 2rem;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
    border: 1px solid #292929;
    background-color: #B30739; }

#public .input-dropdown-wrapper {
  height: 2.8rem;
  width: 20rem; }
  #public .input-dropdown-wrapper .input-wrapper {
    width: 100%; }
  #public .input-dropdown-wrapper label {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; }

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 33;
  background-color: #090909;
  height: 2.375rem;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  color: #38FE26;
  text-transform: uppercase;
  font-family: 'Carbon OT', serif; }
  footer a, footer button {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    background: transparent;
    padding: 0;
    border-bottom: 1px dashed #ffffff; }
    footer a:hover, footer button:hover {
      border-bottom: 1px solid #ffffff; }
    footer a:focus-visible, footer button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color; }
  footer > div:last-child {
    display: flex;
    white-space: nowrap; }
  footer img {
    height: 0.8rem; }
  footer .credits-link {
    padding: 0 2rem;
    display: flex;
    align-items: center;
    position: relative; }
  footer .credits-link:after {
    position: absolute;
    content: ' ';
    height: 1rem;
    width: 1px;
    background: #38FE26;
    left: calc(100% - 1rem); }
  footer .fac-logo {
    display: none; }

#app #fac footer {
  background: #F1F1F1;
  color: #292929; }
  #app #fac footer a, #app #fac footer button {
    color: #292929;
    border-bottom: 1px dashed #292929; }
    #app #fac footer a:hover, #app #fac footer button:hover {
      border-bottom: 1px solid #292929; }
  #app #fac footer .credits-link:after {
    background: #292929; }
  #app #fac footer .fac-logo {
    display: unset; }
  #app #fac footer .student-logo {
    display: none; }

.radio-group {
  border: none;
  outline: none; }
  .radio-group input[type="radio"]:focus + label:before {
    outline: auto;
    outline-color: -webkit-focus-ring-color; }
  .radio-group.points-selector .radio-group-wrapper {
    position: relative;
    padding-top: 2rem;
    display: flex;
    justify-content: space-between; }
  .radio-group.points-selector .radio-group-wrapper:before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 1px;
    background-color: rgba(41, 41, 41, 0.5);
    top: 0.75rem;
    left: 0; }
  .radio-group.points-selector input[type="radio"] {
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .radio-group.points-selector label {
    position: relative;
    width: 1.25rem;
    text-align: center;
    padding-left: 0.25rem; }
  .radio-group.points-selector label:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    background: #ffffff;
    border: 1px solid #292929;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - (1.25rem/2));
    bottom: 2rem;
    cursor: pointer; }
  .radio-group.points-selector label:after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background: #292929;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - (0.75rem/2));
    bottom: calc(((1.25rem - 0.75rem) / 2) + 2rem);
    cursor: pointer;
    display: none; }
  .radio-group.points-selector input[type="radio"]:hover + label:after {
    display: block;
    opacity: 0.5; }
  .radio-group.points-selector input[type="radio"]:checked + label:after {
    display: block;
    opacity: 1; }
  .radio-group.points-selector input:disabled + label:before, .radio-group.points-selector input:disabled + label:after {
    opacity: 0.5;
    cursor: not-allowed; }
  @media (forced-colors: active) {
    .radio-group.points-selector label:before {
      border: 2px solid ButtonText;
      forced-color-adjust: none; }
    .radio-group.points-selector label:after {
      background: ButtonText;
      forced-color-adjust: none; }
    .radio-group.points-selector input:disabled + label:before {
      border-color: GrayText; }
    .radio-group.points-selector input:disabled + label:after {
      background: GrayText; } }
  .radio-group.points-selector.horizontal .option {
    margin-left: 2.5rem;
    margin-bottom: 0; }
  .radio-group.satisfaction-selector .radio-group-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .radio-group.satisfaction-selector input[type="radio"] {
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .radio-group.satisfaction-selector .option {
    padding: 1rem 2.5rem;
    font-size: 1.3rem;
    cursor: pointer; }
  .radio-group.satisfaction-selector label {
    position: relative;
    text-align: center;
    color: #38FE26; }
  .radio-group.satisfaction-selector input[type="radio"]:checked + label,
  .radio-group.satisfaction-selector input[type="radio"]:focus + label,
  .radio-group.satisfaction-selector .option:hover label {
    color: #ffffff; }
  .radio-group.satisfaction-selector input[type="radio"]:focus + label {
    border-bottom: 2px solid #ffffff; }
  .radio-group.satisfaction-selector input[type="radio"]:focus-visible + label {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }
  @media (forced-colors: active) {
    .radio-group.satisfaction-selector input[type="radio"]:checked + label {
      border: 2px solid CanvasText; } }
  .radio-group.fac-radio {
    margin-right: 1.875rem;
    margin-bottom: 1.875rem; }
    .radio-group.fac-radio input[type="radio"] {
      opacity: 0;
      pointer-events: none;
      width: 1px; }
    .radio-group.fac-radio .option {
      display: block; }
    .radio-group.fac-radio label {
      position: relative;
      padding-left: 2rem;
      font-size: 1.15rem; }
    .radio-group.fac-radio label:before {
      content: '';
      width: 1.375rem;
      height: 1.375rem;
      border: 1px solid #292929;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
    .radio-group.fac-radio label:after {
      content: '';
      width: 0.75rem;
      height: 0.75rem;
      background: #292929;
      border-radius: 50%;
      position: absolute;
      left: calc((1.375rem - 0.75rem) / 2);
      top: calc((1.375rem - 0.75rem) / 2);
      cursor: pointer;
      display: none; }
    .radio-group.fac-radio input[type="radio"]:checked + label:after {
      display: block; }
    .radio-group.fac-radio input:disabled + label:before, .radio-group.fac-radio input:disabled + label:after {
      opacity: 0.5;
      cursor: not-allowed; }
    @media (forced-colors: active) {
      .radio-group.fac-radio label:before {
        border: 2px solid ButtonText;
        forced-color-adjust: none; }
      .radio-group.fac-radio label:after {
        background: ButtonText;
        forced-color-adjust: none; }
      .radio-group.fac-radio input:disabled + label:before {
        border-color: GrayText; }
      .radio-group.fac-radio input:disabled + label:after {
        background: GrayText; } }
    .radio-group.fac-radio.horizontal .option {
      margin-left: 2.5rem;
      margin-bottom: 0; }
  .radio-group.highlight {
    pointer-events: none; }
    .radio-group.highlight .faux-legend, .radio-group.highlight .option {
      background: #ffffff; }

.checkbox-container.data {
  font-size: 1rem;
  text-transform: uppercase;
  color: rgba(41, 41, 41, 0.7);
  display: flex; }
  .checkbox-container.data input[type="checkbox"] {
    z-index: -100;
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .checkbox-container.data legend {
    margin-right: 0.83rem; }
  .checkbox-container.data .option label {
    margin-right: 0.5rem;
    cursor: pointer; }
  .checkbox-container.data input[type="checkbox"]:checked + label,
  .checkbox-container.data input[type="checkbox"]:focus + label,
  .checkbox-container.data input[type="checkbox"]:hover + label {
    text-decoration: underline; }

.checkbox-container.toggle input[type="checkbox"] {
  z-index: -100;
  opacity: 0;
  pointer-events: none;
  width: 1px; }

.checkbox-container.toggle label {
  position: relative; }
  .checkbox-container.toggle label::before {
    content: ' ';
    height: 0.5rem;
    width: 3rem;
    background: #ffffff;
    position: absolute;
    left: calc(100% + 1rem);
    top: calc(50% - 0.25rem);
    border-radius: 10px; }
  .checkbox-container.toggle label::after {
    content: ' ';
    height: 1.25rem;
    width: 1.25rem;
    background: #ABABAB;
    position: absolute;
    left: calc(100% + 1rem);
    top: calc(50% - 0.625rem);
    border-radius: 50%;
    box-shadow: 0 0 5px #292929;
    transition: 0.25s left ease-in-out; }

.checkbox-container.toggle input[type="checkbox"]:checked + label:after {
  left: calc(100% + 3rem); }

.checkbox-container.toggle input[type="checkbox"]:focus + label::after {
  outline: solid;
  outline-offset: 2px; }

.checkbox-container.student {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0.5rem 0; }
  .checkbox-container.student input[type='checkbox'] {
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .checkbox-container.student input[type='checkbox']:checked + label .option-box-after {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
  .checkbox-container.student input[type='checkbox']:checked + label {
    color: #38FE26; }
  .checkbox-container.student input[type='checkbox']:disabled + label {
    opacity: 0.5; }
    .checkbox-container.student input[type='checkbox']:disabled + label .option-box-before {
      cursor: not-allowed; }
  .checkbox-container.student label .option-box-before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #FFFE83;
    position: absolute;
    right: calc(100% + 0.5rem);
    top: 0.25rem;
    cursor: pointer; }
  .checkbox-container.student label .option-box-after {
    width: 1.25rem;
    height: 1.25rem;
    background: #38FE26;
    border: 1px solid transparent;
    color: #292929;
    font-size: 1.1rem;
    font-weight: 700;
    position: absolute;
    right: calc(100% + 0.5rem);
    top: 0.25rem;
    cursor: pointer;
    display: none; }
  .checkbox-container.student input[type='checkbox']:focus-visible + label .option-box-before {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }
  .checkbox-container.student input[type='checkbox']:checked:focus + label .option-box-after {
    background: #FFFE83; }

.checkbox-container.student.accessibility input[type='checkbox'] + label,
.checkbox-container.student.accessibility input[type='checkbox']:checked + label {
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 700; }

.checkbox-container.student.accessibility label .option-box-before {
  top: 0.4rem; }

.checkbox-container.student.accessibility label .option-box-after {
  background: #ffffff;
  color: #292929;
  top: 0.4rem; }

.i-button {
  background-color: transparent;
  color: #1586E9;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: pre-line;
  cursor: pointer;
  margin-bottom: 0.75rem; }
  .i-button:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .i-button button.i-opener {
    background-color: transparent;
    color: #1586E9;
    border: 2px solid #1586E9;
    border-radius: 50%;
    height: 1.25rem;
    width: 1.25rem;
    padding: 0;
    outline: none; }
    .i-button button.i-opener:focus {
      color: #ffffff;
      border-color: #ffffff; }
    .i-button button.i-opener:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  .i-button span {
    font-size: 0.75rem;
    display: flex;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 3; }
  .i-button .i-button-header {
    outline: none; }
  .i-button .i-button-content {
    height: 0;
    position: absolute;
    top: -0.5rem;
    left: -100rem;
    background-color: #1586E9;
    color: #ffffff;
    width: 25rem;
    padding: 1rem;
    margin-bottom: 1rem;
    z-index: 5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    height: auto;
    flex-direction: column; }
    .i-button .i-button-content.visible {
      opacity: 1;
      left: 1.5rem; }
    .i-button .i-button-content p {
      margin: 0; }
    .i-button .i-button-content::before {
      content: '';
      display: flex;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #1586E9;
      position: absolute;
      top: 0.5rem;
      left: -0.5rem; }
    .i-button .i-button-content.shifted-up {
      top: 0;
      transform: translateY(calc(-100% + 1.5rem)); }
      .i-button .i-button-content.shifted-up::before {
        top: unset;
        bottom: 0.35rem; }
  .i-button hr {
    background-color: #ffffff;
    margin: 1.5rem 0; }
  .i-button .i-button-modal {
    cursor: auto; }

.modal-wrapper {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 22;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0; }
  .modal-wrapper .modal-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8); }
  .modal-wrapper .modal {
    width: 75%;
    background: #ffffff;
    color: #292929;
    padding: 1rem;
    position: absolute; }
  .modal-wrapper h1 {
    margin: 0;
    padding: 0;
    padding-bottom: 0.5rem; }
  .modal-wrapper h3 {
    margin: 0; }
  .modal-wrapper .modal-buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem auto 1rem auto;
    width: 100%;
    overflow: visible; }
    .modal-wrapper .modal-buttons-wrapper button,
    .modal-wrapper .modal-buttons-wrapper a {
      cursor: pointer;
      overflow: visible; }
    .modal-wrapper .modal-buttons-wrapper a {
      text-decoration: underline; }
    .modal-wrapper .modal-buttons-wrapper .link-btn {
      color: #ffffff; }
  .modal-wrapper button.modal-close {
    background: transparent;
    border: none;
    color: #ffffff;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .modal-wrapper button.modal-close span {
      margin-right: 0.5rem;
      width: unset; }
    .modal-wrapper button.modal-close.top-right {
      position: absolute;
      top: 0.5rem;
      right: 1rem;
      border: none !important; }
  .modal-wrapper .tutorial-step {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%); }
  .modal-wrapper .tutorial-button {
    background-color: #ffffff;
    height: 2rem;
    width: 2rem;
    padding: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .modal-wrapper .tutorial-button::before {
      content: '';
      display: flex;
      position: absolute;
      width: 0.75rem;
      height: 0.75rem; }
  .modal-wrapper .start-game-button {
    background: none;
    color: #ffffff;
    padding: 0;
    text-decoration: underline; }
  .modal-wrapper .prev {
    margin-right: auto; }
    .modal-wrapper .prev::before {
      transform: rotate(45deg);
      left: 0.6rem; }
  .modal-wrapper .next {
    margin-left: auto; }
    .modal-wrapper .next::before {
      transform: rotate(-45deg);
      right: 0.6rem; }
  .modal-wrapper .hidden {
    display: none; }

.switch-container {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .switch-container .switch {
    position: relative;
    display: flex;
    align-items: center; }
    .switch-container .switch input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .switch-container .switch input[type="checkbox"]:focus ~ .slider {
      outline: auto;
      outline-color: -webkit-focus-ring-color; }
    .switch-container .switch .slider {
      content: ' ';
      cursor: pointer;
      background: rgba(179, 7, 57, 0.5);
      margin: 0 1rem;
      width: 4rem;
      height: 2rem;
      border: 1px solid #B30739;
      border-radius: 1rem;
      position: relative;
      transition: 0.5s background; }
    .switch-container .switch .slider:after {
      content: ' ';
      height: 1.5rem;
      width: 1.5rem;
      background: #ffffff;
      position: absolute;
      left: 0.3rem;
      top: 0.2rem;
      border-radius: 100%;
      transition: 0.5s; }
    .switch-container .switch input:disabled ~ .slider {
      opacity: 0.5; }
    .switch-container .switch input:checked ~ .slider {
      background: #B30739; }
    .switch-container .switch input:checked ~ .slider:after {
      left: 2.1rem; }
    @media (forced-colors: active) {
      .switch-container .switch .slider {
        border: 2px solid ButtonText;
        background: Canvas;
        forced-color-adjust: none; }
      .switch-container .switch .slider:after {
        background: ButtonText;
        forced-color-adjust: none; }
      .switch-container .switch input:checked ~ .slider {
        background: ButtonText; }
      .switch-container .switch input:checked ~ .slider:after {
        background: Canvas; }
      .switch-container .switch input:disabled ~ .slider {
        border-color: GrayText; }
      .switch-container .switch input:disabled ~ .slider:after {
        background: GrayText; } }

.bar-chart .s-1 {
  color: #1586E9;
  fill: #1586E9;
  stroke: #1586E9; }

.bar-chart .nw-tooltip {
  z-index: 3; }

#creditsModal {
  z-index: 34; }
  #creditsModal h1, #creditsModal h2 {
    padding: 0; }
  #creditsModal h1 {
    color: #ABABAB;
    font-size: 1.25rem;
    font-weight: 400;
    margin-left: 1rem; }
    #creditsModal h1 .credit-label {
      display: inline-block;
      color: #A8A8A8;
      padding-left: 0.5rem; }
  #creditsModal .modal {
    background-color: #000000;
    color: #38FE26;
    height: calc(100vh - 4rem);
    width: 100vw;
    overflow: hidden;
    padding-top: 2rem;
    display: flex;
    flex-direction: column; }
  #creditsModal .modal-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #FFFE83;
    font-family: 'Carbon OT', serif;
    font-weight: 400;
    font-size: 1.25rem; }
  #creditsModal .close {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    width: auto;
    padding-left: 2rem;
    padding-right: 2rem; }
    #creditsModal .close:visited {
      color: #292929; }
    #creditsModal .close:disabled, #creditsModal .close.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #creditsModal .close:disabled::after, #creditsModal .close.disabled::after {
        border-left: solid #A8A8A8 5px; }
    #creditsModal .close::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #creditsModal .close::after {
          display: none; } }
    #creditsModal .close:hover, #creditsModal .close:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #creditsModal .close:hover::after, #creditsModal .close:focus::after {
        display: none; }
    #creditsModal .close:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #creditsModal #terminal {
    grid-template-columns: 1fr 3fr; }
    #creditsModal #terminal .terminal-content-container {
      padding-bottom: 4rem; }
    #creditsModal #terminal .terminal-nonsense-container {
      overflow: hidden; }
    #creditsModal #terminal p {
      font-size: 1.6rem; }
  #creditsModal img {
    float: left;
    width: 14rem;
    margin: 0.5rem 2rem 0.5rem 0; }
  #creditsModal p {
    margin-top: 1rem; }
  #creditsModal a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px dashed #ffffff; }
    #creditsModal a:hover {
      border-bottom: 1px solid #ffffff; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #creditsModal {
      height: 100%;
      width: 100%; }
      #creditsModal .modal {
        padding: 0.5rem;
        overflow: hidden; }
      #creditsModal .modal-close {
        top: 0.5rem;
        right: 0.5rem; }
      #creditsModal #terminal {
        display: block;
        padding-bottom: 3rem; } }

#error-modal .modal {
  max-width: 40rem; }

#inactive-user-error-modal .margin-left {
  margin-left: 1rem; }

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

.dice-roll {
  position: relative;
  animation: fade 2s;
  height: 50vh;
  width: 50vh; }
  .dice-roll #resting, .dice-roll #dice-video-player, .dice-roll img {
    background: black;
    height: 50vh;
    width: 50vh; }
    .dice-roll #resting.hidden, .dice-roll #dice-video-player.hidden, .dice-roll img.hidden {
      height: 0;
      width: 0; }
  .dice-roll #resting {
    z-index: 4; }
  .dice-roll #dice-video-player {
    z-index: 2; }
  .dice-roll img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 50vh;
    width: 50vh; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    .dice-roll {
      height: 35vh;
      width: 35vh; }
      .dice-roll #resting, .dice-roll #dice-video-player, .dice-roll img {
        height: 35vh;
        width: 35vh; } }

#country-creation {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  overflow: visible;
  color: #FFFE83;
  position: relative; }
  #country-creation > section {
    display: grid;
    grid-template-columns: 1fr 1rem 1fr;
    height: 100%;
    align-items: flex-start;
    padding-top: 2rem; }
  #country-creation .create-country > div {
    grid-column-start: 1;
    grid-column-end: 4;
    margin-right: 15%; }
  #country-creation .create-country .content-wrapper > div {
    margin-bottom: 1rem; }
  #country-creation .create-country form {
    position: relative; }
  #country-creation .create-country .typed-text span {
    padding-left: 0.25rem; }
  #country-creation h1, #country-creation .h1 {
    color: #ffffff;
    margin: 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1; }
  #country-creation .text-wrapper p:not(.h1) {
    color: #FFFE83;
    font-size: 1.125rem; }
  #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]) {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.5rem;
    padding: 0.5rem 6rem; }
    #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):visited {
      color: #292929; }
    #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):disabled, #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]).disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):disabled::after, #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]).disabled::after {
        border-left: solid #A8A8A8 5px; }
    #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"])::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"])::after {
          display: none; } }
    #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):hover, #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):hover::after, #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):focus::after {
        display: none; }
    #country-creation button:not(.i-opener):not(.modal-close):not(.open-transcript):not(.animation-skip):not([class^="playkit-"]):not([class^="Button__button"]):focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #country-creation .activity-header {
    flex-basis: 100%;
    display: flex;
    justify-content: center; }
  #country-creation .timeline {
    flex-basis: 100%;
    margin-bottom: 3rem;
    margin-top: 3rem; }
  #country-creation .error, #country-creation .text-wrapper .error {
    color: #FD3838; }
  #country-creation input, #country-creation select {
    background: rgba(0, 56, 2, 0.8);
    border: 0;
    color: #ffffff;
    padding: 0.5rem; }
    @media (forced-colors: active) {
      #country-creation input, #country-creation select {
        border: 1px solid currentColor; } }
  #country-creation select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0; }
  #country-creation form:not(#assign-attributes) .form-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0.75rem;
    position: relative;
    font-size: 1.2rem;
    text-transform: uppercase; }
    #country-creation form:not(#assign-attributes) .form-row .label-wrapper {
      display: flex;
      align-items: center; }
    #country-creation form:not(#assign-attributes) .form-row label {
      color: #FFFE83;
      font-size: 1rem;
      margin: 0 0.5rem 0 0.5rem; }
  #country-creation form:not(#assign-attributes) .form-row .input-text-wrapper,
  #country-creation form:not(#assign-attributes) .form-row .input-dropdown-wrapper,
  #country-creation form:not(#assign-attributes) .form-row .radio-group,
  #country-creation form:not(#assign-attributes) .form-row .flag-upload {
    width: 75%; }
  #country-creation form:not(#assign-attributes) .form-row input:not([type="radio"]),
  #country-creation form:not(#assign-attributes) .form-row select {
    text-transform: uppercase;
    width: 100%; }
  #country-creation form:not(#assign-attributes) .form-row.radio-row .label-wrapper {
    display: flex;
    align-items: flex-start;
    padding-top: 0.5rem; }
    #country-creation form:not(#assign-attributes) .form-row.radio-row .label-wrapper > * {
      margin-right: 1rem; }
    #country-creation form:not(#assign-attributes) .form-row.radio-row .label-wrapper img {
      height: 2rem; }
    #country-creation form:not(#assign-attributes) .form-row.radio-row .label-wrapper label {
      margin-top: 0.25rem; }
  #country-creation form:not(#assign-attributes) .submit-row {
    justify-content: center;
    position: absolute;
    bottom: -5.5rem;
    width: 100%; }
  #country-creation form:not(#assign-attributes) .submit-row button {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    margin-top: 1rem; }
    #country-creation form:not(#assign-attributes) .submit-row button:visited {
      color: #292929; }
    #country-creation form:not(#assign-attributes) .submit-row button:disabled, #country-creation form:not(#assign-attributes) .submit-row button.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #country-creation form:not(#assign-attributes) .submit-row button:disabled::after, #country-creation form:not(#assign-attributes) .submit-row button.disabled::after {
        border-left: solid #A8A8A8 5px; }
    #country-creation form:not(#assign-attributes) .submit-row button::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #country-creation form:not(#assign-attributes) .submit-row button::after {
          display: none; } }
    #country-creation form:not(#assign-attributes) .submit-row button:hover, #country-creation form:not(#assign-attributes) .submit-row button:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #country-creation form:not(#assign-attributes) .submit-row button:hover::after, #country-creation form:not(#assign-attributes) .submit-row button:focus::after {
        display: none; }
    #country-creation form:not(#assign-attributes) .submit-row button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #country-creation form:not(#assign-attributes) fieldset {
    border: 0; }
  #country-creation hr.inverse-separator {
    margin-left: 0;
    margin-top: 2rem;
    opacity: 0.5; }
  #country-creation .attr-tiers {
    list-style-type: none; }
    #country-creation .attr-tiers dl {
      display: flex;
      padding-bottom: 0.5rem; }
    #country-creation .attr-tiers dt {
      font-size: 2rem !important;
      padding-top: 0.25rem;
      width: 1rem; }
    #country-creation .attr-tiers li {
      line-height: 1.5em;
      padding-bottom: 0.3125rem; }
  #country-creation .button-wrapper {
    display: flex;
    justify-content: center; }
  #country-creation .i-button-modal .modal {
    display: flex;
    flex-direction: column;
    width: 50vw;
    max-height: 80vh;
    padding: 2rem 4rem;
    background: rgba(16, 81, 10, 0.94); }
    #country-creation .i-button-modal .modal .i-button-header {
      color: #ffffff;
      margin-bottom: 0;
      font-size: 1.875rem; }
    #country-creation .i-button-modal .modal .i-button-info {
      overflow-y: auto;
      padding-right: 1rem; }
    #country-creation .i-button-modal .modal .i-button-info * {
      font-size: 1rem; }
    #country-creation .i-button-modal .modal .i-button-info dl dt {
      font-weight: 700; }
    #country-creation .i-button-modal .modal .i-button-info dl div {
      margin-bottom: 1rem; }
    #country-creation .i-button-modal .modal ol {
      padding: 0;
      margin: 0; }
    #country-creation .i-button-modal .modal .i-button-info .subheader, #country-creation .i-button-modal .modal .i-button-info .subheader strong {
      color: #ffffff;
      font-weight: 700; }
    #country-creation .i-button-modal .modal button.modal-close {
      font-size: 0.95rem;
      color: #43FF34;
      border: 1px solid #43FF34;
      width: 6.5rem;
      padding: 0.25rem;
      margin: 0 auto;
      margin-top: 1rem; }
    #country-creation .i-button-modal .modal dt {
      color: #ffffff;
      margin-top: 0.5rem; }
    #country-creation .i-button-modal .modal dd {
      color: #FFFE83;
      text-transform: none; }
  #country-creation .input-dropdown-wrapper {
    cursor: pointer; }
  #country-creation button:not(.loading):not(.can-proceed):disabled {
    display: none !important; }
  #country-creation #breaking-news button:disabled {
    display: block !important; }
  #country-creation #country-creation-times-up .modal {
    background-color: #292929;
    border: 2px solid #4f4e29;
    max-width: 30rem;
    padding: 2rem;
    z-index: 25;
    position: relative; }
    #country-creation #country-creation-times-up .modal.tutorial-left {
      margin-right: 40rem; }
    #country-creation #country-creation-times-up .modal h2 {
      color: #FFFE83;
      font-size: 1.75rem;
      text-transform: uppercase;
      margin: 0.75rem 0 0.125rem;
      padding: 0; }
    #country-creation #country-creation-times-up .modal p {
      color: #ffffff;
      margin: 0 0 2rem 0;
      font-size: 1.125rem;
      line-height: 1.5em; }
    #country-creation #country-creation-times-up .modal button {
      border: 1px solid #ffffff;
      background-color: transparent;
      color: #ffffff;
      padding: 0.5rem 1rem;
      text-transform: uppercase;
      outline: none; }
      #country-creation #country-creation-times-up .modal button:focus, #country-creation #country-creation-times-up .modal button:hover {
        background: #000000; }
      #country-creation #country-creation-times-up .modal button:focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
    #country-creation #country-creation-times-up .modal .modal-close {
      position: absolute; }
    #country-creation #country-creation-times-up .modal button:after {
      display: none; }
    #country-creation #country-creation-times-up .modal .exit {
      position: absolute; }
  #country-creation .emoji-error {
    color: #FD3838;
    font-size: 1rem; }
  #country-creation #country-results {
    position: absolute;
    width: 100%; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #country-creation {
      font-size: 1.25rem; }
      #country-creation h1 {
        font-size: 2rem; }
      #country-creation .create-country {
        padding-top: 0; }
        #country-creation .create-country .content-wrapper {
          grid-column: 1 / 4;
          margin: 0; }
        #country-creation .create-country .submit-row {
          bottom: -7rem !important;
          padding-bottom: 1rem; }
      #country-creation #population {
        padding-top: 0; }
        #country-creation #population .pop-blurb, #country-creation #population .pop-result {
          grid-column: 1 / 3;
          grid-row: 1 / 3;
          margin: 0; }
        #country-creation #population .content-wrapper {
          width: 100%;
          padding-top: 1rem; }
        #country-creation #population .pop-number {
          font-size: 4rem; }
        #country-creation #population .pop-density {
          font-size: 1.75rem; }
        #country-creation #population p {
          margin-bottom: 0; }
        #country-creation #population button {
          margin-top: 1rem;
          margin-left: 1rem; }
      #country-creation #determine-attributes {
        padding-top: 0; }
        #country-creation #determine-attributes .text-wrapper {
          margin: 0; }
        #country-creation #determine-attributes .main-content {
          padding-bottom: 0.5rem; }
          #country-creation #determine-attributes .main-content p {
            margin-bottom: 0; }
        #country-creation #determine-attributes .dice-wrapper {
          width: 100%; }
        #country-creation #determine-attributes .dice-roll {
          width: 35vh;
          height: 35vh; }
        #country-creation #determine-attributes .dice-content {
          padding-bottom: 1rem;
          width: 100%; }
        #country-creation #determine-attributes .roll-possibilities {
          line-height: 1.25; }
        #country-creation #determine-attributes .text-wrapper .continue-btn {
          margin-left: 1rem;
          margin-bottom: 2rem; }
        #country-creation #determine-attributes img {
          width: 35vh;
          height: 35vh; }
        #country-creation #determine-attributes button {
          margin-top: 0.25rem; }
      #country-creation #assign-attributes-page {
        padding-top: 0; }
        #country-creation #assign-attributes-page .inputs-wrapper {
          padding-top: 0; }
        #country-creation #assign-attributes-page .radio-row {
          flex-flow: column nowrap; }
        #country-creation #assign-attributes-page .radio-group {
          padding: 1rem 0 0;
          width: 100%; }
        #country-creation #assign-attributes-page button {
          margin: 1rem; }
      #country-creation #determine-characteristics-page, #country-creation #inverse-characteristics-page, #country-creation #additional-details-page {
        padding: 0; }
        #country-creation #determine-characteristics-page .form-container, #country-creation #inverse-characteristics-page .form-container, #country-creation #additional-details-page .form-container {
          padding: 0; }
        #country-creation #determine-characteristics-page button, #country-creation #inverse-characteristics-page button, #country-creation #additional-details-page button {
          margin: 1rem; }
      #country-creation #additional-details-page .form-container {
        padding: 0 2rem 1rem; }
      #country-creation #country-results {
        padding: 0;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto;
        z-index: 22; }
        #country-creation #country-results .button-wrapper {
          padding-bottom: 4rem; }
      #country-creation .i-button-modal .modal {
        padding: 2rem 2rem 4rem;
        width: 100vw !important;
        max-height: 100vh;
        height: 100vh; } }

.create-country .input-dropdown-label {
  display: none; }

section#population {
  display: grid;
  grid-template-columns: 55% 45% !important;
  height: 100%; }
  section#population button:not(.animation-skip) {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.4rem;
    padding: 0.5rem 2rem !important;
    height: unset !important;
    width: unset !important;
    margin-top: 3rem; }
    section#population button:not(.animation-skip):visited {
      color: #292929; }
    section#population button:not(.animation-skip):disabled, section#population button:not(.animation-skip).disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      section#population button:not(.animation-skip):disabled::after, section#population button:not(.animation-skip).disabled::after {
        border-left: solid #A8A8A8 5px; }
    section#population button:not(.animation-skip)::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        section#population button:not(.animation-skip)::after {
          display: none; } }
    section#population button:not(.animation-skip):hover, section#population button:not(.animation-skip):focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      section#population button:not(.animation-skip):hover::after, section#population button:not(.animation-skip):focus::after {
        display: none; }
    section#population button:not(.animation-skip):focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  section#population .video-wrapper {
    background: #090909;
    margin: 0;
    height: 50%;
    width: 100%; }
    section#population .video-wrapper.background {
      background: url(9b4b69be9a64e21de5bc1a2c81f508f4.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center top;
      height: 100%; }
  section#population .pop-blurb {
    margin-left: 4rem; }
    section#population .pop-blurb p:not(.h1) {
      color: #FFFE83; }
  section#population h1 {
    line-height: 1; }
  section#population h1, section#population p.h1 {
    color: #ffffff;
    font-size: 2rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 400; }
  section#population .pop-result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%; }
  section#population .generate-btn {
    margin-top: 1rem; }
  section#population .population-display button {
    margin-top: 1rem; }
  section#population .population-display dl {
    margin: 0; }
  section#population .population-display dd {
    color: #FFFE83;
    line-height: 1; }
  section#population .population-display .pop-number {
    font-size: 6rem; }
  section#population .population-display .pop-density {
    font-size: 2rem; }
  section#population .outline {
    margin-left: 0;
    width: 100%; }
  section#population .invisible {
    position: absolute;
    left: -10000px;
    height: 0;
    width: 0; }
  section#population.complete {
    grid-template-columns: 45% 55% !important; }
    section#population.complete .pop-result {
      height: unset; }

#population-video-player {
  cursor: default;
  height: 100%; }
  #population-video-player.expanded {
    background-color: #090909;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 15; }

#country-results {
  background: #000000;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr !important;
  grid-template-rows: 5rem auto 5rem;
  font-size: 1.125rem;
  padding: 1rem !important;
  overflow: visible;
  height: unset !important; }
  #country-results .page-headers {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 5;
    position: relative; }
    #country-results .page-headers .header-wrapper {
      position: absolute;
      top: -5rem;
      left: 0;
      right: 0; }
    #country-results .page-headers .country-name {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTNweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTMgNTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC4xOTUyODkyNDkiPgogICAgICAgIDxnIGlkPSJDb3VudHJ5X2ZseW91dCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY2LjAwMDAwMCwgLTE1LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcuMDAwMDAwLCAxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIwIiB5MT0iMjQuNSIgeDI9IjUxIiB5Mj0iMjQuNSIgaWQ9IlBhdGgiPjwvbGluZT4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIyLjU2MjUiIHkxPSIxMyIgeDI9IjQ3LjUiIHkyPSIxMi41IiBpZD0iUGF0aCI+PC9saW5lPgogICAgICAgICAgICAgICAgPGxpbmUgeDE9IjIuNTYyNSIgeTE9IjM3IiB4Mj0iNDciIHkyPSIzNy41IiBpZD0iUGF0aCI+PC9saW5lPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGN4PSIyNiIgY3k9IjI1IiByeD0iMTQiIHJ5PSIyNSI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGN4PSIyNS41IiBjeT0iMjUiIHJ4PSIyNS41IiByeT0iMjUiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIyNS41IiB5MT0iMCIgeDI9IjI1LjUiIHkyPSI1MCIgaWQ9IlBhdGgiPjwvbGluZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center, linear-gradient(rgba(50, 79, 6, 0.5), rgba(50, 79, 6, 0.5));
      color: #FFFE83;
      height: 5rem;
      text-transform: uppercase; }
  #country-results .country-statistics {
    padding-top: 1rem;
    padding-right: 1rem; }
    #country-results .country-statistics .statistics-wrapper {
      background-color: rgba(0, 56, 2, 0.8);
      padding: 0 1.5rem 0.5rem; }
    #country-results .country-statistics .country-fact {
      padding: 1rem 0; }
      #country-results .country-statistics .country-fact:not(:last-of-type) {
        border-bottom: 1px dashed #A8A8A8; }
    #country-results .country-statistics dl {
      margin: 0; }
    #country-results .country-statistics dt {
      color: #FFFE83; }
    #country-results .country-statistics dd {
      color: #ffffff; }
  #country-results .country-attributes {
    padding-top: 1rem;
    padding-left: 1rem; }
    #country-results .country-attributes .attributes-wrapper {
      background-color: rgba(0, 56, 2, 0.8);
      padding: 1rem 1.5rem 0; }
    #country-results .country-attributes h3, #country-results .country-attributes dd {
      color: #FFFE83;
      margin: 0; }
    #country-results .country-attributes .attribute {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem 0;
      border-top: 1px dashed #A8A8A8; }
      #country-results .country-attributes .attribute dt {
        display: flex;
        align-items: center;
        color: #ffffff; }
      #country-results .country-attributes .attribute dd {
        margin-left: 1rem;
        white-space: nowrap; }
      #country-results .country-attributes .attribute img {
        width: 1.5rem;
        margin-right: 0.5rem; }
  #country-results .country-characteristics {
    padding-top: 1rem;
    text-align: center; }
    #country-results .country-characteristics h3 {
      color: #ffffff;
      text-transform: uppercase;
      margin: 1rem 0; }
    #country-results .country-characteristics ul {
      color: #FFFE83;
      list-style: none;
      padding: 0;
      margin: 0; }
    #country-results .country-characteristics .content-wrapper {
      background: none;
      padding: 0; }
    #country-results .country-characteristics img {
      width: 75%;
      max-width: 20rem; }
  #country-results .country-extras {
    text-align: center; }
    #country-results .country-extras h3 {
      color: #ffffff;
      text-transform: uppercase;
      margin: 0.5rem 0 0 0; }
    #country-results .country-extras ul {
      color: #FFFE83;
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      flex-flow: row wrap; }
    #country-results .country-extras .content-wrapper {
      background: none;
      padding: 0; }
    #country-results .country-extras .detail-name {
      text-transform: uppercase; }
  #country-results .button-wrapper {
    padding-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3; }
    #country-results .button-wrapper a {
      color: #ffffff;
      font-size: 1.5rem;
      padding: 0.5rem 8rem;
      height: unset;
      width: unset; }
  #country-results .country-name, #country-results .header-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
  #country-results.opaque-back {
    background-color: #000000;
    padding: 2rem; }
  #country-results .hold-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 3rem; }
    #country-results .hold-content p {
      font-size: 1.2rem;
      margin: 0 0 1rem 0; }
    #country-results .hold-content button {
      padding: 0 !important; }
  #country-results.show-additional-details {
    grid-template-rows: 5rem auto auto 5rem; }
    #country-results.show-additional-details .button-wrapper {
      grid-row-start: 4; }
    #country-results.show-additional-details .country-extras {
      grid-row: 3 / 4;
      grid-column: 1 / 4;
      height: 100%;
      width: 100%; }

#determine-characteristics-page {
  grid-template-rows: 1fr 6rem; }
  #determine-characteristics-page h1 {
    margin-bottom: 1.5rem; }
  #determine-characteristics-page .typed-text {
    grid-row-start: 1; }
  #determine-characteristics-page .form-container {
    background: rgba(0, 56, 2, 0.8);
    color: #FFFE83;
    grid-column-start: 3;
    grid-row-start: 1;
    padding: 1.5rem 1rem 1.5rem 2.5rem; }
  #determine-characteristics-page .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #determine-characteristics-page fieldset {
      padding-left: 3.5rem; }
      #determine-characteristics-page fieldset input {
        position: absolute; }
      #determine-characteristics-page fieldset .option-box-before, #determine-characteristics-page fieldset .option-box-after {
        right: calc(100% + 1rem) !important; } }

#inverse-characteristics-page {
  grid-template-rows: 1fr 6rem; }
  #inverse-characteristics-page .text-wrapper {
    grid-row-start: 1; }
  #inverse-characteristics-page .form-container {
    grid-row-start: 1;
    grid-column-start: 3; }
    #inverse-characteristics-page .form-container .reversed {
      display: block;
      margin-bottom: 1rem; }
    #inverse-characteristics-page .form-container span {
      font-size: 1.2rem; }
  #inverse-characteristics-page .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2; }
  #inverse-characteristics-page .list-wrapper {
    background-color: rgba(0, 56, 2, 0.8);
    padding: 2rem; }
  #inverse-characteristics-page .strike-through {
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
    margin-right: 1rem;
    opacity: 0.4; }
  #inverse-characteristics-page dt, #inverse-characteristics-page .strike-through {
    color: #ffffff; }
  #inverse-characteristics-page dt {
    margin-bottom: 1rem; }
  #inverse-characteristics-page ul {
    color: #FFFE83;
    list-style: none;
    padding: 0;
    margin: 0; }
  #inverse-characteristics-page .d-group {
    font-size: 1.2rem; }
    #inverse-characteristics-page .d-group dt {
      font-weight: 700; }
    #inverse-characteristics-page .d-group::before {
      display: block;
      border-top: 1px dashed #A8A8A8;
      margin: 1rem 0;
      width: 100%;
      height: 1px;
      background-color: #292929;
      content: ''; }

#determine-attributes {
  display: grid;
  grid-template-columns: 60% 60%; }
  #determine-attributes .text-wrapper {
    margin-right: 2rem; }
    #determine-attributes .text-wrapper button {
      margin-top: 4rem; }
  #determine-attributes .main-content {
    background: rgba(0, 0, 0, 0.8);
    padding: 1rem; }
  #determine-attributes .dice-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-column-start: 3; }
    #determine-attributes .dice-wrapper .clickable-dice {
      cursor: pointer; }
  #determine-attributes .roll-possibilities {
    color: #ffffff; }
  #determine-attributes .dice-content {
    background: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2rem; }
    #determine-attributes .dice-content > div {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      background-color: #000; }
    #determine-attributes .dice-content button {
      margin-top: 1rem; }
    #determine-attributes .dice-content button.calculating {
      border: #FD3838 !important;
      background: #FD3838 !important;
      color: #ffffff !important;
      opacity: 1 !important; }
      #determine-attributes .dice-content button.calculating::after {
        border: none !important; }
  #determine-attributes .continue-btn {
    padding: 0 !important; }
  #determine-attributes .allocate-btn {
    margin-top: 1rem !important; }

#assign-attributes-page {
  grid-template-rows: 1fr 6rem; }
  #assign-attributes-page h1 {
    margin-bottom: 1.5rem; }
  #assign-attributes-page .assign-subheader {
    color: #ffffff !important;
    font-size: 1.75rem !important;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0; }
  #assign-attributes-page .assigned-points {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700; }
    #assign-attributes-page .assigned-points .highlight {
      color: #FD3838; }
    #assign-attributes-page .assigned-points.complete .highlight {
      color: #ffffff; }
  #assign-attributes-page .typed-text {
    grid-row-start: 1; }
  #assign-attributes-page .form-container {
    grid-column-start: 3;
    grid-row-start: 1; }
  #assign-attributes-page .inputs-wrapper {
    background-color: rgba(0, 56, 2, 0.8);
    padding: 1.5rem 1rem; }
    #assign-attributes-page .inputs-wrapper label {
      color: #FFFE83; }
  #assign-attributes-page .form-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 1rem 1.5rem; }
    #assign-attributes-page .form-row:not(:last-of-type) {
      border-bottom: 1px dashed #A8A8A8; }
  #assign-attributes-page .label-wrapper {
    display: inline-flex;
    align-items: center; }
  #assign-attributes-page .icon-label {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    #assign-attributes-page .icon-label img {
      margin-right: 1rem;
      width: 1.5rem; }
    #assign-attributes-page .icon-label label {
      margin-right: 1rem; }
  #assign-attributes-page .radio-group {
    padding: 0;
    width: 50%; }
  #assign-attributes-page .radio-group-wrapper {
    padding-top: 0 !important;
    align-items: center; }
    #assign-attributes-page .radio-group-wrapper::before {
      display: none; }
    #assign-attributes-page .radio-group-wrapper .option {
      height: 1.5rem;
      width: 1.5rem; }
      #assign-attributes-page .radio-group-wrapper .option.disabled {
        opacity: 0.5; }
        #assign-attributes-page .radio-group-wrapper .option.disabled label {
          cursor: not-allowed; }
      #assign-attributes-page .radio-group-wrapper .option label {
        cursor: pointer;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #FFFE83;
        position: relative;
        padding: 0 0 calc(50% - 1rem) 0;
        height: 1.5rem;
        width: 1.5rem;
        overflow: hidden; }
        #assign-attributes-page .radio-group-wrapper .option label::after, #assign-attributes-page .radio-group-wrapper .option label::before {
          display: none !important; }
      #assign-attributes-page .radio-group-wrapper .option input[type="radio"] {
        position: absolute; }
      #assign-attributes-page .radio-group-wrapper .option input[type="radio"]:checked + label {
        background: #38FE26;
        border-color: #38FE26;
        color: #292929; }
        @media (forced-colors: active) {
          #assign-attributes-page .radio-group-wrapper .option input[type="radio"]:checked + label {
            background: ButtonText;
            border-color: ButtonText; } }
      #assign-attributes-page .radio-group-wrapper .option input[type="radio"] + label:hover {
        background: rgba(67, 255, 52, 0.4); }
      #assign-attributes-page .radio-group-wrapper .option input[type="radio"]:focus + label {
        border: 4px solid #FFFE83; }
        @media (forced-colors: active) {
          #assign-attributes-page .radio-group-wrapper .option input[type="radio"]:focus + label {
            border: 1px solid currentColor; } }
      #assign-attributes-page .radio-group-wrapper .option input[type="radio"]:focus-visible + label {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
  #assign-attributes-page .in-between {
    border-bottom: 1px solid #FFFE83;
    height: 1px;
    flex-grow: 1;
    margin: 0 0.5rem; }
  #assign-attributes-page .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2; }
  #assign-attributes-page .attr-description {
    color: #ffffff; }
  #assign-attributes-page .modal {
    height: 60vh;
    width: 50% !important; }
    #assign-attributes-page .modal dt {
      margin-top: 0 !important;
      color: #ffffff; }
    #assign-attributes-page .modal dd {
      color: #FFFE83; }

#additional-details-page {
  grid-template-rows: 1fr 6rem; }
  #additional-details-page .typed-text {
    grid-row-start: 1; }
  #additional-details-page .form-container {
    grid-column-start: 3;
    grid-row-start: 1;
    background: rgba(0, 56, 2, 0.8);
    color: #ffffff;
    padding: 1.5rem 1rem; }
    #additional-details-page .form-container input {
      background: rgba(67, 255, 52, 0.4); }
  #additional-details-page .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2; }
  #additional-details-page .form-content p {
    font-size: 1.2rem;
    margin: 0; }
  #additional-details-page .form-content .form-row {
    display: flex;
    flex-flow: row nowrap !important;
    justify-content: flex-start;
    align-items: center;
    padding: 0.33rem 0; }
    #additional-details-page .form-content .form-row label {
      flex-basis: 14rem;
      margin: 0 !important; }

.spinner {
  display: flex;
  position: relative;
  width: 500px; }
  .spinner button {
    border-radius: 50%;
    position: absolute;
    height: 3rem;
    width: 3rem;
    top: calc(50% - 1.5rem);
    right: calc(50% - 1.5rem); }

#file-upload .image-preview {
  display: block;
  width: 30%; }

#file-upload .hidden {
  display: none; }

#file-upload .error {
  color: #FD3838; }

#breaking-news {
  display: grid;
  grid-template-rows: calc(calc(100vh - 7.5rem - 2.375rem) - 5.625rem) auto;
  z-index: 20;
  padding-top: 7.5rem;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  #breaking-news::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(b7094c67a5ef03ba4d91f587d4adffca.png);
    background-size: cover;
    opacity: 0.4;
    position: absolute; }
  #breaking-news figure {
    margin-bottom: 10rem;
    width: calc(63vh * calc(115.5 / 65));
    margin: 0 auto;
    z-index: 21; }
  #breaking-news figcaption {
    height: 2rem;
    font-size: 2.25rem;
    padding-bottom: 0.75rem;
    width: 100%; }
  #breaking-news .video-banner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 2rem;
    margin-bottom: 0.75rem;
    margin-top: 1rem; }
  #breaking-news .video-player {
    background: #090909;
    width: 100%;
    max-width: 95vw;
    height: 63vh; }
  #breaking-news .playkit-upper-bar-icon {
    display: none; }
  #breaking-news .playkit-player .playkit-bottom-bar {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.8) 100%); }
  #breaking-news .playkit-progress {
    background: #88fd31; }
  #breaking-news .playkit-bottom-bar {
    color: #88fd31; }
  #breaking-news .playkit-control-button, #breaking-news .playkit-icon {
    opacity: 1;
    filter: brightness(1.75) sepia(1) hue-rotate(30deg) saturate(13); }
  #breaking-news .playkit-control-button:not(:disabled):hover {
    opacity: 0.75; }
  #breaking-news .embed-wrapper > * {
    height: 100%;
    width: 100%; }
  #breaking-news .continue-button {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    position: absolute !important;
    bottom: 4rem;
    width: unset !important;
    min-width: 15rem; }
    #breaking-news .continue-button:visited {
      color: #292929; }
    #breaking-news .continue-button:disabled, #breaking-news .continue-button.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #breaking-news .continue-button:disabled::after, #breaking-news .continue-button.disabled::after {
        border-left: solid #A8A8A8 5px; }
    #breaking-news .continue-button::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #breaking-news .continue-button::after {
          display: none; } }
    #breaking-news .continue-button:hover, #breaking-news .continue-button:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #breaking-news .continue-button:hover::after, #breaking-news .continue-button:focus::after {
        display: none; }
    #breaking-news .continue-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #breaking-news .open-transcript {
    background: rgba(21, 64, 28, 0.93);
    border: 0;
    border-radius: 5px;
    color: #38FE26;
    padding: 0.25rem 0.5rem;
    border: 1px solid transparent !important; }
    #breaking-news .open-transcript:hover, #breaking-news .open-transcript:focus {
      color: #ffffff !important;
      outline: none;
      font-weight: 400 !important; }
    #breaking-news .open-transcript:focus {
      border: 1px solid #ffffff !important; }
    #breaking-news .open-transcript:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #breaking-news .button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 21; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #breaking-news {
      padding-top: calc(5.7rem+0.5rem);
      z-index: 22;
      background: none;
      padding-top: 0;
      grid-template-rows: 1fr 8rem; }
      #breaking-news figure {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; }
      #breaking-news .video-player {
        height: 57vh;
        width: calc(57vh * calc(115.5 / 65));
        border: 1px solid rgba(16, 81, 10, 0.94); }
      #breaking-news .video-banner,
      #breaking-news .mobile-visible {
        width: auto;
        flex-basis: 1px;
        flex-grow: 1;
        justify-content: flex-start;
        flex-flow: row nowrap;
        align-items: flex-end; }
      #breaking-news figcaption {
        font-size: 2rem;
        height: unset;
        padding-bottom: 0;
        line-height: 1.25; }
      #breaking-news button {
        margin-left: 1rem;
        height: 2rem; }
      #breaking-news .modal-background {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: -1; }
      #breaking-news .continue-button {
        bottom: unset !important; }
      #breaking-news .button-holder {
        align-items: flex-start;
        padding-top: 0.5rem; } }
  #breaking-news .playkit-side-panel-content {
    display: none; }

.breaking-news-background {
  z-index: 8;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(b7094c67a5ef03ba4d91f587d4adffca.png);
  background-size: cover;
  position: fixed; }

#country-creation #breaking-news .embed-wrapper {
  border: none; }

#country-creation #breaking-news .open-transcript {
  top: 0.5rem; }

.modal-wrapper #breaking-news figcaption {
  color: #ffffff; }

header#header #menu-container #breaking-news {
  z-index: 22; }
  header#header #menu-container #breaking-news .open-transcript {
    background: rgba(0, 56, 2, 0.8);
    border: 0;
    border-radius: 5px;
    color: #38FE26;
    padding: 0.5rem;
    margin-left: 0.5rem;
    font-size: 1rem; }
  header#header #menu-container #breaking-news .continue-button {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer; }
    header#header #menu-container #breaking-news .continue-button:visited {
      color: #292929; }
    header#header #menu-container #breaking-news .continue-button:disabled, header#header #menu-container #breaking-news .continue-button.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      header#header #menu-container #breaking-news .continue-button:disabled::after, header#header #menu-container #breaking-news .continue-button.disabled::after {
        border-left: solid #A8A8A8 5px; }
    header#header #menu-container #breaking-news .continue-button::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        header#header #menu-container #breaking-news .continue-button::after {
          display: none; } }
    header#header #menu-container #breaking-news .continue-button:hover, header#header #menu-container #breaking-news .continue-button:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      header#header #menu-container #breaking-news .continue-button:hover::after, header#header #menu-container #breaking-news .continue-button:focus::after {
        display: none; }
    header#header #menu-container #breaking-news .continue-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }

#do-donts h1, #do-donts .h1 {
  font-size: 1.75rem;
  margin: 0 0 2rem 0; }

#do-donts .lists-wrapper {
  display: flex;
  justify-content: space-between; }

#do-donts ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#do-donts li {
  font-size: 1.6rem;
  line-height: 1.9rem; }

#do-donts p {
  margin: 0 0 2rem 0; }

#do-donts .wait-msg {
  color: #FFFE83;
  font-size: 1.75rem;
  margin-top: 1rem; }

#about-you .text-body {
  font-size: 1.6rem;
  line-height: 2.06rem;
  grid-column-start: 2;
  grid-column-end: 3; }

#about-you .welcome-text {
  font-size: 1.75rem;
  font-weight: 700; }

#about-you .profile-file-upload {
  margin-top: 0.67em; }

#about-you.in-modal p {
  font-size: 1.5rem; }

.social-feed-wrapper {
  height: 100%;
  position: relative;
  display: flex;
  max-width: 42rem;
  width: 100%; }
  .social-feed-wrapper .social-feed-label {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    color: #ffffff;
    width: 20rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 400; }
  .social-feed-wrapper ul {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.625rem;
    list-style: none;
    padding: 0;
    margin: 0;
    transition: 1s all;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    scroll-behavior: smooth; }
  .social-feed-wrapper li {
    color: #ffffff;
    display: flex;
    height: 5.625rem;
    align-items: center;
    padding: 0 1rem;
    position: relative; }
  .social-feed-wrapper .tutorial-feed {
    bottom: 100%;
    left: 8rem; }

.social-feed-wrapper.open ul {
  overflow: auto;
  height: 80vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 7; }

.social-feed-wrapper.open button {
  bottom: calc(80vh - 5.625rem);
  z-index: 7; }

.social-feed-wrapper.open li:after {
  content: '--';
  position: absolute;
  bottom: -0.5rem;
  font-size: 1rem; }

.social-feed-background {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  top: 0;
  left: -100vw;
  z-index: 6;
  transition: 1s opacity;
  opacity: 0; }

.social-feed-background.open {
  left: 0;
  opacity: 1; }

#event-decisions {
  display: grid;
  grid-template-columns: 4fr 3rem 3fr;
  height: 100%;
  max-height: calc(100vh - 7.5rem - 2.375rem); }
  #event-decisions .event-content {
    max-height: calc(calc(100vh - 7.5rem - 2.375rem) - 5.625rem);
    padding: 2rem 0 4.5rem;
    padding-bottom: 4.5rem;
    box-sizing: border-box; }
  #event-decisions .event-wrapper {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    max-height: calc(calc(100vh - 7.5rem - 2.375rem) - 5.625rem - 5.5rem);
    display: flex;
    flex-direction: column; }
  #event-decisions .event-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    position: relative; }
    #event-decisions .event-header .h1 {
      font-size: 3rem;
      color: white;
      margin: 0 1rem 0 0;
      text-transform: uppercase;
      font-weight: 700; }
    #event-decisions .event-header .cursor-placeholder {
      font-size: 3rem;
      color: white;
      position: absolute;
      top: 0; }
      @media (forced-colors: active) {
        #event-decisions .event-header .cursor-placeholder {
          display: none; } }
  #event-decisions .back-button {
    outline: none; }
    #event-decisions .back-button:focus, #event-decisions .back-button:hover {
      text-decoration: underline; }
  #event-decisions .media-button-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    width: 40%;
    padding: 0.5rem; }
  #event-decisions .event-body {
    padding: 0 1rem;
    overflow-y: auto;
    color: #FFFE83;
    font-size: 1.25rem; }
    #event-decisions .event-body p {
      margin-top: 0; }
  #event-decisions .event-media-button {
    text-transform: uppercase;
    width: 10rem;
    padding: 0.5rem 1rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzNweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMzMgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c291bmQtd2F2ZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUGxheS1BdWRpbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ni4wMDAwMDAsIC0xNi4wMDAwMDApIiBmaWxsPSIjNEVGRjAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGcgaWQ9InNvdW5kLXdhdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1Ni4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy4zMDY0NTE2LDI0IEMxMi44NjkwMjAzLDIzLjk5OTY0NDMgMTIuNDc2MzMyNywyMy43MzExODg4IDEyLjMxNjQ1MTYsMjMuMzIzMiBMNy4zMzQ1MTYxMywxMC42MTkyIEw1Ljc0MjUzMjI2LDEzLjgxMzMzMzMgQzUuNTYxMzcyNiwxNC4xNzM1NzM1IDUuMTkyOTAwMTMsMTQuNDAwNTkzMyA0Ljc5MDMyMjU4LDE0LjQgTDAsMTQuNCBMMCwxMi4yNjY2NjY3IEw0LjEzMjQ1MTYxLDEyLjI2NjY2NjcgTDYuNDk5NDAzMjMsNy41MjI2NjY2NyBDNi42ODc1Mzg0MSw3LjE0NjA1MDA2IDcuMDc5MjE4MTYsNi45MTU2MTc3OSA3LjQ5OTEwODE4LDYuOTM0NTIyMTkgQzcuOTE4OTk4MTksNi45NTM0MjY2IDguMjg4NDc1NjksNy4yMTgxMjc5IDguNDQyMTQ1MTYsNy42MTAxMzMzMyBMMTMuMTE1OTAzMiwxOS41Mjk2IEwxOC4xMzI5Njc3LDAuNzkwNCBDMTguMjU2ODY0MiwwLjMyNzM1NzM4MyAxOC42NzM4Mjg5LDAuMDA0MDIwNTc4MyAxOS4xNTIyNDE5LDAgTDE5LjE2MTI5MDMsMCBDMTkuNjM2NjMyMiwwIDIwLjA1NDM0MTIsMC4zMTU4NjA2MDMgMjAuMTg0ODIyNiwwLjc3Mzg2NjY2NyBMMjQuODIxODU0OCwxNy4wMzU3MzMzIEwyNy4yODk5MzU1LDEyLjc5NTczMzMgQzI3LjQ4MDc4NDgsMTIuNDY4MDE0NiAyNy44MzEwMDgyLDEyLjI2NjU1NDIgMjguMjA5Njc3NCwxMi4yNjY2NjY3IEwzMywxMi4yNjY2NjY3IEwzMywxNC40IEwyOC44MjA3MDk3LDE0LjQgTDI1LjQwMzYxMjksMjAuMjcwOTMzMyBDMjUuMTg4NzAyMywyMC42NDAyMDU3IDI0Ljc3NDUzNDEsMjAuODQ1MjQ4MiAyNC4zNTEyNTIyLDIwLjc5MTkyNjEgQzIzLjkyNzk3MDMsMjAuNzM4NjA0IDIzLjU3NzM0MTQsMjAuNDM3MjE3OCAyMy40NjAzMzg3LDIwLjAyNjEzMzMgTDE5LjE5Mzc1ODEsNS4wNjI0IEwxNC4zMzQ3NzQyLDIzLjIwOTYgQzE0LjIxNjMxNTEsMjMuNjU1MTc5OCAxMy44MjU1MjM4LDIzLjk3NDAzODQgMTMuMzY2MDY0NSwyNCBDMTMuMzQ1ODM4NywyNCAxMy4zMjYxNDUyLDI0IDEzLjMwNjQ1MTYsMjQgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat, linear-gradient(rgba(0, 56, 2, 0.8), rgba(0, 56, 2, 0.8));
    background-position: 90% 50%;
    background-size: 1.5rem;
    color: #38FE26;
    border: none;
    border-radius: 0.5rem;
    text-align: left;
    margin-bottom: 0.5rem;
    border: 1px solid transparent; }
    #event-decisions .event-media-button:hover, #event-decisions .event-media-button:focus {
      color: #ffffff;
      outline: none;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzNweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMzMgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c291bmQtd2F2ZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUGxheS1BdWRpbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ni4wMDAwMDAsIC0xNi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGcgaWQ9InNvdW5kLXdhdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1Ni4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy4zMDY0NTE2LDI0IEMxMi44NjkwMjAzLDIzLjk5OTY0NDMgMTIuNDc2MzMyNywyMy43MzExODg4IDEyLjMxNjQ1MTYsMjMuMzIzMiBMNy4zMzQ1MTYxMywxMC42MTkyIEw1Ljc0MjUzMjI2LDEzLjgxMzMzMzMgQzUuNTYxMzcyNiwxNC4xNzM1NzM1IDUuMTkyOTAwMTMsMTQuNDAwNTkzMyA0Ljc5MDMyMjU4LDE0LjQgTDAsMTQuNCBMMCwxMi4yNjY2NjY3IEw0LjEzMjQ1MTYxLDEyLjI2NjY2NjcgTDYuNDk5NDAzMjMsNy41MjI2NjY2NyBDNi42ODc1Mzg0MSw3LjE0NjA1MDA2IDcuMDc5MjE4MTYsNi45MTU2MTc3OSA3LjQ5OTEwODE4LDYuOTM0NTIyMTkgQzcuOTE4OTk4MTksNi45NTM0MjY2IDguMjg4NDc1NjksNy4yMTgxMjc5IDguNDQyMTQ1MTYsNy42MTAxMzMzMyBMMTMuMTE1OTAzMiwxOS41Mjk2IEwxOC4xMzI5Njc3LDAuNzkwNCBDMTguMjU2ODY0MiwwLjMyNzM1NzM4MyAxOC42NzM4Mjg5LDAuMDA0MDIwNTc4MyAxOS4xNTIyNDE5LDAgTDE5LjE2MTI5MDMsMCBDMTkuNjM2NjMyMiwwIDIwLjA1NDM0MTIsMC4zMTU4NjA2MDMgMjAuMTg0ODIyNiwwLjc3Mzg2NjY2NyBMMjQuODIxODU0OCwxNy4wMzU3MzMzIEwyNy4yODk5MzU1LDEyLjc5NTczMzMgQzI3LjQ4MDc4NDgsMTIuNDY4MDE0NiAyNy44MzEwMDgyLDEyLjI2NjU1NDIgMjguMjA5Njc3NCwxMi4yNjY2NjY3IEwzMywxMi4yNjY2NjY3IEwzMywxNC40IEwyOC44MjA3MDk3LDE0LjQgTDI1LjQwMzYxMjksMjAuMjcwOTMzMyBDMjUuMTg4NzAyMywyMC42NDAyMDU3IDI0Ljc3NDUzNDEsMjAuODQ1MjQ4MiAyNC4zNTEyNTIyLDIwLjc5MTkyNjEgQzIzLjkyNzk3MDMsMjAuNzM4NjA0IDIzLjU3NzM0MTQsMjAuNDM3MjE3OCAyMy40NjAzMzg3LDIwLjAyNjEzMzMgTDE5LjE5Mzc1ODEsNS4wNjI0IEwxNC4zMzQ3NzQyLDIzLjIwOTYgQzE0LjIxNjMxNTEsMjMuNjU1MTc5OCAxMy44MjU1MjM4LDIzLjk3NDAzODQgMTMuMzY2MDY0NSwyNCBDMTMuMzQ1ODM4NywyNCAxMy4zMjYxNDUyLDI0IDEzLjMwNjQ1MTYsMjQgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat, linear-gradient(rgba(0, 56, 2, 0.8), rgba(0, 56, 2, 0.8));
      background-position: 90% 50%;
      background-size: 1.5rem; }
    #event-decisions .event-media-button:focus {
      border: 1px solid #ffffff; }
    #event-decisions .event-media-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #event-decisions .open-transcript {
    background: rgba(0, 56, 2, 0.8);
    border: 0;
    border-radius: 5px;
    color: #38FE26;
    padding: 0.5rem;
    margin-left: 0.5rem;
    box-sizing: border-box;
    border: 1px solid transparent; }
    #event-decisions .open-transcript:hover, #event-decisions .open-transcript:focus {
      color: #ffffff;
      outline: none; }
    #event-decisions .open-transcript:focus {
      border: 1px solid #ffffff; }
    #event-decisions .open-transcript:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #event-decisions .event-decision-wrapper {
    grid-column-start: 3;
    margin-top: 2rem; }
  #event-decisions .decision-header {
    display: flex;
    justify-content: space-between;
    min-height: 5rem;
    align-items: center;
    font-size: 1.125rem;
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff; }
    #event-decisions .decision-header h2 {
      font-size: 2.2rem;
      font-weight: 700;
      margin: 0; }
    #event-decisions .decision-header button {
      background: none;
      border: none;
      color: #ffffff;
      text-transform: uppercase; }
      #event-decisions .decision-header button:before {
        content: '<';
        margin-right: 0.25rem; }
  #event-decisions .radio-group.decision-selector {
    padding: 0;
    margin: 0; }
    #event-decisions .radio-group.decision-selector .radio-group-wrapper {
      position: relative;
      display: flex;
      flex-direction: column; }
    #event-decisions .radio-group.decision-selector input[type="radio"] {
      opacity: 0;
      pointer-events: none;
      width: 1px; }
    #event-decisions .radio-group.decision-selector .option {
      min-height: 5rem;
      background: rgba(50, 135, 0, 0.5);
      padding: calc(1.25rem - 5px);
      display: flex;
      align-items: center;
      color: #ffffff;
      cursor: pointer;
      font-weight: 700;
      font-size: 1.125rem;
      border: 5px solid transparent; }
      @media (forced-colors: active) {
        #event-decisions .radio-group.decision-selector .option {
          border: none; } }
    #event-decisions .radio-group.decision-selector .option:focus-within, #event-decisions .radio-group.decision-selector .option:hover, #event-decisions .radio-group.decision-selector .option.selected {
      background: #38FE26;
      color: #292929; }
      @media (forced-colors: active) {
        #event-decisions .radio-group.decision-selector .option:focus-within, #event-decisions .radio-group.decision-selector .option:hover, #event-decisions .radio-group.decision-selector .option.selected {
          border: 5px solid #ffffff; } }
    #event-decisions .radio-group.decision-selector .option:focus-within {
      border: 5px solid #3FA200; }
    #event-decisions .radio-group.decision-selector label {
      cursor: pointer;
      position: relative;
      text-align: left; }
    #event-decisions .radio-group.decision-selector input[type="radio"]:focus + label {
      outline: none; }
    #event-decisions .radio-group.decision-selector input[type="radio"]:focus-visible + label {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
    #event-decisions .radio-group.decision-selector .option.disabled {
      background: rgba(62, 72, 79, 0.8);
      color: #D8D8D8;
      cursor: not-allowed; }
      #event-decisions .radio-group.decision-selector .option.disabled:hover, #event-decisions .radio-group.decision-selector .option.disabled:focus {
        color: #D8D8D8;
        background: rgba(41, 41, 41, 0.9); }
      #event-decisions .radio-group.decision-selector .option.disabled.selected {
        background: rgba(41, 41, 41, 0.9); }
        #event-decisions .radio-group.decision-selector .option.disabled.selected:hover, #event-decisions .radio-group.decision-selector .option.disabled.selected:focus {
          background: rgba(41, 41, 41, 0.9); }
  #event-decisions button.type-selector {
    min-height: 5rem;
    background: rgba(50, 135, 0, 0.5);
    padding: calc(1.25rem - 5px);
    display: flex;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.5rem;
    border: none;
    width: 100%;
    outline: none;
    justify-content: space-between; }
    #event-decisions button.type-selector:hover, #event-decisions button.type-selector:focus, #event-decisions button.type-selector.selected {
      background: #38FE26;
      color: #292929; }
      #event-decisions button.type-selector:hover span.visual-button, #event-decisions button.type-selector:focus span.visual-button, #event-decisions button.type-selector.selected span.visual-button {
        display: block; }
    #event-decisions button.type-selector:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
    #event-decisions button.type-selector.disabled {
      background: rgba(62, 72, 79, 0.8);
      color: #D8D8D8; }
      #event-decisions button.type-selector.disabled:hover, #event-decisions button.type-selector.disabled:focus, #event-decisions button.type-selector.disabled.selected {
        color: #D8D8D8;
        background: rgba(41, 41, 41, 0.9); }
    #event-decisions button.type-selector span.visual-button {
      display: none;
      font-size: 2rem; }
  #event-decisions button.submit-button {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 700;
    width: 25rem;
    height: 3.75rem;
    margin: 3rem auto 0 auto; }
    #event-decisions button.submit-button:visited {
      color: #292929; }
    #event-decisions button.submit-button:disabled, #event-decisions button.submit-button.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #event-decisions button.submit-button:disabled::after, #event-decisions button.submit-button.disabled::after {
        border-left: solid #A8A8A8 5px; }
    #event-decisions button.submit-button::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #event-decisions button.submit-button::after {
          display: none; } }
    #event-decisions button.submit-button:hover, #event-decisions button.submit-button:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #event-decisions button.submit-button:hover::after, #event-decisions button.submit-button:focus::after {
        display: none; }
    #event-decisions button.submit-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #event-decisions .tutorial-choices {
    top: calc(100% - 0.5rem);
    right: 0;
    width: 35rem; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #event-decisions {
      grid-template-columns: 2fr 1rem 1.15fr;
      position: relative; }
      #event-decisions .h1 {
        font-size: 1.85rem !important;
        margin: 0 !important; }
      #event-decisions .event-content {
        height: 100% !important;
        padding: 0; }
      #event-decisions .media-button-wrapper {
        padding: 0.5rem 0.5rem 0;
        width: unset; }
      #event-decisions .cursor-placeholder {
        font-size: 1.85rem !important; }
      #event-decisions .event-wrapper {
        max-height: 100%; }
      #event-decisions .event-body {
        font-size: 1rem; }
      #event-decisions .event-decision-wrapper {
        margin: 0; }
      #event-decisions .decision-header {
        padding: 0.5rem;
        min-height: 4rem;
        height: 4rem; }
        #event-decisions .decision-header h2 {
          font-size: 1.25rem;
          line-height: 1.25; }
      #event-decisions button.type-selector, #event-decisions span.option {
        min-height: 3rem !important;
        padding: 0.5rem !important;
        font-size: 1rem !important; }
        #event-decisions button.type-selector label, #event-decisions span.option label {
          font-size: 0.85rem !important; }
      #event-decisions .decision-wrapper > div:not(:last-of-type) > button.type-selector {
        border-bottom: 1px solid #292929; }
      #event-decisions .radio-group-wrapper span.option:not(:last-of-type) {
        border-bottom: 1px solid #292929; }
      #event-decisions .submit-button {
        width: unset !important; } }

#decision-satisfaction-modal .modal-background {
  background: rgba(0, 0, 0, 0.91); }

#decision-satisfaction-modal .time-remaining {
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: -1rem; }

#decision-satisfaction-modal .timer {
  background: none;
  font-weight: 700; }
  #decision-satisfaction-modal .timer .time {
    margin-left: 0; }
  #decision-satisfaction-modal .timer .timer-bar {
    display: none; }

#decision-satisfaction-modal .modal {
  width: 90%;
  max-width: 68rem;
  background: none;
  color: #38FE26;
  display: flex;
  flex-direction: column;
  align-items: center; }

#decision-satisfaction-modal h2 {
  font-size: 1.875rem;
  color: #ffffff;
  margin-bottom: 0.5rem;
  line-height: 1; }

#decision-satisfaction-modal .decision-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 1rem 2rem 1rem; }
  #decision-satisfaction-modal .decision-preview h2, #decision-satisfaction-modal .decision-preview p {
    color: #FFFE83;
    margin: 0; }
  #decision-satisfaction-modal .decision-preview h2 {
    font-size: 3.1875rem;
    line-height: 1; }
  #decision-satisfaction-modal .decision-preview p {
    font-size: 1.3125rem; }

#decision-satisfaction-modal #decision-satisfaction {
  width: 100%; }

#decision-satisfaction-modal button {
  margin: 2rem auto 0.5rem auto; }
  #decision-satisfaction-modal button:disabled {
    opacity: 0; }

#decision-satisfaction-modal #utility-bar {
  position: fixed;
  bottom: 1rem;
  width: 100%; }
  #decision-satisfaction-modal #utility-bar .multiplayer-utils > div {
    flex-basis: 33%; }
  #decision-satisfaction-modal #utility-bar .multiplayer-utils > div > button {
    height: 5rem;
    margin: 0;
    border-radius: 0; }
  #decision-satisfaction-modal #utility-bar #tutorial-open-button {
    display: none; }

#decision-satisfaction-modal .decision-satisfaction-wrapper {
  margin-top: 2rem;
  border: 1px solid #979797;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #decision-satisfaction-modal .decision-satisfaction-wrapper .header-container {
    position: absolute;
    height: 3rem;
    width: 100%;
    bottom: calc(100% - 1.5rem);
    display: flex;
    justify-content: center;
    align-items: center; }
  #decision-satisfaction-modal .decision-satisfaction-wrapper h3 {
    padding: 0 1rem;
    font-size: 2rem;
    text-transform: uppercase;
    background: #090909;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
  #decision-satisfaction-modal .decision-satisfaction-wrapper > label {
    margin-top: 2rem;
    font-size: 1.25rem;
    color: #ffffff; }

@media screen and (max-width: 1024px), screen and (max-height: 640px) {
  #decision-satisfaction-modal .modal {
    padding: 3rem;
    width: 100%;
    overflow: auto;
    max-height: 100%; }
  #decision-satisfaction-modal .decision-preview {
    padding-bottom: 1rem; }
  #decision-satisfaction-modal h2 {
    font-size: 1.25rem !important; }
  #decision-satisfaction-modal h3 {
    font-size: 2rem !important; }
  #decision-satisfaction-modal p {
    font-size: 1rem !important; }
  #decision-satisfaction-modal .header-container {
    height: 2rem !important;
    bottom: calc(100% - 1rem) !important; }
    #decision-satisfaction-modal .header-container h3 {
      font-size: 1.25rem !important; }
  #decision-satisfaction-modal .decision-satisfaction-wrapper {
    margin-top: 1rem;
    min-height: 6rem; }
  #decision-satisfaction-modal label {
    margin-top: 0.5rem !important;
    font-size: 1rem !important; }
  #decision-satisfaction-modal span.option {
    padding: 0.5rem 1rem;
    line-height: 1.15;
    text-align: center; }
    #decision-satisfaction-modal span.option label {
      margin: 0 !important;
      line-height: 1; }
    #decision-satisfaction-modal span.option input {
      position: absolute; }
  #decision-satisfaction-modal .time-remaining {
    margin-bottom: 0; }
  #decision-satisfaction-modal .time {
    font-size: 1.5rem; } }

#team-chat {
  position: relative;
  grid-column-start: 2; }
  #team-chat .tutorial-chat {
    bottom: calc(100% - 0.5rem);
    width: 26rem;
    right: 0; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #team-chat {
      position: unset; } }

#team-chat-button {
  position: relative; }
  #team-chat-button > span {
    position: relative; }
    #team-chat-button > span .notification-bubble:before {
      position: absolute;
      top: -0.25rem;
      left: -0.25rem;
      content: ' ';
      height: 0.75rem;
      width: 0.75rem;
      border-radius: 100%;
      background: #FD3838;
      visibility: hidden; }
      @media (forced-colors: active) {
        #team-chat-button > span .notification-bubble:before {
          background: CanvasText; } }
    #team-chat-button > span .notification-bubble.show:before {
      visibility: visible; }
  #team-chat-button .gold-icon {
    display: none; }
  #team-chat-button:hover, #team-chat-button:focus, #team-chat-button.open {
    color: #FFFE83 !important;
    outline: none; }
    #team-chat-button:hover .gold-icon, #team-chat-button:focus .gold-icon, #team-chat-button.open .gold-icon {
      display: unset; }
    #team-chat-button:hover .grey-icon, #team-chat-button:focus .grey-icon, #team-chat-button.open .grey-icon {
      display: none; }

.chat-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9; }

.chat-wrapper {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNDgwIDYxMyIgd2lkdGg9IjQ4MCIgaGVpZ2h0PSI2MTMiPjxkZWZzPjxwYXRoIGQ9Ik0wIDBMNDA4IDBMNDA4IDE1NEwwIDE1NEwwIDBaIiBpZD0iYjI4Uk9CSkJ4RCI+PC9wYXRoPjxwYXRoIGQ9Ik0wIDBMNDMzLjQ3IDBMNDgwIDM3Ljc5TDQ4MCA1OTNMMCA1OTNMMCAwWiIgaWQ9ImExdGtQcjlDdEkiPjwvcGF0aD48cGF0aCBkPSJNNDUxLjE4IDU5M0w0ODAgNjEzTDQ4MCA1OTEuMTFMNDUxLjE4IDU5M1oiIGlkPSJhMndLeVlURGUiPjwvcGF0aD48L2RlZnM+PGc+PGc+PGc+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2ExdGtQcjlDdEkiIG9wYWNpdHk9IjEiIGZpbGw9IiM3ZTdlN2UiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2Eyd0t5WVREZSIgb3BhY2l0eT0iMSIgZmlsbD0iIzdlN2U3ZSIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L3N2Zz4=);
  position: absolute;
  bottom: 110%;
  right: 50%;
  width: 30rem;
  height: 38.3125rem;
  max-height: 75vh;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  padding: 1.56rem 0;
  z-index: 10; }
  .chat-wrapper .close {
    position: absolute;
    top: 0rem;
    right: 1rem;
    font-size: 1.25rem;
    display: flex;
    background: none;
    border: none;
    color: #FFFE83; }
    @media screen and (min-height: 640px) and (min-width: 1024px) {
      .chat-wrapper .close {
        display: none; } }
    .chat-wrapper .close:focus, .chat-wrapper .close:hover {
      border: red !important;
      background: transparent !important; }
  .chat-wrapper .message.own {
    color: #292929; }
    .chat-wrapper .message.own .msg-header {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNDA4IDQwIiB3aWR0aD0iNDA4IiBoZWlnaHQ9IjQwIj48ZGVmcz48cGF0aCBkPSJNMCAwTDQwOCAwTDQwOCAxNTRMMCAxNTRMMCAwWiIgaWQ9ImIyOFJPQkpCeEQiPjwvcGF0aD48cGF0aCBkPSJNMCAwTDM4NyAwTDQwOCAxOC4zNEw0MDggNDBMMCA0MEwwIDBaIiBpZD0iYTJhN3hsSXgxUCI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYTJhN3hsSXgxUCIgb3BhY2l0eT0iMSIgZmlsbD0iIzlFRkM5NCIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L3N2Zz4=); }
    .chat-wrapper .message.own .msg-body {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgODMgMjAiIHdpZHRoPSI4MyIgaGVpZ2h0PSIyMCI+PGRlZnM+PHBhdGggZD0iTTAgMEw4MS42NSAyMEw1Mi42OSAwTDAgMFoiIGlkPSJhbE5xWEZkZ0kiPjwvcGF0aD48L2RlZnM+PGc+PGc+PGc+PHVzZSB4bGluazpocmVmPSIjYWxOcVhGZGdJIiBvcGFjaXR5PSIxIiBmaWxsPSIjOUVGQzk0IiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjwvZz48L2c+PC9nPjwvc3ZnPg==);
      background-repeat: no-repeat;
      background-position: bottom right; }
      .chat-wrapper .message.own .msg-body p {
        background: #9EFC94;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto; }
    .chat-wrapper .message.own .msg-header span {
      color: #0E791B; }
  .chat-wrapper .chat-log {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-right: 1rem;
    overflow-y: auto;
    overflow-x: hidden; }
  .chat-wrapper .send-msg, .chat-wrapper .input-text-wrapper {
    color: #292929;
    display: flex;
    flex-direction: column;
    width: 100%; }
  .chat-wrapper .send-msg {
    padding: 0 1rem; }
    .chat-wrapper .send-msg button {
      margin-top: 0.25rem;
      flex-grow: unset !important;
      flex-basis: unset !important; }
    .chat-wrapper .send-msg input {
      height: 2rem; }
  .chat-wrapper textarea {
    resize: none; }
  .chat-wrapper img {
    background: #090909;
    -o-object-fit: cover;
       object-fit: cover; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    .chat-wrapper {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100vw;
      height: 100%;
      max-height: 100%;
      background: #7e7e7e;
      padding-top: 2rem;
      padding-bottom: 3rem;
      z-index: 18; }
      .chat-wrapper .close {
        top: 0.25rem;
        right: 0.5rem; }
      .chat-wrapper .chat-log {
        padding-left: 1rem; } }

.message {
  width: 25.5rem;
  margin: 0 auto;
  margin-bottom: 1.25rem;
  color: #ffffff;
  font-weight: 700;
  position: relative; }
  .message .msg-header {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNDA4IDQwIiB3aWR0aD0iNDA4IiBoZWlnaHQ9IjQwIj48ZGVmcz48cGF0aCBkPSJNMCAwTDQwOCAwTDQwOCAxNTRMMCAxNTRMMCAwWiIgaWQ9ImIyOFJPQkpCeEQiPjwvcGF0aD48cGF0aCBkPSJNMCAwTDM4NyAwTDQwOCAxOC4zNEw0MDggNDBMMCA0MEwwIDBaIiBpZD0iaDFOMm9ReDZPYiI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjaDFOMm9ReDZPYiIgb3BhY2l0eT0iMSIgZmlsbD0iIzJmMmYyZiIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L3N2Zz4=);
    display: flex;
    align-items: center;
    padding: 0.5rem 0 0 5rem; }
    .message .msg-header span {
      color: #FFFE83; }
  .message .profile-picture-display {
    height: 3.5rem;
    width: 3.5rem;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    z-index: 1;
    border: 1px solid #38FE26;
    overflow: hidden; }
  .message .msg-body {
    width: 100%;
    position: relative;
    padding-bottom: 1.25rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgODMgMjAiIHdpZHRoPSI4MyIgaGVpZ2h0PSIyMCI+PGRlZnM+PHBhdGggZD0iTTgxLjY1IDBMMCAyMEwyOC45NiAwTDgxLjY1IDBaIiBpZD0iYThjTTBGalJOIj48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2E4Y00wRmpSTiIgb3BhY2l0eT0iMSIgZmlsbD0iIzJmMmYyZiIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48L2c+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-top: -0.15rem; }
    .message .msg-body p {
      margin: 0;
      padding: 0 0.5rem 0 5rem;
      background: #2F2F2F; }
    .message .msg-body p:first-child {
      padding-top: 0.5rem; }
    .message .msg-body p:last-child {
      padding-bottom: 0.5rem; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    .message {
      margin-left: 0;
      width: 75vw; }
      .message .msg-header {
        background: #2F2F2F !important; }
      .message.own {
        margin-right: 0;
        margin-left: auto; }
        .message.own .msg-header {
          background: #9EFC94 !important; }
      .message .msg-body {
        background: none !important;
        padding-bottom: 0; } }

#debugger {
  color: #292929;
  background: #ffffff;
  border: 1px solid #292929;
  position: absolute;
  right: 25%;
  top: calc(7.5rem + 1rem);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  min-width: 40%;
  z-index: 22; }
  #debugger .goto, #debugger .peek {
    display: flex;
    align-items: center; }
  #debugger button {
    max-width: 50%;
    margin: 0.25rem; }
  #debugger textarea {
    height: 10rem;
    width: 100%;
    resize: vertical; }
  #debugger .timers {
    display: flex;
    flex-direction: column; }
  #debugger .hide-btn {
    margin-top: 2rem; }
  #debugger .timers > div {
    display: flex;
    align-items: center; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #debugger {
      width: 75%;
      left: 12.5%;
      right: 12.5%;
      top: 12.5vh;
      z-index: 100;
      height: 75vh;
      overflow: auto; } }

#debugger-button {
  grid-column-start: 3;
  z-index: 1; }

#availability {
  font-size: 1.6rem; }
  #availability ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  #availability li {
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
  #availability p.red {
    color: #FD3838; }
  #availability .offline {
    color: #FD3838; }
  #availability .online, #availability .offline {
    margin-left: 1rem; }
  #availability .modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%; }
    #availability .modal p {
      align-self: flex-start; }
    #availability .modal a.continue {
      margin: unset;
      color: #292929;
      border: 1px solid #292929;
      padding: 0 2rem; }
  #availability .button-wrapper {
    display: flex;
    justify-content: space-around;
    width: 100%; }
  #availability .become-editor-wrapper {
    align-self: flex-end; }
  #availability .terminal-button {
    display: block;
    background: none;
    border: none;
    color: #38FE26;
    padding: 0;
    margin: 0;
    font-size: 1.75rem; }
    #availability .terminal-button:hover, #availability .terminal-button:focus {
      text-decoration: underline; }
    #availability .terminal-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #availability {
      font-size: 1.25rem; } }

.team-decision-message {
  background: rgba(21, 64, 28, 0.93);
  padding: 1rem; }
  .team-decision-message p {
    font-size: 1.125rem;
    margin: 0.25rem; }
  .team-decision-message .result-header, .team-decision-message .defer-header, .team-decision-message .roll-header, .team-decision-message .event-num {
    color: #FFFE83; }
  .team-decision-message .major-type, .team-decision-message .minor-type, .team-decision-message .result-header {
    color: #38FE26; }
  .team-decision-message .roll-header {
    font-size: 1.5rem; }
  .team-decision-message .roll-attribute {
    color: #FFFE83;
    margin-top: 0;
    display: flex;
    align-items: center;
    font-size: 1rem; }
  .team-decision-message .satisfaction strong,
  .team-decision-message .major-type,
  .team-decision-message .result-header,
  .team-decision-message .roll-total {
    font-size: 1.75rem; }
  .team-decision-message .major-type {
    line-height: 1.2; }
  .team-decision-message .roll-attribute img {
    background: none;
    margin: 0 0.5rem;
    width: 1.5rem; }
  .team-decision-message.roll, .team-decision-message.result {
    background: #032c03; }
  .team-decision-message.result p:not(.result-header) {
    color: #FFFE83; }

button.my-country {
  padding: 0;
  margin: 0;
  z-index: 1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTNweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTMgNTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC4xOTUyODkyNDkiPgogICAgICAgIDxnIGlkPSJDb3VudHJ5X2ZseW91dCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY2LjAwMDAwMCwgLTE1LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcuMDAwMDAwLCAxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIwIiB5MT0iMjQuNSIgeDI9IjUxIiB5Mj0iMjQuNSIgaWQ9IlBhdGgiPjwvbGluZT4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIyLjU2MjUiIHkxPSIxMyIgeDI9IjQ3LjUiIHkyPSIxMi41IiBpZD0iUGF0aCI+PC9saW5lPgogICAgICAgICAgICAgICAgPGxpbmUgeDE9IjIuNTYyNSIgeTE9IjM3IiB4Mj0iNDciIHkyPSIzNy41IiBpZD0iUGF0aCI+PC9saW5lPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGN4PSIyNiIgY3k9IjI1IiByeD0iMTQiIHJ5PSIyNSI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgPGVsbGlwc2UgaWQ9Ik92YWwiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGN4PSIyNS41IiBjeT0iMjUiIHJ4PSIyNS41IiByeT0iMjUiPjwvZWxsaXBzZT4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIyNS41IiB5MT0iMCIgeDI9IjI1LjUiIHkyPSI1MCIgaWQ9IlBhdGgiPjwvbGluZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center, linear-gradient(rgba(50, 79, 6, 0.5), rgba(50, 79, 6, 0.5));
  color: #FFFE83;
  border: none;
  font-size: 1.125rem;
  transition: 0.5s all;
  text-transform: uppercase; }
  button.my-country .country-name-header {
    overflow-wrap: break-word;
    word-break: break-all;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }
  button.my-country:hover, button.my-country:focus {
    outline: none;
    font-size: 1.25rem; }
  button.my-country:focus {
    border: 1px solid #FFFE83; }

#myCountry.modal-wrapper .modal {
  background: none; }

#myCountry.modal-wrapper #country-results {
  width: 100%; }

@media screen and (max-width: 1024px), screen and (max-height: 640px) {
  #myCountry.modal-wrapper {
    top: 0 !important; }
    #myCountry.modal-wrapper .modal {
      width: 100%;
      height: 100%;
      padding: 0;
      overflow: auto; }
    #myCountry.modal-wrapper #country-results {
      padding: 0; }
    #myCountry.modal-wrapper .country-statistics, #myCountry.modal-wrapper .country-characteristics, #myCountry.modal-wrapper .country-attributes {
      padding: 0; }
    #myCountry.modal-wrapper .button-wrapper {
      padding: 1rem 0 2rem; } }

#epilogue {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
  height: 100%; }
  #epilogue .epilogue-wrapper {
    max-height: 90%;
    width: 100%;
    background: #208217;
    padding: 2rem 5.625rem;
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative; }
  #epilogue .epilogue-buttons-container {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
    z-index: 2; }
    #epilogue .epilogue-buttons-container button, #epilogue .epilogue-buttons-container input[type="submit"] {
      font-size: 1.5rem;
      text-transform: uppercase;
      width: 15rem;
      height: 2.5rem;
      text-align: center;
      background: rgba(0, 56, 2, 0.8);
      border: 1px solid #38FE26;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      position: relative;
      color: #ffffff;
      cursor: pointer; }
      #epilogue .epilogue-buttons-container button:visited, #epilogue .epilogue-buttons-container input[type="submit"]:visited {
        color: #292929; }
      #epilogue .epilogue-buttons-container button:disabled, #epilogue .epilogue-buttons-container button.disabled, #epilogue .epilogue-buttons-container input[type="submit"]:disabled, #epilogue .epilogue-buttons-container input[type="submit"].disabled {
        opacity: 0.5;
        cursor: not-allowed;
        border-color: #A8A8A8;
        color: #A8A8A8; }
        #epilogue .epilogue-buttons-container button:disabled::after, #epilogue .epilogue-buttons-container button.disabled::after, #epilogue .epilogue-buttons-container input[type="submit"]:disabled::after, #epilogue .epilogue-buttons-container input[type="submit"].disabled::after {
          border-left: solid #A8A8A8 5px; }
      #epilogue .epilogue-buttons-container button::after, #epilogue .epilogue-buttons-container input[type="submit"]::after {
        content: '';
        border-bottom: solid transparent 5px;
        border-top: solid transparent 5px;
        border-left: solid #38FE26 5px;
        transform: rotate(45deg);
        position: absolute;
        right: -1px;
        bottom: -4px;
        height: 0;
        width: 0; }
        @media (forced-colors: active) {
          #epilogue .epilogue-buttons-container button::after, #epilogue .epilogue-buttons-container input[type="submit"]::after {
            display: none; } }
      #epilogue .epilogue-buttons-container button:hover, #epilogue .epilogue-buttons-container button:focus, #epilogue .epilogue-buttons-container input[type="submit"]:hover, #epilogue .epilogue-buttons-container input[type="submit"]:focus {
        outline: none;
        border: 1px solid #ffffff;
        background: rgba(0, 0, 0, 0.7); }
        #epilogue .epilogue-buttons-container button:hover::after, #epilogue .epilogue-buttons-container button:focus::after, #epilogue .epilogue-buttons-container input[type="submit"]:hover::after, #epilogue .epilogue-buttons-container input[type="submit"]:focus::after {
          display: none; }
      #epilogue .epilogue-buttons-container button:focus-visible, #epilogue .epilogue-buttons-container input[type="submit"]:focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
  #epilogue .epilogue-content {
    height: 100%;
    display: grid;
    grid-template-columns: 25rem auto;
    grid-template-rows: 5rem minmax(0, 1fr); }
    #epilogue .epilogue-content p {
      color: #ffffff;
      grid-row: 2 / 3;
      grid-column: 1 / 2;
      font-size: 1.25rem;
      margin: 0;
      margin-right: 2rem;
      padding-right: 1rem;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
    #epilogue .epilogue-content p.h1 {
      color: #ffffff;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.73);
      text-transform: uppercase;
      font-size: 2.8rem;
      font-weight: 700;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      z-index: 2;
      line-height: 1; }
  #epilogue #epilogue-intro .epilogue-header {
    grid-row: 1 / 2;
    grid-column: 1 / 3; }
  #epilogue #epilogue-intro .country-results {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    #epilogue #epilogue-intro .country-results div {
      background: #FFFE83;
      flex-basis: 33%;
      max-height: 22rem;
      display: grid;
      grid-template-rows: 3fr 1.5fr 2fr;
      margin-right: 2rem;
      padding: 3rem 1rem 1rem;
      color: #292929;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.5em;
      opacity: 0;
      transition: opacity 1s; }
      #epilogue #epilogue-intro .country-results div img {
        margin-left: auto;
        margin-right: auto;
        display: block; }
      #epilogue #epilogue-intro .country-results div:nth-child(2) {
        transition-delay: 1s; }
      #epilogue #epilogue-intro .country-results div:nth-child(3) {
        transition-delay: 2s; }
    #epilogue #epilogue-intro .country-results div:last-child {
      margin-right: 0; }
    #epilogue #epilogue-intro .country-results .percentage {
      font-size: 3rem;
      margin-top: 0.5rem; }
    #epilogue #epilogue-intro .country-results img {
      height: 6rem;
      margin-bottom: 1rem; }
  #epilogue #epilogue-intro .start-fade > div {
    opacity: 1; }
  #epilogue #epilogue-satisfaction {
    color: white; }
    #epilogue #epilogue-satisfaction .epilogue-header {
      padding-right: 0.5rem; }
    #epilogue #epilogue-satisfaction .epilogue-overview {
      grid-row: 2 / 2;
      grid-column: 1 / 2;
      padding-right: 0.5rem; }
    #epilogue #epilogue-satisfaction .team-results {
      grid-column: 2 / 3;
      grid-row: 1 / 3; }
    #epilogue #epilogue-satisfaction .title-span {
      font-size: 1.5rem; }
    #epilogue #epilogue-satisfaction .satisfaction-row {
      min-height: 5rem;
      display: grid;
      grid-template-columns: 3fr 1fr;
      padding: 0.5rem 1rem;
      align-items: center;
      font-size: 1rem;
      opacity: 0;
      transition: opacity 1000ms; }
      #epilogue #epilogue-satisfaction .satisfaction-row:nth-child(2) {
        transition-delay: 1000ms; }
      #epilogue #epilogue-satisfaction .satisfaction-row:nth-child(3) {
        transition-delay: 2000ms; }
      #epilogue #epilogue-satisfaction .satisfaction-row:nth-child(4) {
        transition-delay: 3000ms; }
      #epilogue #epilogue-satisfaction .satisfaction-row:nth-child(5) {
        transition-delay: 4000ms; }
    #epilogue #epilogue-satisfaction .start-fade .satisfaction-row {
      opacity: 1; }
    #epilogue #epilogue-satisfaction .satisfaction-row:nth-child(odd) {
      background: rgba(48, 113, 24, 0.73); }
    #epilogue #epilogue-satisfaction .satisfaction {
      text-align: right;
      color: #FFFE83;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    #epilogue #epilogue-satisfaction .description-container span {
      margin-right: 0.5rem; }
  #epilogue #epilogue-reflection .epilogue-body {
    grid-row: 2 / 3;
    grid-column: 1 / 2; }
  #epilogue #epilogue-reflection .reflection-form {
    grid-row: 1 / 3;
    grid-column: 2 / 3; }
    #epilogue #epilogue-reflection .reflection-form > div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      opacity: 0;
      transition: opacity 1000ms; }
      #epilogue #epilogue-reflection .reflection-form > div:nth-child(2) {
        transition-delay: 1000ms; }
  #epilogue #epilogue-reflection .reflection-form.start-fade > div {
    opacity: 1; }
  #epilogue #epilogue-reflection .input-text-wrapper.textarea {
    width: 100%;
    margin-bottom: 2rem; }
  #epilogue #epilogue-reflection label {
    line-height: 1.125rem;
    margin-bottom: 0.5rem;
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 700; }
  #epilogue #epilogue-reflection textarea {
    resize: none;
    background: rgba(9, 9, 9, 0.6);
    border: none;
    width: 100%;
    min-height: 8.5rem;
    padding: 1rem;
    color: #38FE26;
    font-size: 1.125rem;
    font-weight: 700; }
  #epilogue #epilogue-reflection p {
    display: inline-block; }
  #epilogue.epi-map {
    padding: 0;
    max-height: none; }
    #epilogue.epi-map .epilogue-buttons-container {
      padding: 2rem 5.625rem; }
  #epilogue #epilogue-map {
    grid-template-columns: 25rem auto;
    min-height: 40vh; }
    #epilogue #epilogue-map .epilogue-body {
      grid-row: 2 / 3;
      grid-column: 1 / 2; }
    #epilogue #epilogue-map p {
      display: inline-block; }
    #epilogue #epilogue-map .images {
      position: absolute;
      left: 30rem;
      right: 0;
      top: 0;
      bottom: 0;
      background: #208217; }
    #epilogue #epilogue-map .bg-wrapper, #epilogue #epilogue-map .pop-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      overflow: hidden;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      transition: opacity ease 2000ms;
      transition-delay: 500ms; }
    #epilogue #epilogue-map .bg-map, #epilogue #epilogue-map .pop-map {
      width: 100%; }
    #epilogue #epilogue-map .pop-map {
      animation: fade ease 2s; }
    #epilogue #epilogue-map .bg-map {
      animation: fade ease 8s; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #epilogue .epilogue-wrapper {
      margin: 0;
      max-height: 100%;
      padding: 1rem;
      overflow: auto; }
    #epilogue .epilogue-content {
      grid-template-rows: 3rem 1fr; }
    #epilogue h1 {
      font-size: 2.25rem !important; }
    #epilogue .country-results > div {
      grid-template-rows: 1fr 1fr 1fr !important;
      padding: 1rem !important;
      max-height: 35vh !important;
      font-size: 1rem !important;
      line-height: 1.25 !important; }
      #epilogue .country-results > div img {
        height: 4rem !important;
        max-height: 10vh !important;
        margin-bottom: 0 !important; }
      #epilogue .country-results > div .percentage {
        font-size: 1.5rem !important; }
    #epilogue .epilogue-buttons-container {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
    #epilogue #epilogue-satisfaction, #epilogue #epilogue-reflection {
      height: auto !important;
      grid-template-columns: 40% 60% !important; }
    #epilogue #epilogue-map {
      height: auto !important;
      min-height: unset !important; }
    #epilogue .title-span {
      font-size: 1rem !important; } }

@keyframes fade {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#profile-picture-upload .text-body {
  font-size: 1.6rem;
  line-height: 2.06rem;
  grid-column-start: 2;
  grid-column-end: 3; }

#profile-picture-upload h1 {
  font-size: 1.75rem;
  font-weight: 700;
  display: inline; }

#profile-picture-upload h1 + p {
  display: inline; }

#profile-picture-upload .profile-file-upload {
  margin-top: 0.67em; }

#profile-picture-upload button {
  background: none;
  border: none;
  color: #38FE26;
  padding: 0;
  margin: 0;
  font-size: 1.75rem; }
  #profile-picture-upload button:hover, #profile-picture-upload button:focus {
    text-decoration: underline; }
  #profile-picture-upload button:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

#profile-picture-upload .profile-picture {
  box-sizing: border-box;
  height: 17.75rem;
  width: 17.75rem;
  display: block;
  border: solid 1rem #38FE26;
  margin: 1rem 0; }

#profile-picture-upload .profile-selection {
  margin: 3rem 0;
  width: 125%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #profile-picture-upload .profile-selection button {
    background: #38FE26;
    color: #292929;
    height: 17.75rem;
    width: 17.75rem;
    padding: 0; }
  #profile-picture-upload .profile-selection button.hide {
    background: transparent; }
  #profile-picture-upload .profile-selection > p p {
    margin: 0; }

#profile-picture-upload .inactive button {
  background: #A8A8A8;
  opacity: 0.9; }

#profile-picture-upload .profile-picture-display {
  height: 17.75rem;
  width: 17.75rem;
  border: 1px solid #38FE26; }

#profile-picture-upload .mid-text {
  display: flex;
  flex-direction: column; }

#profile-picture-upload img {
  background: #090909;
  -o-object-fit: cover;
     object-fit: cover; }

#profile-picture-upload .upload label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 17.5rem;
  width: 17.5rem; }

#profile-picture-upload .no-selected button:disabled, #profile-picture-upload .no-selected button:disabled .default-profile-picture {
  background: #A8A8A8 !important;
  cursor: not-allowed; }
  #profile-picture-upload .no-selected button:disabled label, #profile-picture-upload .no-selected button:disabled .default-profile-picture label {
    cursor: not-allowed; }

#profile-picture-upload .default-profile-picture {
  height: 100%;
  width: 100%;
  position: relative; }
  #profile-picture-upload .default-profile-picture svg {
    width: 100%;
    height: 90%; }
  #profile-picture-upload .default-profile-picture span {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase; }

#profile-picture-upload .profile-selection + div {
  margin-bottom: 0.75rem; }

#profile-picture-upload .profile-selection > div button:hover, #profile-picture-upload .profile-selection > div button:focus {
  text-decoration: underline; }
  #profile-picture-upload .profile-selection > div button:hover span, #profile-picture-upload .profile-selection > div button:focus span {
    text-decoration: underline; }

#profile-picture-upload .profile-selection > div button:focus-visible {
  outline: 5px auto;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: 2px; }

@media screen and (max-width: 1024px), screen and (max-height: 640px) {
  #profile-picture-upload .profile-selection {
    margin: 1rem 0;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly; }
    #profile-picture-upload .profile-selection button, #profile-picture-upload .profile-selection label, #profile-picture-upload .profile-selection .profile-picture-display {
      width: 8.5rem;
      height: 8.5rem; }
    #profile-picture-upload .profile-selection .default-profile-picture span {
      font-size: 1.25rem;
      bottom: 1rem; } }

.profile-picture-display {
  border: 1px solid #38FE26; }
  .profile-picture-display img, .profile-picture-display svg {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

#utility-bar {
  padding-bottom: 0.5rem;
  width: 100%;
  z-index: 14;
  pointer-events: none; }
  #utility-bar .multiplayer-utils {
    pointer-events: all;
    display: flex;
    flex-flow: row nowrap;
    max-width: 30rem;
    align-items: center;
    margin-top: 1rem; }
    #utility-bar .multiplayer-utils > div, #utility-bar .multiplayer-utils button {
      min-height: 5.625rem;
      flex-basis: 25%;
      flex-grow: 1; }
      #utility-bar .multiplayer-utils > div > button, #utility-bar .multiplayer-utils button > button {
        width: 100%; }
  #utility-bar .utility-bar-left {
    display: flex;
    width: 100%; }
  #utility-bar button.editor-button, #utility-bar button.tutorial-button, #utility-bar #team-chat > button, #utility-bar #profile-change > button {
    background-color: #262626;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D8D8D8;
    padding: 0 0.75rem;
    text-align: left;
    height: 100%; }
    #utility-bar button.editor-button img, #utility-bar button.tutorial-button img, #utility-bar #team-chat > button img, #utility-bar #profile-change > button img {
      margin-right: 0.5rem; }
    #utility-bar button.editor-button:focus-visible, #utility-bar button.tutorial-button:focus-visible, #utility-bar #team-chat > button:focus-visible, #utility-bar #profile-change > button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px;
      outline-offset: -2px; }
  #utility-bar .editor-button {
    position: relative; }
  #utility-bar #profile-change > button img {
    margin-right: -0.25rem !important; }
  #utility-bar .tutorial-button {
    position: relative;
    color: #D8D8D8; }
    #utility-bar .tutorial-button i {
      display: inline-block;
      font-style: normal;
      font-size: 1.5rem;
      border: 1px solid #ABABAB;
      color: #ABABAB;
      width: 1.9rem;
      height: 1.9rem;
      line-height: 1.9rem;
      text-align: center;
      margin-right: 0.5rem; }
    #utility-bar .tutorial-button.active {
      color: #FFFE83; }
      #utility-bar .tutorial-button.active i {
        border: 1px solid #FFFE83;
        color: #FFFE83; }
    #utility-bar .tutorial-button:hover, #utility-bar .tutorial-button:focus {
      color: #FFFE83;
      outline: none; }
      #utility-bar .tutorial-button:hover i, #utility-bar .tutorial-button:focus i {
        color: #FFFE83;
        border: 1px solid #FFFE83; }
    #utility-bar .tutorial-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #utility-bar .editor-wrapper {
    position: relative;
    grid-column-start: 1; }
    #utility-bar .editor-wrapper .tutorial-editor {
      bottom: 100%;
      right: 0; }
  #utility-bar .tutorial-button {
    grid-column-start: 4; }
  #utility-bar #tutorial-open-button {
    position: relative; }
    #utility-bar #tutorial-open-button .tutorial-hint {
      position: absolute;
      bottom: calc(100% + 0.5rem);
      left: -4rem;
      margin: 0;
      width: 9rem;
      padding: 25px;
      text-align: center;
      cursor: pointer; }
      #utility-bar #tutorial-open-button .tutorial-hint.single {
        left: -3.5rem; }
    #utility-bar #tutorial-open-button .tutorial-hint:after {
      top: 100%;
      left: calc(50% + 0.875rem);
      border-top-color: #FFFE83;
      border-width: 0.5rem; }
    #utility-bar #tutorial-open-button .tutorial-hint button {
      position: absolute;
      right: 0.125rem;
      top: 0.125rem;
      background: none;
      border: none; }
      #utility-bar #tutorial-open-button .tutorial-hint button:focus {
        outline: none; }
      #utility-bar #tutorial-open-button .tutorial-hint button:focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #utility-bar .social-feed-wrapper {
      position: absolute;
      left: 0;
      right: 30rem;
      width: auto;
      height: 6rem;
      pointer-events: auto; }
      #utility-bar .social-feed-wrapper ul {
        height: 100%; }
      #utility-bar .social-feed-wrapper li {
        height: 6rem;
        font-size: 0.875rem;
        overflow: hidden;
        padding: 1.5rem 2rem;
        width: 100%;
        display: -webkit-box; }
      #utility-bar .social-feed-wrapper .social-feed-label {
        top: 0;
        padding-left: 1rem;
        z-index: 7;
        font-weight: 700; } }

@media screen and (max-width: 768px) {
  main.event #utility-bar,
  main.country-creation #utility-bar {
    grid-column-start: 1;
    height: calc(9rem + 2.375rem); }
    main.event #utility-bar .social-feed-wrapper,
    main.country-creation #utility-bar .social-feed-wrapper {
      min-height: 9rem;
      height: 9rem; }
      main.event #utility-bar .social-feed-wrapper li,
      main.country-creation #utility-bar .social-feed-wrapper li {
        height: 9rem; } }

main.country-creation #utility-bar {
  z-index: 13; }

.timeline {
  display: flex;
  max-width: 50rem;
  position: relative; }
  .timeline ol {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .timeline li {
    background-color: rgba(80, 108, 1, 0.8);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    height: 5rem;
    width: 10rem;
    line-height: 1;
    font-size: 0.9375rem;
    font-weight: 700;
    border-right: 1px solid #000000; }
    .timeline li:last-child {
      border-right: none; }
    .timeline li.current {
      color: #292929;
      background: repeating-linear-gradient(-45deg, rgba(56, 254, 38, 0.37), rgba(56, 254, 38, 0.37) 2px, rgba(41, 41, 41, 0.37) 2px, rgba(41, 41, 41, 0.37) 4px); }
      .timeline li.current .text-container {
        background: rgba(56, 254, 38, 0.8); }
    .timeline li .text-container {
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%; }
    .timeline li.passed {
      background-color: rgba(80, 108, 1, 0.8);
      color: #292929; }
  .timeline .tutorial-timeline {
    left: 25%;
    bottom: 100%; }

#profile-change {
  position: relative;
  grid-column-start: 3; }
  #profile-change .profile-change {
    width: 35rem;
    display: flex;
    justify-content: space-between;
    z-index: 12;
    background-color: #090909;
    border: 1px solid rgba(56, 254, 38, 0.2);
    position: absolute;
    top: calc(-100% - 7rem);
    right: 1rem;
    padding: 2rem; }
    #profile-change .profile-change .profile-picture-display {
      width: 6rem;
      height: 6rem;
      border: 1px solid #38FE26; }
    #profile-change .profile-change h2 {
      margin: 0;
      margin-bottom: 0.75rem;
      font-size: 1em; }
  #profile-change button.close {
    position: absolute;
    top: 0.25rem;
    right: 0;
    text-transform: uppercase;
    background: none;
    border: none;
    color: #38FE26;
    outline: none; }
    #profile-change button.close:hover, #profile-change button.close:focus {
      color: #ffffff;
      text-decoration: underline; }
    #profile-change button.close:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #profile-change #file-upload button {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    width: 12rem;
    margin-right: 1rem;
    display: inline-block; }
    #profile-change #file-upload button:visited {
      color: #292929; }
    #profile-change #file-upload button:disabled, #profile-change #file-upload button.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #profile-change #file-upload button:disabled::after, #profile-change #file-upload button.disabled::after {
        border-left: solid #A8A8A8 5px; }
    #profile-change #file-upload button::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #profile-change #file-upload button::after {
          display: none; } }
    #profile-change #file-upload button:hover, #profile-change #file-upload button:focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #profile-change #file-upload button:hover::after, #profile-change #file-upload button:focus::after {
        display: none; }
    #profile-change #file-upload button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  #profile-change label {
    color: #ABABAB;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #profile-change .open-button .gold-icon {
    display: none; }
  #profile-change .open-button.open, #profile-change .open-button:hover, #profile-change .open-button:focus {
    color: #FFFE83 !important;
    outline: none; }
    #profile-change .open-button.open .gold-icon, #profile-change .open-button:hover .gold-icon, #profile-change .open-button:focus .gold-icon {
      display: unset; }
    #profile-change .open-button.open .grey-icon, #profile-change .open-button:hover .grey-icon, #profile-change .open-button:focus .grey-icon {
      display: none; }

.profile-change-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 11; }

#welcome {
  padding-left: 11.125rem;
  padding-top: 30vh;
  position: relative; }
  #welcome .cursor-placeholder {
    position: absolute;
    top: 30vh;
    left: 11.125rem; }
    @media (forced-colors: active) {
      #welcome .cursor-placeholder {
        display: none; } }
  #welcome h1 {
    display: flex;
    flex-direction: column;
    font-family: 'Carbon OT', serif;
    text-transform: uppercase;
    margin-top: 0; }
  #welcome h1 .subtitle {
    font-size: 1.4rem; }
  #welcome h1 .title {
    line-height: 3rem;
    font-size: 4rem;
    color: white;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.73); }
  #welcome .welcome-text {
    font-size: 1.25rem;
    margin-bottom: 4rem;
    max-width: 50%; }
  #welcome .banner {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #38FE26;
    text-decoration: none;
    margin: 0;
    max-width: 80%; }
  #welcome a.btn {
    color: #ffffff;
    width: 10rem;
    height: 3rem; }
  #welcome .advisory-container {
    position: fixed;
    bottom: 2.375rem;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 0.5rem 2rem;
    width: 100vw;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  #welcome .advisory {
    width: 55rem;
    max-width: 70%;
    font-weight: 700;
    color: #ABABAB;
    text-align: justify; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #welcome {
      padding: 0;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      width: 100%;
      overflow: auto; }
      #welcome:before {
        content: '';
        height: 1px;
        margin-bottom: auto; }
      #welcome h1 {
        padding-left: 3rem; }
      #welcome a.btn {
        position: relative;
        margin-left: 3rem; }
      #welcome .advisory-container {
        position: relative;
        bottom: unset;
        margin-top: auto; }
      #welcome .advisory {
        width: 100%;
        max-width: 100%; } }

#sub-header {
  position: absolute;
  height: 5.2rem;
  left: 0;
  top: calc(7.5rem - 5.2rem);
  display: grid;
  grid-template-columns: 11.25rem 11.25rem 1fr; }
  #sub-header #myCountry.modal-wrapper {
    top: calc(-1 * (7.5rem - 5.2rem)); }
  #sub-header .tutorial-timer {
    top: 5.2rem; }
  #sub-header .tutorial-country {
    left: 100%; }
    #sub-header .tutorial-country:nth-child(2) {
      left: 50%; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #sub-header {
      height: 4.2rem;
      top: calc(5.7rem - 4.2rem); }
      #sub-header .tutorial-timer {
        top: 4.2rem; } }

.timer {
  position: relative;
  background: rgba(17, 69, 15, 0.53);
  font-family: 'Carbon OT', serif;
  font-size: 3.2rem;
  text-align: center;
  display: flex;
  align-items: center; }
  .timer .time {
    margin-left: calc((100% - 4ch)/2); }
  .timer .timer-bar {
    position: absolute;
    bottom: -0.5rem;
    height: 1rem;
    content: ' ';
    background-color: #38FE26; }
  .timer.danger {
    background: rgba(255, 0, 0, 0.17);
    color: #FF0000; }
    .timer.danger .timer-bar {
      background-color: #FF0000; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    .timer {
      font-size: 2.75rem;
      line-height: 1; }
      .timer .timer-bar {
        z-index: 5; } }

#chance-decision {
  font-size: 1.125rem;
  padding-top: 4rem;
  display: grid;
  grid-template-columns: 1fr 1rem 1fr; }
  #chance-decision .roll-possibilities {
    color: #ffffff; }
  #chance-decision .dice-wrapper {
    margin-top: -3rem;
    display: flex;
    pointer-events: none;
    z-index: 1;
    grid-column-start: 3; }
    #chance-decision .dice-wrapper button {
      margin-top: 2rem;
      pointer-events: all; }
    #chance-decision .dice-wrapper > div {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }
  #chance-decision .choice-wrapper {
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: flex-end;
    z-index: 1;
    padding-right: 4rem;
    max-height: 100%; }
    #chance-decision .choice-wrapper > div {
      background: rgba(0, 56, 2, 0.8);
      margin-bottom: 2rem;
      padding: 1rem 1.5rem;
      width: 28rem;
      overflow: auto;
      max-height: 20rem; }
      #chance-decision .choice-wrapper > div .h1 {
        font-size: 1.5rem;
        margin: 0;
        color: #38FE26;
        font-weight: 700; }
      #chance-decision .choice-wrapper > div .post-result {
        font-size: 1.75rem;
        font-weight: 700;
        color: #FFFE83;
        margin: 0; }
      #chance-decision .choice-wrapper > div h2:not(.h1) {
        text-transform: uppercase;
        color: #FFFE83;
        margin: 0; }
      #chance-decision .choice-wrapper > div.top {
        color: #ffffff; }
      #chance-decision .choice-wrapper > div.bottom {
        color: #FFFE83; }
      #chance-decision .choice-wrapper > div .note {
        color: #FFFE83;
        margin-top: 0; }
      #chance-decision .choice-wrapper > div img {
        margin: 0 0.5rem;
        width: 1.5rem; }
      #chance-decision .choice-wrapper > div .result {
        font-size: 2.25rem;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0; }
  #chance-decision button:not(.animation-skip) {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: 15rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(0, 56, 2, 0.8);
    border: 1px solid #38FE26;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    padding: 0 3rem;
    width: unset; }
    #chance-decision button:not(.animation-skip):visited {
      color: #292929; }
    #chance-decision button:not(.animation-skip):disabled, #chance-decision button:not(.animation-skip).disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #A8A8A8;
      color: #A8A8A8; }
      #chance-decision button:not(.animation-skip):disabled::after, #chance-decision button:not(.animation-skip).disabled::after {
        border-left: solid #A8A8A8 5px; }
    #chance-decision button:not(.animation-skip)::after {
      content: '';
      border-bottom: solid transparent 5px;
      border-top: solid transparent 5px;
      border-left: solid #38FE26 5px;
      transform: rotate(45deg);
      position: absolute;
      right: -1px;
      bottom: -4px;
      height: 0;
      width: 0; }
      @media (forced-colors: active) {
        #chance-decision button:not(.animation-skip)::after {
          display: none; } }
    #chance-decision button:not(.animation-skip):hover, #chance-decision button:not(.animation-skip):focus {
      outline: none;
      border: 1px solid #ffffff;
      background: rgba(0, 0, 0, 0.7); }
      #chance-decision button:not(.animation-skip):hover::after, #chance-decision button:not(.animation-skip):focus::after {
        display: none; }
    #chance-decision button:not(.animation-skip):focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
    #chance-decision button:not(.animation-skip).calculating {
      border: #FD3838;
      background: #FD3838;
      color: #ffffff !important;
      opacity: 1 !important; }
      #chance-decision button:not(.animation-skip).calculating::after {
        border: none !important; }
  #chance-decision .decision-background {
    background-image: url(b7094c67a5ef03ba4d91f587d4adffca.png);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw; }
  #chance-decision .clarification {
    color: #ffffff; }
  #chance-decision.result {
    display: flex;
    flex-direction: column;
    max-width: 40rem;
    margin: 0 auto;
    align-items: center; }
    #chance-decision.result .choice-wrapper {
      padding: 0;
      flex-grow: 1; }
    #chance-decision.result .top, #chance-decision.result .bottom {
      width: 100%; }
    #chance-decision.result .dice-wrapper {
      margin: 0; }
      #chance-decision.result .dice-wrapper button {
        margin: 0; }
    #chance-decision.result .dice-roll {
      display: none; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #chance-decision {
      padding-top: 0;
      max-width: unset !important; }
      #chance-decision .h1 {
        font-size: 1.25rem !important; }
      #chance-decision h2 {
        font-size: 1.25rem; }
      #chance-decision p {
        font-size: 1rem;
        margin: 0; }
      #chance-decision .choice-wrapper {
        padding-right: 0;
        width: 100%; }
        #chance-decision .choice-wrapper > div {
          margin: 0 0 0.5rem; }
      #chance-decision .dice-wrapper {
        pointer-events: all;
        margin-top: 0; }
        #chance-decision .dice-wrapper button {
          margin: 0.25rem 0 2rem !important; }
      #chance-decision .result, #chance-decision .post-result {
        font-size: 1.25rem !important; } }

#tutorial {
  position: fixed;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9; }
  #tutorial .info-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    #tutorial .info-wrapper i {
      display: inline-block;
      font-style: normal;
      font-size: 2.25rem;
      color: #292929;
      background: #ffffff;
      border: 1px solid #292929;
      width: 2.5rem;
      height: 2.5rem;
      line-height: 2.5rem;
      text-align: center; }
    #tutorial .info-wrapper span {
      margin-left: 1rem;
      color: #ABABAB; }
  #tutorial .tutorial-background {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 24; }
  #tutorial .tutorial-general {
    background-color: #292929;
    border: 2px solid #4f4e29;
    max-width: 30rem;
    padding: 2rem;
    z-index: 25;
    position: relative; }
    #tutorial .tutorial-general.tutorial-left {
      margin-right: 40rem; }
    #tutorial .tutorial-general h2 {
      color: #FFFE83;
      font-size: 1.75rem;
      text-transform: uppercase;
      margin: 0.75rem 0 0.125rem;
      padding: 0; }
    #tutorial .tutorial-general p {
      color: #ffffff;
      margin: 0 0 2rem 0;
      font-size: 1.125rem;
      line-height: 1.5em; }
    #tutorial .tutorial-general button {
      border: 1px solid #ffffff;
      background-color: transparent;
      color: #ffffff;
      padding: 0.5rem 1rem;
      text-transform: uppercase;
      outline: none; }
      #tutorial .tutorial-general button:focus, #tutorial .tutorial-general button:hover {
        background: #000000; }
      #tutorial .tutorial-general button:focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
    #tutorial .tutorial-general .modal-close {
      position: absolute; }
  #tutorial .exit {
    background: none;
    border: 0 !important;
    color: #FFFE83 !important;
    text-transform: uppercase;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #tutorial {
      z-index: 25; }
      #tutorial .tutorial-general {
        width: 100%;
        height: calc(100% - 2.375rem);
        max-width: 100%;
        max-height: calc(100% - 2.375rem);
        overflow: auto;
        z-index: 25;
        margin-bottom: 2.375rem; }
        #tutorial .tutorial-general p {
          margin-bottom: 1rem; }
        #tutorial .tutorial-general button {
          display: block; }
      #tutorial .tutorial-left {
        margin-right: 0 !important; } }

.tutorial-blurb,
.tutorial-hint {
  display: inline-block;
  background-color: #FFFE83;
  color: #292929;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 1.75rem;
  padding: 1rem;
  position: absolute;
  width: 18rem;
  z-index: 25; }
  .tutorial-blurb p,
  .tutorial-hint p {
    margin: 0;
    padding: 0; }
  .tutorial-blurb:after,
  .tutorial-hint:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 1.5rem solid transparent;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-top: 1.5rem solid transparent; }
    @media (forced-colors: active) {
      .tutorial-blurb:after,
      .tutorial-hint:after {
        display: none; } }
  .tutorial-blurb:hover,
  .tutorial-hint:hover {
    text-decoration: underline; }
  .tutorial-blurb.arrow-up:after,
  .tutorial-hint.arrow-up:after {
    top: -1rem; }
  .tutorial-blurb.arrow-up.arrow-loc-0:after,
  .tutorial-hint.arrow-up.arrow-loc-0:after {
    border-right: none;
    border-left: 2rem solid #FFFE83;
    left: 0; }
  .tutorial-blurb.arrow-up.arrow-loc-1:after,
  .tutorial-hint.arrow-up.arrow-loc-1:after {
    border-left: none;
    border-right: 2rem solid #FFFE83;
    right: 0; }
  .tutorial-blurb.arrow-down:after,
  .tutorial-hint.arrow-down:after {
    bottom: -1rem; }
  .tutorial-blurb.arrow-down.arrow-loc-2:after,
  .tutorial-hint.arrow-down.arrow-loc-2:after {
    border-left: none;
    border-right: 2rem solid #FFFE83;
    right: 0; }
  .tutorial-blurb.arrow-down.arrow-loc-3:after,
  .tutorial-hint.arrow-down.arrow-loc-3:after {
    border-right: none;
    border-left: 2rem solid #FFFE83;
    left: 0; }
  .tutorial-blurb.arrow-left:after,
  .tutorial-hint.arrow-left:after {
    left: -1rem; }
  .tutorial-blurb.arrow-left.arrow-loc-0:after,
  .tutorial-hint.arrow-left.arrow-loc-0:after {
    border-bottom: none;
    border-top: 2rem solid #FFFE83;
    top: 0; }
  .tutorial-blurb.arrow-left.arrow-loc-3:after,
  .tutorial-hint.arrow-left.arrow-loc-3:after {
    border-top: none;
    border-bottom: 2rem solid #FFFE83;
    bottom: 0; }
  .tutorial-blurb.arrow-right:after,
  .tutorial-hint.arrow-right:after {
    right: -1rem; }
  .tutorial-blurb.arrow-right.arrow-loc-1:after,
  .tutorial-hint.arrow-right.arrow-loc-1:after {
    border-bottom: none;
    border-top: 2rem solid #FFFE83;
    top: 0; }
  .tutorial-blurb.arrow-right.arrow-loc-2:after,
  .tutorial-hint.arrow-right.arrow-loc-2:after {
    border-top: none;
    border-bottom: 2rem solid #FFFE83;
    bottom: 0; }

.editor-wrapper {
  position: relative; }
  .editor-wrapper .whos-editor {
    color: #38FE26;
    position: absolute;
    left: 1.5rem;
    top: -2rem;
    width: 22rem; }
  .editor-wrapper .editor-confirmation, .editor-wrapper .editor-changed {
    background-color: rgba(0, 56, 2, 0.8);
    color: #ffffff;
    position: absolute;
    bottom: calc(100% + 1.25rem);
    left: 0;
    width: 24rem;
    padding: 0 1.5rem 1rem; }
    .editor-wrapper .editor-confirmation .editor-name, .editor-wrapper .editor-changed .editor-name {
      color: #FFFE83; }
    .editor-wrapper .editor-confirmation .button-container, .editor-wrapper .editor-changed .button-container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .editor-wrapper .editor-confirmation .button-container button, .editor-wrapper .editor-changed .button-container button {
        outline: none; }
    .editor-wrapper .editor-confirmation button, .editor-wrapper .editor-changed button {
      background: none;
      border: 0;
      color: #38FE26;
      text-transform: uppercase; }
      .editor-wrapper .editor-confirmation button:focus-visible, .editor-wrapper .editor-changed button:focus-visible {
        font-weight: 700;
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
    .editor-wrapper .editor-confirmation:after, .editor-wrapper .editor-changed:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 3rem;
      width: 0;
      height: 0;
      border-left: 1rem solid transparent;
      border-right: 1rem solid transparent;
      border-top: 1rem solid rgba(0, 56, 2, 0.8); }
  .editor-wrapper .editor-changed {
    padding: 0.5rem 1.5rem 0;
    width: 14rem; }
    .editor-wrapper .editor-changed button {
      color: #A8A8A8;
      text-transform: none;
      position: absolute;
      right: 0.25rem;
      top: 0.25rem; }
  .editor-wrapper .editor-button .gold-icon {
    display: none; }
  .editor-wrapper .editor-button.editor, .editor-wrapper .editor-button:hover, .editor-wrapper .editor-button:focus, .editor-wrapper .editor-button.active {
    color: #FFFE83 !important; }
    .editor-wrapper .editor-button.editor .grey-icon, .editor-wrapper .editor-button:hover .grey-icon, .editor-wrapper .editor-button:focus .grey-icon, .editor-wrapper .editor-button.active .grey-icon {
      display: none; }
    .editor-wrapper .editor-button.editor .gold-icon, .editor-wrapper .editor-button:hover .gold-icon, .editor-wrapper .editor-button:focus .gold-icon, .editor-wrapper .editor-button.active .gold-icon {
      display: unset; }
  .editor-wrapper .editor-button:focus, .editor-wrapper .editor-button.active {
    outline: none; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    .editor-wrapper .whos-editor {
      display: none; }
    .editor-wrapper .editor-confirmation, .editor-wrapper .editor-changed {
      background: #003802; } }

.intro-link a {
  font-size: 1.75rem;
  color: #38FE26;
  text-decoration: none;
  margin: 1rem auto;
  outline: none; }
  .intro-link a:focus .key-name {
    border-bottom-style: solid; }
  .intro-link a:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

.intro-link .key-name {
  color: #ffffff;
  border-bottom: 2px dashed #ffffff;
  text-decoration: none; }
  .intro-link .key-name:hover, .intro-link .key-name:focus {
    border-bottom-style: solid; }
  .intro-link .key-name:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

#flash-modal .modal-background {
  background: rgba(0, 0, 0, 0.91); }

#flash-modal .modal {
  font-family: 'Carbon OT', serif;
  width: 90%;
  max-width: 50rem;
  background: #292929;
  color: #38FE26;
  display: flex;
  flex-direction: column;
  align-items: center; }

#flash-modal .flash-title {
  font-size: 2rem;
  font-weight: 700; }

#flash-modal .flash-error {
  font-size: 1.25rem; }

#flash-modal .buttons-container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%; }

#flash-modal .reload-button {
  font-size: 1.5rem;
  text-transform: uppercase;
  width: 15rem;
  height: 2.5rem;
  text-align: center;
  background: rgba(0, 56, 2, 0.8);
  border: 1px solid #38FE26;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: #ffffff;
  cursor: pointer; }
  #flash-modal .reload-button:visited {
    color: #292929; }
  #flash-modal .reload-button:disabled, #flash-modal .reload-button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #A8A8A8;
    color: #A8A8A8; }
    #flash-modal .reload-button:disabled::after, #flash-modal .reload-button.disabled::after {
      border-left: solid #A8A8A8 5px; }
  #flash-modal .reload-button::after {
    content: '';
    border-bottom: solid transparent 5px;
    border-top: solid transparent 5px;
    border-left: solid #38FE26 5px;
    transform: rotate(45deg);
    position: absolute;
    right: -1px;
    bottom: -4px;
    height: 0;
    width: 0; }
    @media (forced-colors: active) {
      #flash-modal .reload-button::after {
        display: none; } }
  #flash-modal .reload-button:hover, #flash-modal .reload-button:focus {
    outline: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7); }
    #flash-modal .reload-button:hover::after, #flash-modal .reload-button:focus::after {
      display: none; }
  #flash-modal .reload-button:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

#flash-modal .ignore-button {
  position: absolute;
  right: 2rem;
  bottom: 0;
  font-size: 1.2rem;
  background: none;
  border: 1px solid transparent;
  color: #FFFE83;
  text-decoration: underline;
  text-transform: uppercase;
  outline: none; }
  #flash-modal .ignore-button:focus {
    border: 1px solid #FFFE83; }

#transcriptModal, #transcriptModal-headerModal {
  z-index: 31;
  font-size: 1.8rem; }
  #transcriptModal h2, #transcriptModal-headerModal h2 {
    outline: none; }
  #transcriptModal .modal, #transcriptModal-headerModal .modal {
    background: #090909;
    color: #38FE26;
    max-height: 85%;
    overflow: auto; }
  #transcriptModal .modal-close, #transcriptModal-headerModal .modal-close {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    color: #ffffff !important; }
    #transcriptModal .modal-close:focus, #transcriptModal-headerModal .modal-close:focus {
      text-decoration: underline !important; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #transcriptModal .modal, #transcriptModal-headerModal .modal {
      max-height: 100%;
      width: 100%;
      font-size: 1.25rem; }
      #transcriptModal .modal .transcript-wrapper, #transcriptModal-headerModal .modal .transcript-wrapper {
        padding-bottom: 2rem; } }

#safariDisclaimer {
  z-index: 30;
  font-size: 1.8rem; }
  #safariDisclaimer .modal {
    background: #090909;
    color: #38FE26;
    max-height: 85%;
    overflow: auto;
    padding-top: 2rem; }
  #safariDisclaimer .modal-close {
    position: absolute;
    top: 0.5rem;
    right: 1rem; }
  #safariDisclaimer .safari-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 2rem; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #safariDisclaimer {
      font-size: 1rem; }
      #safariDisclaimer .safari-title {
        font-size: 1.5rem; }
      #safariDisclaimer .modal {
        border: 1px solid rgba(16, 81, 10, 0.94); } }

#facilitator {
  background: #ffffff;
  font-family: 'Lato';
  color: #292929; }
  #facilitator .modal-button-wrapper {
    display: flex;
    justify-content: center; }
    #facilitator .modal-button-wrapper button {
      height: 2rem;
      border-radius: 5px;
      padding: 0 1rem;
      background: #B30739;
      border: 1px solid #292929;
      color: #ffffff;
      margin: 0 2rem; }
    #facilitator .modal-button-wrapper button:disabled {
      opacity: 0.5; }
    #facilitator .modal-button-wrapper button:last-child {
      background: #ffffff;
      border: 1px solid #B30739;
      color: #B30739; }
  #facilitator button:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }
  #facilitator .i-button button.i-opener:focus {
    color: #116bba;
    border-color: #116bba; }

#fac .modal {
  max-width: 75%;
  min-width: 25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: auto;
  box-shadow: 0 2px 16px 5px rgba(0, 0, 0, 0.5);
  position: relative; }

#fac .fac-button {
  background: #B30739;
  color: #ffffff;
  border: none;
  border-radius: 3rem;
  font-size: 1.25rem;
  padding: 0.5rem 2rem;
  margin-top: 1rem; }
  #fac .fac-button:disabled {
    opacity: 0.5; }
  #fac .fac-button:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

#ctc-button {
  margin-left: 2rem; }

.setup-grid {
  display: grid;
  grid-template-columns: 2fr 1fr; }
  .setup-grid .new-episode-button {
    background: #B30739;
    color: #ffffff;
    border: none;
    border-radius: 3rem;
    font-size: 1.25rem;
    padding: 0.5rem 2rem; }
    .setup-grid .new-episode-button:disabled {
      opacity: 0.5; }
    .setup-grid .new-episode-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  .setup-grid .new-episode-button:disabled {
    opacity: 0.5; }
  .setup-grid > div:nth-child(odd) {
    border-top: 1px solid #3E484F;
    padding-bottom: 1rem; }
  .setup-grid > div:nth-child(even) {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D8D8D8;
    box-sizing: content-box;
    margin-bottom: 0.25rem;
    text-align: center; }
  .setup-grid .customizations section {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-bottom: 1rem; }
  .setup-grid .customizations label .i-button {
    display: inline-block;
    margin-left: 0.5rem; }
  .setup-grid .customizations .radio-group {
    margin: 0; }
  .setup-grid .status-container {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .setup-grid .begin-button {
    background: #B30739;
    color: #ffffff;
    border: none;
    border-radius: 3rem;
    font-size: 1.25rem;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    margin-left: 1rem; }
    .setup-grid .begin-button:disabled {
      opacity: 0.5; }
    .setup-grid .begin-button:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  .setup-grid .i-button-modal .modal {
    width: 50%;
    display: flex;
    flex-direction: column; }
    .setup-grid .i-button-modal .modal h3 {
      margin-top: 0;
      margin-bottom: 0.25rem; }
    .setup-grid .i-button-modal .modal .modal-close {
      background: #B30739;
      color: #ffffff;
      border: none;
      border-radius: 3rem;
      font-size: 1.25rem;
      padding: 0.5rem 2rem;
      align-self: flex-end;
      margin-top: 0.25rem;
      font-size: 1rem; }
      .setup-grid .i-button-modal .modal .modal-close:disabled {
        opacity: 0.5; }
      .setup-grid .i-button-modal .modal .modal-close:focus-visible {
        outline: 5px auto;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px; }
      .setup-grid .i-button-modal .modal .modal-close::before {
        display: none; }

#fac-header {
  background: #F1F1F1;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #292929;
  padding: 0 0.25rem; }
  #fac-header section {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    #fac-header section img {
      height: 3rem;
      margin-right: 1rem; }
  #fac-header .sim-title {
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    font-weight: 700; }
    @media (max-width: 1024px) {
      #fac-header .sim-title {
        font-size: 0.875rem; } }
  #fac-header nav {
    display: flex; }
  #fac-header .nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 0;
    margin: 0;
    width: 100%; }
  #fac-header li {
    display: flex;
    margin: 0 0.5rem;
    height: 100%; }
  #fac-header a {
    color: #292929;
    text-decoration: none;
    padding: 1.05rem 0; }
    @media (max-width: 1024px) {
      #fac-header a {
        font-size: 0.875rem; } }
    @media (max-width: 768px) {
      #fac-header a {
        padding: 0.5rem 0; } }
  #fac-header .active {
    border-bottom: 3px solid #B30739;
    color: #B30739; }
  #fac-header .sub-nav-container {
    position: relative; }
    #fac-header .sub-nav-container .sub-nav-list {
      background: #F1F1F1;
      padding-left: 0.5rem;
      position: absolute;
      width: 150%;
      top: 100%;
      left: -1000000000px;
      box-shadow: 1px 1px 5px #292929;
      z-index: 26; }
      #fac-header .sub-nav-container .sub-nav-list:focus-within {
        left: 0; }
    #fac-header .sub-nav-container .sub-nav-list li {
      margin: 0;
      padding-bottom: 1rem; }
    #fac-header .sub-nav-container .sub-nav-list a {
      padding-bottom: 0; }
      #fac-header .sub-nav-container .sub-nav-list a:hover, #fac-header .sub-nav-container .sub-nav-list a:focus {
        color: #B30739;
        border-bottom: 3px solid #B30739; }
    #fac-header .sub-nav-container:hover .sub-nav-list {
      left: 0; }
    #fac-header .sub-nav-container > a:focus + .sub-nav-list {
      left: 0; }

#fac-subheader {
  display: flex;
  justify-content: space-between; }
  #fac-subheader h1 {
    font-weight: 700; }
  #fac-subheader p, #fac-subheader h1 {
    margin: 0; }
  #fac-subheader .info {
    text-align: right; }
  #fac-subheader .error {
    font-weight: bold;
    color: #B30739; }

#manage-users > section:first-child {
  display: flex;
  justify-content: center;
  align-items: center; }

#manage-users .assignment-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid #292929;
  background: #F1F1F1;
  margin: 2rem 0;
  box-shadow: 0px 0px 5px rgba(41, 41, 41, 0.5);
  border-radius: 5px; }
  #manage-users .assignment-container h2 {
    margin: 0;
    font-size: 1rem; }
  #manage-users .assignment-container .assignment-options {
    display: flex;
    align-items: center;
    justify-content: space-around; }
  #manage-users .assignment-container .assignment-options > * {
    margin-left: 1rem; }
  #manage-users .assignment-container .assignment-options > button {
    min-height: 2rem;
    border-radius: 5px;
    padding: 0 1rem;
    background: #B30739;
    border: 1px solid #292929;
    color: #ffffff; }
  #manage-users .assignment-container .assignment-options > button:disabled {
    opacity: 0.5; }
  #manage-users .assignment-container .assignment-options > button:last-child {
    background: #ffffff;
    border: 1px solid #B30739;
    color: #B30739; }
  #manage-users .assignment-container label, #manage-users .assignment-container span {
    margin-top: 0.5rem;
    align-self: center;
    font-size: 0.9rem;
    font-style: italic; }

#manage-users table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }
  #manage-users table td,
  #manage-users table th {
    text-align: left; }
  #manage-users table th {
    position: relative; }
  #manage-users table th span {
    cursor: pointer; }
  #manage-users table th.sort:after {
    content: ' ';
    position: absolute;
    border: 0.4rem solid #292929;
    left: 5rem;
    top: calc(50% - 0.2rem);
    transition: 0.5s transform;
    border-color: #292929 transparent transparent transparent;
    opacity: 0; }
  #manage-users table th.sort.ascending:after {
    opacity: 1;
    transform: rotateZ(180deg) translateY(0.2rem); }
  #manage-users table th.sort.descending:after {
    opacity: 1; }
  #manage-users table tr {
    border-bottom: 1px solid #292929;
    height: 3rem; }
  #manage-users table tbody tr {
    border-color: rgba(41, 41, 41, 0.5); }
  #manage-users table thead tr th:first-child,
  #manage-users table tbody tr td:first-child {
    padding-left: 1rem; }
  #manage-users table th button {
    all: unset;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    cursor: pointer; }
    #manage-users table th button:focus-visible {
      outline: revert; }

#manage-users table tbody tr.gray td {
  background: rgba(216, 216, 216, 0.5); }

#manage-users .input-dropdown-wrapper label {
  display: none; }

#manage-users .user-name {
  display: inline-block;
  position: relative; }
  #manage-users .user-name .tooltip {
    display: none;
    position: absolute;
    bottom: 75%;
    left: 75%;
    width: 20rem; }
    #manage-users .user-name .tooltip span {
      color: #ffffff;
      padding: 0.5rem 0.75rem;
      border-radius: 2px;
      background-color: #B30739;
      width: auto; }
  #manage-users .user-name:hover .tooltip {
    display: block; }

#manage-users .team {
  display: flex;
  align-items: center;
  gap: 0.5rem; }
  #manage-users .team .lock {
    position: relative; }
    #manage-users .team .lock img {
      display: block;
      margin: auto; }
    #manage-users .team .lock .tooltip {
      display: none;
      position: absolute;
      bottom: 75%;
      left: 75%;
      width: 15rem; }
      #manage-users .team .lock .tooltip div {
        color: #ffffff;
        padding: 0.5rem 0.75rem;
        border-radius: 2px;
        background-color: #B30739; }
    #manage-users .team .lock:hover .tooltip {
      display: block; }

#manage-users .error {
  font-weight: bold;
  color: #B30739;
  text-align: center; }

#game-management {
  padding-top: 2rem; }
  #game-management table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    table-layout: fixed; }
    #game-management table td,
    #game-management table th {
      text-align: left; }
    #game-management table th {
      position: relative; }
    #game-management table th span {
      cursor: pointer; }
    #game-management table th.sort:after {
      content: ' ';
      position: absolute;
      border: 0.4rem solid #292929;
      left: 5rem;
      top: calc(50% - 0.2rem);
      transition: 0.5s transform;
      border-color: #292929 transparent transparent transparent;
      opacity: 0; }
    #game-management table th.sort.ascending:after {
      opacity: 1;
      transform: rotateZ(180deg) translateY(0.2rem); }
    #game-management table th.sort.descending:after {
      opacity: 1; }
    #game-management table tr {
      border-bottom: 1px solid #292929;
      height: 3rem; }
    #game-management table tbody tr {
      border-color: rgba(41, 41, 41, 0.5); }
    #game-management table thead tr th:first-child,
    #game-management table tbody tr td:first-child {
      padding-left: 1rem; }
  #game-management table tr td:last-child, #game-management table tr th:last-child {
    width: 15rem; }
  #game-management table tr td:last-child button {
    background: none;
    border: none;
    text-decoration: underline; }
  #game-management tbody tr:nth-child(even) td {
    background: #F3F3F3; }
  #game-management tbody tr td.status {
    padding-left: 1.25rem;
    position: relative; }
  #game-management tbody tr td.status:after {
    content: ' ';
    position: absolute;
    height: 0.875rem;
    width: 0.875rem;
    border-radius: 100%;
    left: 0;
    top: calc(50% - 0.4375rem);
    background: #E5E5E5;
    box-shadow: 0 1px 3px rgba(94, 94, 94, 0.5); }
  #game-management tbody tr td.status.online:after {
    background: #5CB85C; }
  #game-management .management-buttons-container {
    display: flex;
    justify-content: flex-end; }

#decisions-summary .summary-selection-wrapper {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between; }

#decisions-summary .summary-selection-wrapper > div {
  display: flex;
  align-items: center;
  gap: 0.5rem; }

#decisions-summary .summary-selection-wrapper .input-wrapper {
  width: unset; }

#decisions-summary table {
  width: 100%;
  border-collapse: collapse; }

#decisions-summary table th, #decisions-summary table td {
  text-align: left;
  padding: 0 0.5rem; }

#decisions-summary table td {
  padding: 0.5rem; }

#decisions-summary table th {
  border-bottom: 1px solid #292929; }

#decisions-summary table ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  #decisions-summary table ul li {
    margin-bottom: 0.3rem;
    line-height: 1.5; }

#decisions-summary .decision-text {
  width: 30%; }

#decisions-summary .bonus {
  display: block;
  margin-top: 0.25rem;
  color: #657682; }

#decisions-summary .team-details tr:nth-child(even) {
  background-color: #D8D8D8; }

#decisions-summary .team-details .clickable {
  color: #657682;
  text-decoration: underline;
  cursor: pointer; }

#decisions-summary .details {
  min-width: 18rem; }

#decisions-summary .world-data {
  max-width: 20%; }

#decisions-summary li {
  font-size: 0.85em; }

#fac-refresh-button, #ctc-button {
  height: 2rem;
  border-radius: 5px;
  padding: 0 1rem;
  background: #ffffff;
  border: 1px solid #B30739;
  color: #B30739;
  transition: 0.25s; }
  #fac-refresh-button:focus, #fac-refresh-button:hover, #ctc-button:focus, #ctc-button:hover {
    background: #B30739;
    color: #ffffff; }

.class-summary-dropdown {
  margin: 2rem 0;
  display: flex;
  justify-content: space-between; }
  .class-summary-dropdown .dropdowns-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
  .class-summary-dropdown .input-dropdown-label {
    display: none; }

.summary-table {
  border-collapse: collapse;
  width: 100%; }
  .summary-table .left {
    text-align: left; }
  .summary-table .center {
    text-align: center; }
  .summary-table th, .summary-table td {
    padding-left: 2rem; }
  .summary-table th {
    height: 4rem;
    position: relative; }
    .summary-table th:first-of-type {
      text-align: left; }
    .summary-table th button {
      all: unset;
      display: block;
      width: 100%;
      height: 100%;
      text-align: inherit;
      cursor: pointer; }
      .summary-table th button:focus-visible {
        outline: revert; }
    .summary-table th:last-of-type {
      text-align: left; }
    .summary-table th:not(:first-of-type) {
      font-weight: 300; }
    .summary-table th.sortable button:after {
      content: ' ';
      border: 0.4rem solid transparent;
      border-top-color: transparent;
      margin-left: 0.5rem;
      transition: 0.5s transform;
      display: inline-block;
      vertical-align: middle; }
    .summary-table th.sort.ascending button:after {
      border-top-color: #292929;
      transform: rotateZ(180deg) translateY(0.2rem); }
    .summary-table th.sort.descending button:after {
      border-top-color: #292929; }
  .summary-table tbody tr {
    border-top: solid 1px #D8D8D8; }
    .summary-table tbody tr:nth-of-type(odd) {
      background-color: #F3F3F3; }
    .summary-table tbody tr:last-of-type {
      border-bottom: solid 2px #D8D8D8; }
  .summary-table td:first-of-type {
    display: flex;
    flex-direction: column; }
  .summary-table td .members {
    color: #3E484F;
    font-size: 0.8rem;
    max-width: 50%; }
  .summary-table td.check {
    text-align: center; }
  .summary-table td .fa-check-circle {
    color: #B30739;
    font-size: 1.5rem; }
  .summary-table .impersonate-btn {
    background: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem; }

#class-summary .bar-chart {
  display: flex;
  justify-content: center; }

#class-summary .download {
  height: 2rem;
  border-radius: 5px;
  padding: 0 1rem;
  border: 1px solid #B30739;
  background: #B30739;
  color: #ffffff;
  transition: 0.25s;
  margin-left: 2rem; }
  #class-summary .download:focus, #class-summary .download:hover {
    background: #ffffff;
    color: #B30739; }

#outcomes-charts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 2rem; }
  #outcomes-charts .top-row {
    display: flex;
    justify-content: space-around; }
  #outcomes-charts .chart-wrapper {
    text-align: center; }
    #outcomes-charts .chart-wrapper span {
      font-weight: 700;
      font-size: 1.25rem; }
  #outcomes-charts .bar-chart {
    margin: 0 1.5rem 3rem; }

#slice-select {
  width: 14rem !important; }

.events-chart-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .events-chart-wrapper .s-1 {
    background-color: #F66E4A;
    color: #F66E4A;
    fill: #F66E4A;
    stroke: #F66E4A; }
  .events-chart-wrapper .s-2 {
    background-color: #F6AB2F;
    color: #F6AB2F;
    fill: #F6AB2F;
    stroke: #F6AB2F; }
  .events-chart-wrapper .s-3 {
    background-color: #13938C;
    color: #13938C;
    fill: #13938C;
    stroke: #13938C; }
  .events-chart-wrapper .s-4 {
    background-color: #657682;
    color: #657682;
    fill: #657682;
    stroke: #657682; }
  .events-chart-wrapper .legend {
    align-self: flex-end; }
    .events-chart-wrapper .legend span {
      margin-right: 0.5rem; }
  .events-chart-wrapper .legend, .events-chart-wrapper .legend-item {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .events-chart-wrapper .marker {
    margin: 0 0.5rem;
    height: 1rem;
    width: 0.25rem; }

.events-chart-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .events-chart-wrapper .s-1 {
    background-color: #F66E4A;
    color: #F66E4A;
    fill: #F66E4A;
    stroke: #F66E4A; }
  .events-chart-wrapper .s-2 {
    background-color: #F6AB2F;
    color: #F6AB2F;
    fill: #F6AB2F;
    stroke: #F6AB2F; }
  .events-chart-wrapper .s-3 {
    background-color: #13938C;
    color: #13938C;
    fill: #13938C;
    stroke: #13938C; }
  .events-chart-wrapper .s-4 {
    background-color: #657682;
    color: #657682;
    fill: #657682;
    stroke: #657682; }
  .events-chart-wrapper .legend {
    align-self: flex-end; }
    .events-chart-wrapper .legend span {
      margin-right: 0.5rem; }
  .events-chart-wrapper .legend, .events-chart-wrapper .legend-item {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .events-chart-wrapper .marker {
    margin: 0 0.5rem;
    height: 1rem;
    width: 0.25rem; }

#fac-materials .playkit-player .playkit-bottom-bar {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.8) 100%); }

#fac-materials .playkit-progress {
  background: #88fd31; }

#fac-materials .playkit-bottom-bar {
  color: #88fd31; }

#fac-materials .playkit-control-button, #fac-materials .playkit-icon {
  opacity: 1;
  filter: brightness(1.75) sepia(1) hue-rotate(30deg) saturate(13); }

#fac-materials .playkit-control-button:not(:disabled):hover {
  opacity: 0.75; }

#terminal {
  height: 100%;
  display: grid;
  grid-template-columns: 17rem 44rem auto;
  font-family: 'Carbon OT', serif;
  overflow: auto; }
  #terminal .terminal-nonsense-container {
    padding: 0 2rem; }
  #terminal .terminal-nonsense {
    color: #494949; }
  #terminal .generated-nonsense {
    position: absolute;
    left: 2rem;
    margin: 0; }
  #terminal .terminal-nonsense.light {
    color: #A8A8A8; }
  #terminal .terminal-bottom {
    margin-top: 5rem; }
    #terminal .terminal-bottom p {
      margin: 0;
      font-size: 1.5rem;
      line-height: 1.5rem; }
  #terminal h1, #terminal .h1 {
    font-size: 1.75rem;
    font-weight: 700;
    outline: none; }
  #terminal a.continue {
    font-size: 1.75rem;
    color: #38FE26;
    text-decoration: none;
    margin: 1rem auto; }
    #terminal a.continue:hover, #terminal a.continue:focus {
      text-decoration: underline; }
  #terminal button.continue {
    display: block;
    background: none;
    border: none;
    color: #38FE26;
    padding: 0;
    margin: 0;
    font-size: 1.75rem; }
    #terminal button.continue:hover, #terminal button.continue:focus {
      text-decoration: underline; }
    #terminal button.continue:focus-visible {
      outline: 5px auto;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: 2px; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #terminal {
      grid-template-columns: 100vw;
      grid-template-rows: 100%; }
      #terminal .terminal-nonsense, #terminal .terminal-nonsense-container, #terminal .generated-nonsense, #terminal .terminal-bottom {
        display: none !important; }
      #terminal .terminal-content-container {
        grid-column: 1 / 2;
        padding: 0 2rem;
        overflow: auto;
        height: 100%; }
      #terminal h1 {
        font-size: 1.5rem; }
      #terminal .text-body {
        font-size: 1.25rem !important;
        padding-bottom: 2rem; }
      #terminal #do-donts li {
        font-size: 1.25rem !important; }
      #terminal #do-donts h1, #terminal #do-donts .h1, #terminal #do-donts p {
        margin-bottom: 0.75rem; } }

#background {
  width: 100vw;
  height: 56.25vw;
  position: fixed;
  z-index: -1;
  max-width: 100vw; }
  #background.hidden {
    display: none; }
  #background .bg-background {
    background: #090909;
    height: 100%;
    width: 100%; }
  @media (max-aspect-ratio: 16 / 9) {
    #background {
      width: 177.8vh;
      max-width: 177.8vh;
      height: 100vh; } }
  #background .montage-partial,
  #background .background-partial {
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    pointer-events: none; }
    #background .montage-partial.visible,
    #background .background-partial.visible {
      visibility: visible;
      opacity: 1; }
    #background .montage-partial .video-player,
    #background .montage-partial .first-frame,
    #background .background-partial .video-player,
    #background .background-partial .first-frame {
      width: 100%;
      height: 100%;
      position: absolute; }
  #background .montage-partial {
    z-index: 29;
    transition: opacity 2s;
    visibility: visible; }
  #background .montage-bg {
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 28;
    transition: opacity 1s ease-out; }
    #background .montage-bg.show {
      opacity: 1; }

#background.showing-montage {
  z-index: 29; }
  #background.showing-montage .background-partial,
  #background.showing-montage .background-partial.visible {
    visibility: hidden;
    opacity: 0; }

.event-media {
  position: relative; }
  .event-media .tutorial-audio {
    top: 100%;
    right: -1rem;
    width: 27rem; }

.event-media-modal .modal {
  background: none; }

.event-media-modal #breaking-news {
  background: none;
  pointer-events: none; }
  .event-media-modal #breaking-news button,
  .event-media-modal #breaking-news .video-player {
    pointer-events: all; }

#end {
  font-size: 1.75rem; }
  #end.terminating {
    background: #090909;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 32;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20vw;
    padding-top: 20vh; }
  #end.terminating.warning {
    color: #FD3838; }

#accessibility-header {
  font-size: 1.25rem;
  outline: none;
  overflow: hidden;
  color: #ffffff;
  background: #000000;
  padding: 1rem 11.125rem;
  position: fixed;
  top: 100%;
  z-index: 19;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  #accessibility-header span {
    margin-bottom: 1rem;
    outline: none; }
  #accessibility-header button {
    background: #292929;
    color: #FFFE83;
    border: 1px solid #FFFE83;
    padding: 0.325rem 1rem;
    outline: none; }
    #accessibility-header button:hover, #accessibility-header button:focus {
      background: #000000; }
  #accessibility-header:focus-within {
    top: 0; }

#accessibility-settings .modal {
  font-family: 'Carbon OT', serif;
  border: 1px solid #FFFE83;
  background: #292929;
  width: 50%;
  padding: 2rem; }
  #accessibility-settings .modal h2 {
    margin: 0;
    color: #FFFE83;
    text-transform: uppercase; }
    #accessibility-settings .modal h2:focus {
      outline: none; }
  #accessibility-settings .modal .setting-row {
    padding-left: 1.75rem; }
  #accessibility-settings .modal .setting-row p {
    color: #FFFE83;
    margin: 0 0 0 0.2rem;
    font-size: 1rem; }
  #accessibility-settings .modal .checkbox-container.student {
    margin-bottom: 0; }
  #accessibility-settings .modal .close-modal-button {
    line-height: 1;
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    background: none;
    border: none; }
    #accessibility-settings .modal .close-modal-button span {
      color: #FFFE83; }
    #accessibility-settings .modal .close-modal-button:focus {
      border: 1px solid #FFFE83; }
  @media screen and (max-width: 1024px), screen and (max-height: 640px) {
    #accessibility-settings .modal {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 2.375rem;
      overflow: auto;
      width: 100%; } }

#skip-nav {
  position: absolute;
  background: #090909;
  width: 100%;
  height: calc(7.5rem - 5.2rem);
  z-index: 16;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  top: calc(-1 * (7.5rem - 5.2rem)); }
  #skip-nav a {
    color: #38FE26;
    font-weight: 700;
    font-size: 1rem;
    outline: none; }
  #skip-nav:focus-within {
    top: 0; }

@media screen and (max-width: 1024px) {
  html {
    font-size: 0.8em; }
  body {
    overflow: hidden; }
  .mobile-hidden {
    display: none !important; }
  .mobile-visible {
    display: unset !important; }
  main.terminal,
  main.country-creation,
  main.event,
  main.login,
  main.splash {
    display: grid;
    grid-template-rows: 1fr auto;
    max-height: calc(100% - 2.375rem - 0.5rem);
    position: relative; }
    main.terminal #main-content,
    main.country-creation #main-content,
    main.event #main-content,
    main.login #main-content,
    main.splash #main-content {
      overflow: auto;
      width: 100%;
      display: flex;
      grid-column-start: 1;
      grid-column-end: 4; }
  main.login {
    height: 100%;
    max-height: 100%; }
    main.login #main-content {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
  main.splash #main-content {
    display: flex;
    flex-flow: row nowrap; }
  #student {
    grid-template-rows: 5.7rem 1fr auto !important; }
  .accessibility-text {
    top: 0; }
  #fac {
    overflow: auto; } }

@media screen and (max-height: 860px) {
  html {
    font-size: 0.8em; } }

.typed-text {
  visibility: hidden;
  transition: opacity 1s;
  opacity: 0;
  transition: 0.5s opacity cubic-bezier(1, 0, 1, 0); }
  .typed-text.active-text {
    visibility: visible;
    opacity: 1; }

.modal-close {
  outline: none; }
  .modal-close:hover, .modal-close:focus {
    text-decoration: underline; }
  .modal-close:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }

button.animation-skip {
  font-size: 1.5rem;
  text-transform: uppercase;
  width: 15rem;
  height: 2.5rem;
  text-align: center;
  background: rgba(0, 56, 2, 0.8);
  border: 1px solid #38FE26;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  padding: 0.5rem 2rem !important;
  height: unset !important;
  width: unset !important;
  position: absolute;
  bottom: 8rem;
  right: 1rem;
  border: none;
  border-radius: 5px; }
  button.animation-skip:visited {
    color: #292929; }
  button.animation-skip:disabled, button.animation-skip.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #A8A8A8;
    color: #A8A8A8; }
    button.animation-skip:disabled::after, button.animation-skip.disabled::after {
      border-left: solid #A8A8A8 5px; }
  button.animation-skip::after {
    content: '';
    border-bottom: solid transparent 5px;
    border-top: solid transparent 5px;
    border-left: solid #38FE26 5px;
    transform: rotate(45deg);
    position: absolute;
    right: -1px;
    bottom: -4px;
    height: 0;
    width: 0; }
    @media (forced-colors: active) {
      button.animation-skip::after {
        display: none; } }
  button.animation-skip:hover, button.animation-skip:focus {
    outline: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7); }
    button.animation-skip:hover::after, button.animation-skip:focus::after {
      display: none; }
  button.animation-skip:focus-visible {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px; }
  button.animation-skip::after {
    display: none; }

@media screen and (max-width: 768px) {
  #main-content {
    height: 100%;
    flex: 1;
    min-height: 0; }
  main.event,
  main.country-creation {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%; } }

@media (forced-colors: active) {
  .playkit-bar {
    outline: 1px solid white; }
  .playkit-progress {
    background-color: CanvasText;
    forced-color-adjust: none; } }