@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
  

    .title-text {
    font-family: "Press Start 2P", monospace;
}




    body {
        margin: 0;
        padding: 0;
        background: #050608;
        color: #fff;
        font-family: Consolas, monospace;
        font-size: 18px;
        overflow: hidden;
    }

    .topbar {
        border-bottom: 1px solid #424242;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        background-color: #050608;
        position: sticky;  
  top: 0;
  z-index: 1000;
    }
    .bar-block {
  width: 100px;
  height: 20px;
  background: #1a1a1a;        
  transition: background 0.4s ease;
}

.bar-block {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

.bar-block[style*="background"] {
  box-shadow: 0 0 8px rgba(255,255,255,0.15);
}

    .video-area {
  width: 100%;
  height: 100%;       
  background: black;
  overflow: hidden;
}

.video-area video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hidden {
  display: none;
}
    .bar-line {
        height: 3px;
        background: white;
        flex-grow: 1;
    }
    .bar-block {
        width: 100px;
        height: 20px;
    }
    #terminal {
    white-space: pre-wrap;
    font-family: Consolas, monospace;
    font-size: 22px;
    line-height: 1.4em;
}


    .terminal-container {
        height: 70vh; 
        max-width: 900px;
        margin: 40px auto;
        padding: 20px;
        overflow-y: auto;

    }

    .terminal-window {
        border: 1px solid #2f2f2f;
        background: rgba(0, 0, 0, 0.4);
        padding: 20px;
        height: 500px;
        overflow-y: auto;
        box-shadow: 0 0 0 1px rgba(255,255,255,0.05);
        white-space: pre-wrap;
    }
    h1 {
    font-family: "Press Start 2P", monospace;
    letter-spacing: 0.25em;
}
    .cursor {
        display: inline-block;
        width: 10px;
        background: #fff;
        margin-left: 3px;
        animation: blink 0.6s infinite;
    }
    

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

/* LIGO timeline styling */
.ligo-header { font-family: Consolas, monospace; opacity: .9; }
.ligo-divider { font-family: Consolas, monospace; opacity: .6; margin: 10px 0; }
.ligo-card {
  font-family: Consolas, monospace;
  border: 1px solid rgba(255,255,255,0.18);
  padding: 10px 12px;
  margin: 10px 0;
  background: rgba(255,255,255,0.03);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset;
}
.ligo-meta { display:flex; gap:12px; align-items:baseline; flex-wrap:wrap; }
.ligo-year { font-weight: 700; letter-spacing: .08em; }
.ligo-money { opacity: .9; }
.ligo-text { opacity: .85; margin-top: 6px; white-space: pre-wrap; }

.ligo-alert { opacity: .95; margin: 6px 0 0; white-space: pre-wrap; }
.ligo-dots { opacity: .6; font-family: Consolas, monospace; }

.ligo-glitch { animation: glitchFlash 120ms steps(2, end) 2; }