/* Layout.module.css */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.Layout_layoutContainer__iLbQP {
    color: rgb(204, 204, 204);
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(0, 12, 28);
    /* background-image: url('/misc/background-texture.png'); */
    padding-top: 1vh;
  }
  /* Footer.module.css */
  .Layout_footer__e0TcZ {
    display: flex;
    justify-content: center; /* Centers children horizontally */
    align-items: flex-start; /* Centers children vertically */
    flex-direction: row; /* Aligns children in a row */
    width: 100%;
    height: auto;
    font-size: 0.8rem;
    padding: 20px 0;
    margin-top: 5%;
    text-align: center;
    border-top: 1px solid rgba(204, 204, 204, 0.3); /* Adds a light gray top border */
}

.Layout_footerSection__eIxxv h3 {
    font-weight: bold; /* Ensures h3 tags are bold */
}

/* Footer.module.css */
.Layout_footer__e0TcZ a {
    opacity: 0.7; /* Set the default opacity to 70% */
    transition: opacity 0.3s ease; /* Smooth transition for opacity changes */
}

.Layout_footer__e0TcZ a:hover {
    opacity: 1.0; /* Full opacity on hover */
}


/* Layout.module.css */
.Layout_footerSection__eIxxv {
    width: 30%;
    height: 90%;
    display: flex; /* Establish flex container */
    flex-direction: column; /* Stack children vertically */
    align-items: center; /* Align children to the start (left) horizontally */
    justify-content: flex-start; /* Align children to the start (top) vertically */
    gap: 20px; /* Space between items */
    padding: 10px; /* Padding inside the section */
    box-sizing: border-box; /* Include padding in the width and height calculations */

    /* Hide on small screens */
    display: none;

    /* Show on medium screens and up */
    @media (orientation: landscape), (min-width: 1024px) {
            display: flex;
    }
}
.Layout_footerSectionAlwaysVisible__n800h {
    display: flex !important; /* Important to override media queries set in .footerSection */
}


.simulation_simulated-desktop__LYBkI {
  position: absolute;
  width: 100%;
  z-index: 0;
  background-color: #0a0a0a;
  height: 100%;
  color: #cccccc;
  caret-color: transparent;
  background-size: cover;
  /* Cover the entire container */
  font-family: 'Courier New', Courier, monospace;
  background-position: center;
  /* Center the background image */
}

.simulation_desktop-background__r2yIu {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: contain;
  /* For the background, use contain */
  background-position: center;
  /* Center the image */
}

.simulation_desktop-controls__YKxPL {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Allow mouse events to pass through */
}

.simulation_desktop-windows__n3_jx {
  position: absolute;
  opacity: 1;
  top: 0;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
}


.simulation_control-bar__isNaS {
  width: 60%;
  max-width: 800px;
  pointer-events: auto;
  height: 50px;
  display: flex;
  padding: 4px;
  padding-left: 8px;
  background-color: #141412;
  border: 1px solid #555;
  align-items: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.8;
  z-index: 1;
  transform: translateX(-50%);
  border-radius: 20px;
}

.simulation_control-bar__isNaS .simulation_vertical-line__cXUze {
  width: 1px;
  /* Line width */
  height: 90%;
  /* Height of the line (can be adjusted as needed) */
  background-color: #555;
  /* Color of the line */
  margin-left: 10px;
  /* Space between the button and the line */
  margin-right: 10px;
  /* Optional: Space on the other side */
}

.simulation_control-bar-item__SDlS0 {
  padding: 2px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  opacity: 0.8;
  /* Set initial opacity to 0.8 */
  transition: opacity 0.3s ease;
  /* Smooth transition for opacity change */
}

.simulation_control-bar-item__SDlS0:hover {
  opacity: 1;
  /* Change opacity to 1 on hover */
}


.simulation_startMenu___F7Sx {
  width: 60%;
  max-width: 800px;
  height: 80%;
  max-height: 700px;
  display: flex;
  background-color: #141412;
  border: 1px solid #555;
  align-items: center;
  position: absolute;
  bottom: 65px;
  left: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateX(-50%) translateY(100%);
  /* Initially positioned off-screen at the bottom */
  opacity: 0.1;
  /* Initial opacity */
  border-radius: 10px;
  transition: transform 200ms ease, opacity 200ms ease;
}

