.Button_root__28K_E {
    background: #111 linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0)) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .5)
}

.Button_root__28K_E:hover {
    background: #111 linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .1)) repeat-x
}

.Button_root__28K_E:active {
    top: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.Bubble_root__1WuOT {
    margin-bottom: 12px
}

.SingleBubble_root__2r7DX {
    border-radius: 12px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 110%;
    padding: 6px 36px;
    margin: 0 auto 12px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .4)
}

.ChoiceBubble_root__38cRB {
    font-size: 110%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    flex-shrink: 0
}

.ChoiceBubble_button__1Ldsc {
    margin: 0 5px;
    padding: 10px
}

.Picture_root__1KcRX {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 70%
}

.Picture_picture__1i_KS {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: 50% 50%;
    -webkit-filter: drop-shadow(0 0 25px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, .3))
}

.PromptBubble_root__fSr1O {
    text-align: center;
    padding: 5px 30px 4px
}

.PromptBubble_root__fSr1O input {
    background-color: initial;
    border: 0;
    border-bottom: 1px dashed #fff;
    color: #ddd;
    font-family: "Noto Sans";
    font-size: 100%;
    outline: none;
    text-align: center;
    min-width: 100px;
    max-width: 50vw;
    width: 100px
}

.PromptBubble_done__3qOq8 {
    padding: 6px 30px
}

.PromptBubble_result__1xJPq {
    color: #ddd
}

.PromptBubble_measure__2P-za {
    position: absolute;
    top: 9999px;
    white-space: pre;
    padding: 0 4px;
    opacity: 0
}

@-webkit-keyframes BlinkyTriangle_pulse__3YeTT {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 0
    }
}

