.elementor-1303 .elementor-element.elementor-element-0e518ea{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.75;}.elementor-1303 .elementor-element.elementor-element-0e518ea:not(.elementor-motion-effects-element-type-background), .elementor-1303 .elementor-element.elementor-element-0e518ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-772cea2 );}.elementor-1303 .elementor-element.elementor-element-0e518ea::before, .elementor-1303 .elementor-element.elementor-element-0e518ea > .elementor-background-video-container::before, .elementor-1303 .elementor-element.elementor-element-0e518ea > .e-con-inner > .elementor-background-video-container::before, .elementor-1303 .elementor-element.elementor-element-0e518ea > .elementor-background-slideshow::before, .elementor-1303 .elementor-element.elementor-element-0e518ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-1303 .elementor-element.elementor-element-0e518ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ctrlaltinfiltrate.com/wp-content/uploads/2025/06/cyber_water_glitch_loop_hacked.gif");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1303 .elementor-element.elementor-element-0e518ea::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 1px ) hue-rotate( 0deg );}.elementor-1303 .elementor-element.elementor-element-0e518ea.e-con{--align-self:center;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-83a4028 .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-83a4028{left:28%;--hotspot-translate-x:28%;top:44%;--hotspot-translate-y:44%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-83a4028 .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-c3373bd .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-c3373bd{left:16%;--hotspot-translate-x:16%;top:18%;--hotspot-translate-y:18%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-c3373bd .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-91cc7a1 .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-91cc7a1{left:44%;--hotspot-translate-x:44%;top:15%;--hotspot-translate-y:15%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-91cc7a1 .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-869829a .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-869829a{left:73%;--hotspot-translate-x:73%;top:16%;--hotspot-translate-y:16%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-869829a .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-ab664f7 .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-ab664f7{left:84%;--hotspot-translate-x:84%;top:52%;--hotspot-translate-y:52%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-ab664f7 .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-4a372ec .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-4a372ec{left:94%;--hotspot-translate-x:94%;top:90%;--hotspot-translate-y:90%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-4a372ec .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-f3ec7e2 .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-f3ec7e2{left:53%;--hotspot-translate-x:53%;top:76%;--hotspot-translate-y:76%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-f3ec7e2 .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-c5c67cf .e-hotspot--tooltip-position{right:initial;bottom:calc(100% + 5px );left:initial;top:initial;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-c5c67cf{left:26%;--hotspot-translate-x:26%;top:72%;--hotspot-translate-y:72%;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-c5c67cf .e-hotspot__tooltip{min-width:0px;}.elementor-1303 .elementor-element.elementor-element-241c0bc .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-1303 .elementor-element.elementor-element-241c0bc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--background-align:center;--container-width:100%;--image-width:100%;--hotspot-color:var( --e-global-color-secondary );--hotspot-size:100%;--hotspot-min-width:100%;--hotspot-min-height:7vh;--hotspot-box-color:#7B3C3C00;--hotspot-padding:80px;}
					.elementor-1303 .elementor-element.elementor-element-241c0bc .e-hotspot:not(.e-hotspot--circle) .e-hotspot__button,
					.elementor-1303 .elementor-element.elementor-element-241c0bc .e-hotspot.e-hotspot--circle .e-hotspot__button .e-hotspot__outer-circle
				{box-shadow:0px 0px 0px 0px #0B0A14;}@media(min-width:768px){.elementor-1303 .elementor-element.elementor-element-0e518ea{--width:100%;}}@media(max-width:1024px){.elementor-1303 .elementor-element.elementor-element-0e518ea{--min-height:100vh;}}@media(max-width:767px){.elementor-1303 .elementor-element.elementor-element-0e518ea{--min-height:100vh;}.elementor-1303 .elementor-element.elementor-element-241c0bc .elementor-repeater-item-83a4028{left:0%;--hotspot-translate-x:0%;}.elementor-1303 .elementor-element.elementor-element-241c0bc img{width:100%;}}/* Start custom CSS for html, class: .elementor-element-f24d8ae */#intro-clue {
  position: fixed;           /* pin to viewport */
  top: 0;                    /* flush to the top edge */
  left: 50%;                 /* center horizontally */
  transform: translateX(-50%);
  z-index: 99999;            /* above everything else */
  
  font-family: var(--mono);
  font-size: 2.75rem;           /* 2× size (adjust as needed) */
  line-height: 1.8;
  color: #ff00ff;

  /* heavy neon glow */
  text-shadow:
    0 0 4px  #ff00ff,
    0 0 8px  #ff00ff,
    0 0 16px #ff00ff,
    0 0 24px #ff00ff;

  /* optional black background for legibility */
  background: rgba(0,0,0,0.4);
  padding: 12px 24px;

  /* let clicks pass through */
  pointer-events: none;

  /* fade out after 3s delay over 10s total */
  animation: fadeOut 30s forwards 3s;
}