.simulation_startMenuEnter__u9r96 {
  transform: translateX(-50%) translateY(100%);
  /* Starts off-screen below */
  opacity: 0.1;
  /* Initial opacity when entering */
}

.simulation_startMenuEnterActive__ot7co {
  transform: translateX(-50%) translateY(0);
  /* Slide up to the center */
  opacity: 1;
  /* Fade in to 0.9 during the slide-up */
}

.simulation_startMenuEnterDone__H5xUX {
  transform: translateX(-50%) translateY(0);
  /* Ensures it remains in the final position */
  opacity: 1;
  /* Ensures it stays fully visible after entering */
}

.simulation_startMenuExit__uxdjx {
  transform: translateX(-50%) translateY(0);
  /* Keep it at the final position initially */
  opacity: 1;
  /* Maintain full opacity before exit */
}

.simulation_startMenuExitActive__XOcei {
  transform: translateX(-50%) translateY(100%);
  /* Slide down to off-screen below */
  opacity: 0.1;
  /* Fade out to 0.1 during the slide-down */
}

.simulation_startMenuExitDone__R_8VA {
  transform: translateX(-50%) translateY(100%);
  /* Ensure it stays off-screen after exit */
  opacity: 0.1;
  /* Ensure it remains transparent after exit */
}

/* The main apps section */
.simulation_apps__M4u1p {
  flex: 1;
  /* Take up the remaining space */
  height: 100%;
  padding: 10px;
  overflow-y: auto;
  /* Allow scrolling if content overflows */
}

/* The control bar section */
.simulation_startMenuHotbar__cdSv_ {
  width: 50px;
  /* Fixed width for the control bar */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  padding-bottom: 10px;
  background-color: #0a0a0a;
  border-left: 1px solid #555;
  /* Border separating the control bar */
  border-radius: 0 10px 10px 0;
  /* Rounded corners on the right */
}