@keyframes BlinkyTriangle_pulse__3YeTT {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes BlinkyTriangle_move__1DocI {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

@keyframes BlinkyTriangle_move__1DocI {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

.BlinkyTriangle_root__1cyox {
    width: 1em;
    height: 1em;
    display: inline-block;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .8);
    -webkit-animation: BlinkyTriangle_pulse__3YeTT 1s ease-in-out infinite;
    animation: BlinkyTriangle_pulse__3YeTT 1s ease-in-out infinite;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(0, 0%, 100%, .84)
}

.BlinkyTriangle_inner__3RqhK {
    margin-left: .1em;
    border-top: .25em solid transparent;
    border-bottom: .25em solid transparent;
    border-left: .35em solid #000;
    vertical-align: middle
}

.BlinkyTriangle_root__1cyox.BlinkyTriangle_debug__bxlFM {
    background-color: #6671a3;
    border-color: #6671a3;
    -webkit-animation: none;
    animation: none
}

.TextBubble_root__3Uhs_ {
    position: relative;
    color: #ddd;
    text-align: center;
    max-width: calc(100% - 36px);
    padding: 3px 0;
    margin: 0 auto 12px
}

.TextBubble_root__3Uhs_ p {
    min-height: 24px;
    text-align: center;
    padding: 3px 36px;
    margin: 0
}

.TextBubble_alignLeft__3F4Tk {
    margin: 0 auto 12px 0
}

.TextBubble_alignLeft__3F4Tk p {
    text-align: left
}

.TextBubble_alignRight__354xM {
    margin: 0 0 12px auto
}

.TextBubble_alignRight__354xM p {
    text-align: right
}

.TextBubble_continueIndicator__sXRN- {
    line-height: 1px;
    position: absolute;
    bottom: 8px;
    right: 8px
}

.TextBubble_cursor__3RADp {
    display: none
}

.TimerDisplay_root__SL54y {
    position: relative;
    float: right;
    margin: 12px
}

.TimerDisplay_label__ewcfy {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center
}

.TimerDisplay_secretTimer__3WcVY {
    -webkit-animation-name: TimerDisplay_unknown-timer-rotate__65y9y;
    animation-name: TimerDisplay_unknown-timer-rotate__65y9y;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.TimerDisplay_secretTimer__3WcVY .TimerDisplay_eosSecretTimerBackground__2g0Nf {
    opacity: .3
}

@-webkit-keyframes TimerDisplay_unknown-timer-rotate__65y9y {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes TimerDisplay_unknown-timer-rotate__65y9y {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.TimerDisplay_skip__3GZ26 {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #6671a3;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    height: 24px;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
    width: 48px
}

.TimerDisplay_skip__3GZ26:before {
    content: "Skip"
}

.TimerDisplay_debugText__TnGXO {
    color: #6671a3
}

.BubbleQueue_root__Q9y8s {
    flex: 1 1;
    z-index: 2;
    min-height: 15%;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%);
    mask-image: linear-gradient(180deg, transparent 0, #000 10%);
    overflow-anchor: none
}

.BubbleQueue_scrollView__1Berq {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.BubbleQueue_scrollView__1Berq>:last-child {
    -webkit-animation: BubbleQueue_fade-in__3ZneC .3s ease-out;
    animation: BubbleQueue_fade-in__3ZneC .3s ease-out
}

.BubbleQueue_scrollView__1Berq:before {
    content: "";
    flex: 0 0 100%
}

.BubbleQueue_scrollView__1Berq:after {
    content: "";
    flex: 0 0 1px;
    overflow-anchor: auto
}

.BubbleQueue_scrollView__1Berq::-webkit-scrollbar {
    width: 0;
    background: transparent
}

@-webkit-keyframes BubbleQueue_fade-in__3ZneC {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes BubbleQueue_fade-in__3ZneC {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ScrollIndicator_button__sgBpr {
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: #fff;
    opacity: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    width: 2rem;
    height: 2rem
}

.ScrollIndicator_button__sgBpr:before {
    content: "";
    position: absolute;
    top: .77rem;
    left: .6rem;
    border-top: .55rem solid hsla(0, 0%, 100%, .8);
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent
}

.ScrollIndicator_buttonVisible__3yHXp {
    opacity: 1
}

.ScrollIndicator_indicator__3yLnA {
    position: absolute;
    left: 0;
    bottom: -1.2rem;
    right: 0;
    height: 2rem;
    background: radial-gradient(closest-side at center center, #b85959, rgba(184, 89, 89, 0));
    opacity: 0;
    transition: opacity .5s linear
}

.ScrollIndicator_indicatorVisible__11Vm9 {
    opacity: 1
}

.ActivitiesBar_root__5YoNy {
    position: absolute;
    top: 54px;
    right: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 10;
    width: 160px;
    max-width: 30%
}

.SplashScreen_root__3vtZk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #000;
    cursor: pointer
}

.SplashScreen_root__3vtZk h1 {
    margin: 0 0 12px
}

.SplashScreen_root__3vtZk h2 {
    margin: 0
}

.SplashScreen_root__3vtZk .SplashScreen_start__1C1S7 {
    text-transform: uppercase;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .5);
    margin: 24px 0;
    line-height: 12px
}

.SplashScreen_blinky__2o3So {
    font-size: 24px
}

.Background_root__QnKRW {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-image: url(../../static/media/navy.70005832.png);
    transition: background-color .3s ease
}

.Background_root__QnKRW:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(90deg, #000, transparent, #000);
    opacity: .6
}

.Viewport_root__1xGnl {
    background-color: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 48px)
}

@media (max-width:960px) {
    .Viewport_root__1xGnl {
        height: calc(100vh - 40px)
    }
}

@media (max-width:600px) {
    .Viewport_root__1xGnl {
        height: calc(100vh - 32px)
    }
}

.DebugInterface_root__3CKfN {
    width: 360px;
    z-index: 40;
    border-radius: 0 0 12px 12px;
    background-color: rgba(209, 213, 228, .9);
    border-top-width: 0;
    align-self: flex-start
}

@media (max-width:960px) {
    .DebugInterface_root__3CKfN {
        width: 300px
    }
}

@media (max-width:600px) {
    .DebugInterface_root__3CKfN {
        width: 240px
    }
}

.DebugInterface_bar__1RUJ- {
    display: flex;
    flex-direction: row;
    height: 48px;
    background-color: #6671a3;
    align-items: center;
    color: #fff
}

@media (max-width:960px) {
    .DebugInterface_bar__1RUJ- {
        height: 40px
    }
}

@media (max-width:600px) {
    .DebugInterface_bar__1RUJ- {
        height: 32px
    }
}

.DebugInterface_title__380mE {
    flex: 1 1;
    margin: 0 0 0 12px;
    font-size: .83em
}

.DebugInterface_page__3rdp- {
    margin: 0 12px 0 0;
    font-size: .83em;
    border: 0;
    background: 0;
    color: inherit;
    cursor: pointer
}

.DebugInterface_page__3rdp-:hover {
    text-decoration: underline
}

.DebugInterface_contents__1Ednz {
    padding: 12px;
    font-size: .83em
}

.DebugInterface_contents__1Ednz p {
    margin: 0
}

.ToolbarButton_root__3rVYt {
    height: 100%;
    cursor: pointer;
    display: block;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ToolbarButton_root__3rVYt:hover {
    background-color: #f2cfcf
}

.ToolbarButton_hide__1GelM {
    display: none
}

.DebugButton_enabled__3z0MU {
    background-color: #6671a3;
    height: 100%;
    border-radius: 0;
    padding: 0 12px
}

.TopBar_root__vkQ0A {
    background-color: rgba(201, 86, 93, .6);
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    z-index: 30;
    height: 48px;
    padding: 0 4px 0 12px
}

@media (max-width:960px) {
    .TopBar_root__vkQ0A {
        height: 40px
    }
}

@media (max-width:600px) {
    .TopBar_root__vkQ0A {
        height: 32px
    }
}

.TopBar_tease__1kRgf {
    display: inline-block;
    margin-right: 6px;
    font-weight: 700
}

.TopBar_author__1plow {
    display: inline-block;
    opacity: .6
}

.TopBar_author__1plow:before {
    content: "by "
}

.TopBar_authorButton__Nrip5 {
    display: inline;
    color: #fff;
    background: none;
    padding: 0;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit
}

.TopBar_authorButton__Nrip5:hover {
    text-decoration: underline
}

* {
    box-sizing: border-box
}

body {
    background-color: #000;
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100vh
}

.eosContainer,
.eosImageBackground,
.eosImageForeground {
    flex: 1 1
}

.eosContainer {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.eosBubbleQueue>div {
    position: relative
}

.eosBubbleQueue>div>* {
    margin-bottom: 10px
}

.eosBubbleQueue>div>.eosBubble,
.eosBubbleQueue>div>.eosBubbleContainer {
    transition: opacity 1s
}

.eosBubbleQueue>.new>.eosBubble,
.eosBubbleQueue>.new>.eosBubbleContainer {
    -webkit-animation: eosBubbleNew .3s linear forwards;
    animation: eosBubbleNew .3s linear forwards
}

.eosBubbleQueue>.old>.eosBubble,
.eosBubbleQueue>.old>.eosBubbleContainer {
    opacity: .5
}

@-webkit-keyframes eosBubbleNew {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes eosBubbleNew {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.small.eosButton,
.small.eosButton:visited {
    font-size: 80%;
    padding: 0
}

.large.eosButton,
.large.eosButton:visited {
    font-size: 120%;
    padding: 8px 14px 9px
}

.green.eosButton,
.green.eosButton:visited {
    background-color: #91bd09
}

.green.eosButton:hover {
    background-color: #749a02
}

.blue.eosButton,
.blue.eosButton:visited {
    background-color: #2daebf
}

.blue.eosButton:hover {
    background-color: #007d9a
}

.red.eosButton,
.red.eosButton:visited {
    background-color: #e33100
}

.red.eosButton:hover {
    background-color: #872300
}

.magenta.eosButton,
.magenta.eosButton:visited {
    background-color: #a9014b
}

.magenta.eosButton:hover {
    background-color: #630030
}

.orange.eosButton,
.orange.eosButton:visited {
    background-color: #ff5c00
}

.orange.eosButton:hover {
    background-color: #d45500
}

.yellow.eosButton,
.yellow.eosButton:visited {
    background-color: #ffb515
}

.yellow.eosButton:hover {
    background-color: #fc9200
}

.eosActivitySidebar {
    position: absolute;
    z-index: 2;
    width: 250px;
    max-width: 20%;
    height: 67%;
    top: 0;
    right: 0
}

/*# sourceMappingURL=main.d4fc1bb2.chunk.css.map */