@keyframes fadeOut {
  to { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e441019 *//* — Toggle “?” Bubble — */
#help-toggle {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  display: flex; align-items: center; justify-content: center;
  background: #111; color: #f0f; font-size: 2.5rem;
  border: 2px solid #0ff; border-radius: 50%;
  cursor: pointer; z-index: 9999;
  transition: background 0.2s, transform 0.2s;
}
#help-toggle:hover {
  transform: scale(1.1);
  background: rgba(0,255,255,0.1);
}

/* — Terminal Overlay Container — */
#help-terminal {
  position: fixed; bottom: 0; left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: 90vw; max-width: 90%; max-height: 60vh;
  background: radial-gradient(circle at top, #001100 0%, #000 80%);
  border: 2px solid #0f0; border-radius: 6px 6px 0 0;
  box-shadow: 0 0 20px rgba(0,255,0,0.6), inset 0 0 15px rgba(0,255,0,0.3);
  font-family: 'JetBrains Mono', monospace;
  color: #0f0;
  overflow: hidden; z-index: 9998;
  transition: transform 0.3s ease-out;
  animation: flicker 0.15s infinite alternate;
}
#help-terminal.open {
  transform: translateX(-50%) translateY(0);
}

/* — CRT Scanlines + Vignette — */
#help-terminal::before {
  content: '';
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,0.5) 100%),
    repeating-linear-gradient(
      to bottom,
      rgba(0,255,0,0.02) 0,
      rgba(0,255,0,0.02) 1px,
      transparent 1px,
      transparent 2px
    );
}

/* — Window Chrome — */
.term-header {
  display: flex; align-items: center;
  background: #111; padding: 0.3rem 0.6rem;
  border-bottom: 1px solid #030; cursor: move;
  position: relative;
}
.dots i {
  display: inline-block; width: 0.6rem; height: 0.6rem;
  border-radius: 50%; margin-right: 0.3rem;
}
.dots .red    { background: #e74c3c; }
.dots .yellow { background: #f1c40f; }
.dots .green  { background: #2ecc71; }
.title {
  margin: 0 auto; font-weight: bold; color: #0ff;
}
.cursor {
  margin-left: 0.3rem;
  animation: blink 1s step-end infinite;
}
/* Magenta “LED” Close Button */
#help-close {
  position: absolute; top: 0.4rem; right: 0.6rem;
  width: 0.8rem; height: 0.8rem;
  background: #f0f; border: none; border-radius: 2px;
  cursor: pointer; box-shadow: 0 0 4px #f0f;
}

/* — Usage & Commands — */
.term-body {
  padding: 0.8rem 1rem; margin: 0;
}
.commands-container {
  max-height: calc(60vh - 5rem);
  overflow-y: auto;
}
.commands-container::-webkit-scrollbar {
  width: 6px;
}
.commands-container::-webkit-scrollbar-thumb {
  background: #0f0;
}
.commands-table {
  width: 100%; border-spacing: 0;
  font-family: 'JetBrains Mono', monospace;
}
.commands-table td {
  padding: 0.2rem 0.5rem;
}
.commands-table .cmd-col {
  width: 12ch; color: #0ff; cursor: pointer;
}
.commands-table .cmd-col:hover {
  text-decoration: underline;
}
.commands-table .desc-col {
  color: #0f0;
}

/* — Prompt Line — */
.prompt-line {
  display: flex; align-items: center;
  padding: 0.2rem 1rem;
  border-top: 1px solid rgba(0,255,0,0.3);
}
.prompt-symbol {
  color: #0f0; margin-right: 0.5rem;
  font-family: 'JetBrains Mono', monospace;
}
.prompt-line .cmd-input {
  flex: 1;
  background: transparent; border: none;
  border-bottom: 1px solid #0f0;
  color: #0f0; font-family: inherit;
  font-size: 1rem; padding: 0.2rem 0;
  outline: none;
}

/* — Status Bar — */
.term-status {
  background: #010; border-top: 1px solid rgba(0,255,0,0.3);
  padding: 0.3rem 1rem; text-align: center;
  font-size: 0.8rem; color: #0f0;
}

/* — Animations — */
@keyframes flicker {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(0.95); }
  100% { filter: brightness(1); }
}
@keyframes blink {
  50% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e518ea */.landing-hero {
  position: relative;      /* establish a positioning context */
  overflow: hidden;        /* optional—keeps the banner text clipped if you scroll */
}

.landing-hero::before {
  content: "Click a building →";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;

  font-family: var(--mono);
  font-size: 2rem;
  line-height: 1.2;
  color: #ff00ff;

  /* neon glow */
  text-shadow:
    0 0 4px  #ff00ff,
    0 0 8px  #ff00ff,
    0 0 16px #ff00ff,
    0 0 24px #ff00ff;

  background: rgba(0, 0, 0, 0.4);
  padding: 12px 24px;

  pointer-events: none;    /* let clicks pass through to your hotspots */
  white-space: nowrap;

  animation: fadeOut 25s forwards 3s;
}

@keyframes fadeOut {
  to { opacity: 0; }
}/* End custom CSS */