.simulation_startMenuHotbarItem__wd7kj {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.simulation_opacity-hover___y6Qq {
  opacity: 0.6;
  /* Start with 0.9 opacity */
  transition: opacity 0.3s ease;
  /* Smooth transition for opacity change */
}

.simulation_opacity-hover___y6Qq:hover {
  opacity: 1;
  /* Transition to full opacity on hover */
}

.simulation_applicationsContent__MCv6K {
  height: 96%;
  /* Take up 90% of the height */
  width: 100%;
  /* Full width */
  background-color: #2a2a24;
  /* Dark gray background color */

  padding: 30px;
  /* Add padding around the container */
  display: flex;
  /* Enable flexbox layout */
  flex-wrap: wrap;
  /* Allow items to wrap onto the next line */
  gap: 25px;
  /* Even spacing between items */
  justify-content: flex-start;
  /* Align items to the start of the row */
  align-content: flex-start;
  /* Align rows to the top */
  overflow-y: auto;
  /* Add vertical scrolling when content overflows */
  scrollbar-width: thin;
  /* For modern browsers, thin scrollbar */
  scrollbar-color: #555 #2a2a24;
  /* For modern browsers */
}

.simulation_application__AlmjL {
  width: 200px;
  height: 200px;
  padding-top: 20px;
  border: 1px solid #393938;
  /* Add border with specified color */
  border-radius: 5px;
  /* Optional: add rounded corners */
  display: flex;
  flex-direction: column;
  justify-content: start;
  /* Center content horizontally */
  align-items: center;
  /* Center content vertically */
  color: white;
  /* White text color for any content inside */
  font-size: 14px;
  /* Font size for the text inside */
  font-weight: bold;
  /* Make text bold */
  cursor: pointer;
  /* Indicate interactivity */
  transition: background-color 0.3s ease, transform 0.2s ease;
  /* Smooth hover transition */
}

.simulation_application__AlmjL:hover {
  background-color: #393938;
  /* Change background color on hover */

}
.simulation_windowContent__53VO_ {
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

.simulation_appWindow__E_D4H {
  position: relative;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent text selection */
  display: flex;
  flex-direction: column;
  background-color: #141412;
  border-radius: 8px;
  /* Add a subtle border radius */
  border: 1px solid #3a3a3a;
  /* Grey border */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  /* Very slight box shadow */
}

/* Shared styles for resize handles */
.simulation_resizeHandle__MaMHX {
  position: absolute;
  z-index: 10;

  cursor: grab;
}

/* Top handle */
.simulation_resizeTop__OkMeW {
  top: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}

/* Right handle */
.simulation_resizeRight__EeO5_ {
  top: 0;
  right: -5px;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}

/* Bottom handle */
.simulation_resizeBottom__NuP4K {
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}

/* Left handle */
.simulation_resizeLeft__Rfb2G {
  top: 0;
  left: -5px;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}

/* Corner resize handles */
.simulation_cornerHandle__YDL34 {
  position: absolute;
  width: 15px;

  height: 15px;
  border-radius: 50%;
  /* Make them circular */
  z-index: 11;
  /* Ensure they appear above other elements */
  cursor: grab;
}

/* Specific corner positions */
.simulation_topLeft__CyXHf {
  top: -7.5px;
  left: -7.5px;
  cursor: nwse-resize;
  /* Diagonal resize cursor */
}

.simulation_topRight__njE2s {
  top: -7.5px;
  right: -7.5px;
  cursor: nesw-resize;
  /* Diagonal resize cursor */
}

.simulation_bottomLeft__u4_tM {
  bottom: -7.5px;
  left: -7.5px;
  cursor: nesw-resize;
  /* Diagonal resize cursor */
}

.simulation_bottomRight__1nwFB {
  bottom: -7.5px;
  right: -7.5px;
  cursor: nwse-resize;
  /* Diagonal resize cursor */
}

.simulation_header__MkgNh {
  background-color: #333;
  color: white;
  border-bottom: 1px solid #3a3a3a;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 35px;
  padding: 10px 10px;
  text-align: center;
  font-size: 18px;
}

.simulation_appHeaderButton__8IO0t {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.simulation_simulationMenu__zdXmb {
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(30, 30, 30, 0.98); /* Slightly lighter grey with 90% opacity */
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  align-items: center;
  opacity: 0;
  position: relative;
  transition: opacity 0.2s ease-in-out; /* Smooth transition */
}

.simulation_simulationMenuEnter___d2PK {
  opacity: 0; /* Start from fully transparent */
}

.simulation_simulationMenuEnterActive__YvDYp {
  opacity: 0.98; /* Transition to 90% opacity */
}

.simulation_simulationMenuEnterDone__F4XbE {
  opacity: 0.98; /* Fully visible */
}

.simulation_simulationMenuExit__1WUFO {
  opacity: 0.98; /* Start from fully visible */
}

.simulation_simulationMenuExitActive__dhETU {
  opacity: 0; /* Transition to fully transparent */
}

.simulation_simulationMenuExitDone__LwIre {
  opacity: 0; /* Fully hidden */
}

/* styles.module.css */
.simulation_menuScrollbar__rju5u::-webkit-scrollbar {
  width: 8px; /* Thin scrollbar width */
}

.simulation_menuScrollbar__rju5u::-webkit-scrollbar-track {
  background: #2e2e2e; /* Dark grey for the track */
  border-radius: 10px; /* Rounded corners for track */
}

.simulation_menuScrollbar__rju5u::-webkit-scrollbar-thumb {
  background: #8b8b8b; /* Lighter grey for the scroll handle */
  border-radius: 10px; /* Rounded corners for thumb */
}

.simulation_menuScrollbar__rju5u::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0; /* Slightly lighter grey on hover */
}

/* Firefox scrollbar styling */
.simulation_menuScrollbar__rju5u {
  scrollbar-width: thin; /* Thin scrollbar for Firefox */
  scrollbar-color: #8b8b8b #2e2e2e; /* Thumb color (lighter grey) and track color (dark grey) */
}


.simulation_objectiveOverlay__1_u77 {
  width: 100%;
  height: 100%;
  z-index: 30;
  background-color: rgba(30, 30, 30, 0.78); /* Slightly lighter grey with 90% opacity */
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  align-items: center;
  opacity: 0;
  position: absolute;
  transition: opacity 0.6s ease-in-out; /* Smooth transition */
}

.simulation_objectiveOverlayEnter__JaOPC {
  opacity: 0; /* Start from fully transparent */
}

.simulation_objectiveOverlayEnterActive__iugCu {
  opacity: 0.98; /* Transition to visible */
}

.simulation_objectiveOverlayEnterDone__yrT4e {
  opacity: 0.98; /* Fully visible */
}

.simulation_objectiveOverlayExit__2fQuf {
  opacity: 0.98; /* Start from fully visible */
}

.simulation_objectiveOverlayExitActive__FWmcO {
  opacity: 0; /* Transition to fully transparent */
}

.simulation_objectiveOverlayExitDone__ZwUCu {
  opacity: 0; /* Fully hidden */
}

.simulation_objectiveFailedOverlay__cP2iW {
  width: 100%;
  height: 100%;
  z-index: 200000;
  background-color: rgba(30, 30, 30, 0.9); /* Slightly lighter grey with 90% opacity */
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  align-items: center;
  opacity: 0;
  position: absolute;
  transition: opacity 0.6s ease-in-out; /* Smooth transition */
}

.simulation_objectiveFailedOverlayEnter__7afB1 {
  opacity: 0; /* Start from fully transparent */
}

.simulation_objectiveFailedOverlayEnterActive__t6HLR {
  opacity: 0.98; /* Transition to visible */
}

.simulation_objectiveFailedOverlayEnterDone__Qv9bI {
  opacity: 0.98; /* Fully visible */
}

.simulation_objectiveFailedOverlayExit__fu_Vf {
  opacity: 0.98; /* Start from fully visible */
}

.simulation_objectiveFailedOverlayExitActive__mYfT0 {
  opacity: 0; /* Transition to fully transparent */
}

.simulation_objectiveFailedOverlayExitDone__4oU1P {
  opacity: 0; /* Fully hidden */
}


.simulation_factOverlay__QtRZu {
  width: 100%;
  height: 100%;
  z-index: 31;
  background-color: transparent; /* now transparent */
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  align-items: center;
  opacity: 0;
  position: absolute;
  transition: opacity 0.6s ease-in-out; /* Smooth transition */
  pointer-events: none; /* Allow pointer events to pass through */
}

.simulation_factOverlayEnter__uf4T7 {
  opacity: 0; /* Start from fully transparent */
}

.simulation_factOverlayEnterActive__ANoO_ {
  opacity: 1; /* Transition to visible */
}

.simulation_factOverlayEnterDone__udWgx {
  opacity: 1; /* Fully visible */
}

.simulation_factOverlayExit__ZSN7q {
  opacity: 1; /* Start from fully visible */
}

.simulation_factOverlayExitActive__rLCYp {
  opacity: 0; /* Transition to fully transparent */
}

.simulation_factOverlayExitDone__RSbk2 {
  opacity: 0; /* Fully hidden */
}




.simulation_objectivesBox__z5SpI {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 40%;
}



.simulation_spotlightOverlay__cj_tp {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 29;
}

/* Enter transitions */
.simulation_spotlightOverlayEnter__tapNC {
  opacity: 0;
}

.simulation_spotlightOverlayEnterActive__AoVC0 {
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}

.simulation_spotlightOverlayEnterDone__BR6Ke {
  opacity: 1;
}

/* Exit transitions */
.simulation_spotlightOverlayExit__jnTwT {
  opacity: 1;
}

.simulation_spotlightOverlayExitActive__CzF_U {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.simulation_spotlightOverlayExitDone__wJTGt {
  opacity: 0;
}

/* Spotlight-specific styles */
.simulation_spotlightSvg__psJDu {
  width: 10000px;
  background-color: transparent;
  height: 10000px;
}

.simulation_fullscreenRect__7iugE {
  width: 100%;
  height: 100%;
}

.simulation_spotlightRect__K1TJL {
  fill: black;
}

.simulation_overlayMask__oYPn8 {
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0.4);
}

/* default text inside the popup */
.simulation_spotlightOverlay__cj_tp div {
  font-size: 1em;
  line-height: 1.4;
}

/* headings */
.simulation_spotlightOverlay__cj_tp h2 {
  font-size: 1.1em;
  margin: 0 0 0.5em;
}

/* bold text */
.simulation_spotlightOverlay__cj_tp b,
.simulation_spotlightOverlay__cj_tp strong {
  font-weight: bold;
}

/* italic text */
.simulation_spotlightOverlay__cj_tp i,
.simulation_spotlightOverlay__cj_tp em {
  font-style: italic;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12%
}.__className_f367f3 {font-family: 'Inter', 'Inter Fallback';font-style: normal
}.__variable_f367f3 {--font-inter: 'Inter', 'Inter Fallback'
}