@charset "utf-8";
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-pro-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
    url('../fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v14-latin-regular.eot');
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
    url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'),
    url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'),
    url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'),
    url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v14-latin-italic.eot');
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
    url('../fonts/source-sans-pro-v14-latin-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/source-sans-pro-v14-latin-italic.woff2') format('woff2'),
    url('../fonts/source-sans-pro-v14-latin-italic.woff') format('woff'),
    url('../fonts/source-sans-pro-v14-latin-italic.ttf') format('truetype'),
    url('../fonts/source-sans-pro-v14-latin-italic.svg#SourceSansPro') format('svg');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v14-latin-600.eot');
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
    url('../fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'),
    url('../fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'),
    url('../fonts/source-sans-pro-v14-latin-600.woff') format('woff'),
    url('../fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'),
    url('../fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v14-latin-700.eot');
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
    url('../fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'),
    url('../fonts/source-sans-pro-v14-latin-700.woff') format('woff'),
    url('../fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'),
    url('../fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg');
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons Outlined'),
    local('MaterialIconsOutlined-Regular'),
    url(../fonts/MaterialIconsOutlined-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIconsOutlined-Regular.woff) format('woff'),
    url(../fonts/MaterialIconsOutlined-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons Round'),
    local('MaterialIconsRound-Regular'),
    url(../fonts/MaterialIconsRound-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIconsRound-Regular.woff) format('woff'),
    url(../fonts/MaterialIconsRound-Regular.ttf) format('truetype');
}

.material-symbols-outlined, .material-symbols-rounded {font-weight: normal; font-style: normal; font-size: 24px;
    display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal;
    white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}


.material-symbols-outlined {font-family: 'Material Icons Outlined';}
.material-symbols-rounded {font-family: 'Material Icons Round';}
.fa, .material-symbols-outlined, .material-symbols-rounded {color: #0d4269; font-size: 2rem; cursor: pointer}
.pointer {cursor:pointer;}

body { padding: 0; margin: 0; font-family: Source Sans Pro,sans-serif; font-size: 16px; }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 240px; height: 73px; background: url('../assets/neo_logo.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin: 10px auto;
    background: url('../assets/progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('../assets/progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-interact {display: flex; flex-flow: row; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 0.5rem;
    width: 100%; height: 100px;}
#unity-interact .col {flex: 1; display: flex; flex-flow: column; justify-content: space-between; align-items: center; gap: 0.2rem;}
#unity-interact #joystick {flex: 1;}
#unity-interact button {border: 2px outset #fff; background-color: #0d4269; border-radius: 5px; padding: 0.3rem;
    text-align: center; font-size: 0.8rem; color: #fff;}
#unity-interact textarea {flex: 8; resize: none; width: 500px; height: 100%; border-radius: 5px; padding: 0.2rem; font-size: 0.8rem; overflow-y: auto;}
#unity-fullscreen-button {width: 38px; height: 38px; background: url('../assets/fullscreen-button.png') no-repeat center;}
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none;}