/* =============================================
   LATE MISSION BBS
   Terminal / BBS aesthetic.
   Font: VT323 (LCD/CRT feel).
   80-column monospace layout.
   Palette: black bg, pink #ff44aa, teal #00cccc,
   gold #ffcc00, green #00ff88, white #e0e0e0
   ============================================= */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #000;
  color: #c0c0c0;
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 18px;
  line-height: 1.4;
}

/* ─── CRT WRAPPER ────────────────────────────── */

.crt-wrap {
  position: relative;
  min-height: 100vh;
  /* subtle green phosphor ambient glow */
  background: radial-gradient(ellipse at 50% 40%, rgba(0,30,10,0.4) 0%, #000 70%);
}

/* scanlines overlay */
.scanlines {
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    transparent   0px,
    transparent   2px,
    rgba(0,0,0,0.25) 2px,
    rgba(0,0,0,0.25) 4px
  );
  pointer-events: none;
  z-index: 999;
}

/* ─── BBS MAIN ───────────────────────────────── */

.bbs {
  max-width: 82ch;
  margin: 0 auto;
  padding: 16px 10px 40px;
}

/* ─── CONNECTION SEQUENCE ────────────────────── */

.conn-seq {
  color: #448844;
  font-size: 16px;
  white-space: pre;
  min-height: 5.6em;
  margin-bottom: 12px;
  text-shadow: 0 0 6px #44884466;
}

/* ─── TITLE ──────────────────────────────────── */

.title-border {
  line-height: 1.3;
}

.bbs-title {
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 54px;
  font-weight: normal;
  color: #ff44aa;
  text-shadow: 0 0 24px #ff44aa88, 0 0 60px #ff44aa44;
  text-align: center;
  letter-spacing: 0.12em;
  line-height: 1;
  display: block;
  /* sits "inside" the pre-drawn box — small negative margin keeps it snug */
  margin: -2px 0;
}

/* ─── COLOR CLASSES ──────────────────────────── */

.c-teal  { color: #00cccc; text-shadow: 0 0 6px #00cccc44; }
.c-pink  { color: #ff44aa; text-shadow: 0 0 6px #ff44aa44; }
.c-gold  { color: #ffcc00; text-shadow: 0 0 6px #ffcc0044; }
.c-green { color: #00ff88; text-shadow: 0 0 6px #00ff8844; }
.c-white { color: #e8e8e8; }
.c-gray  { color: #667766; }
.c-red   { color: #ff4444; text-shadow: 0 0 6px #ff444466; animation: blink-kf 1.2s step-start infinite; }

/* ─── BLINK ──────────────────────────────────── */

.blink { animation: blink-kf 1s step-start infinite; }
@keyframes blink-kf { 50% { opacity: 0; } }

/* ─── PRE BLOCKS ─────────────────────────────── */

pre {
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 18px;
  white-space: pre;
  overflow-x: auto;
  line-height: 1.35;
}

.section-head { margin-top: 12px; }

.divider { margin: 8px 0; }

.motd        { padding-left: 0; }
.menu        { padding-left: 0; }
.menu-hint   { color: #667766; margin: 4px 0 8px; }
.filelist    { color: #c0c0c0; }
.msglist     { color: #c0c0c0; }
.msg-thread  { color: #aaaaaa; border-left: 2px solid #1a1a1a; padding-left: 0; }
.showlist    { color: #c0c0c0; }
.about       { color: #aaaaaa; }
.userlist    { color: #c0c0c0; }

/* ─── VISITOR COUNTER ────────────────────────── */

.c-stat {
  color: #00ff88;
  text-shadow: 0 0 8px #00ff8866;
}

/* ─── FOOTER ─────────────────────────────────── */

.footer {
  color: #667766;
}
.footer .c-pink  { text-shadow: 0 0 10px #ff44aa88; }

/* ─── CURSOR ─────────────────────────────────── */

.cursor {
  color: #c0c0c0;
}

/* ─── LINKS (unused but here for completeness) ── */

a         { color: #00cccc; text-decoration: none; }
a:hover   { color: #ff44aa; }
a:visited { color: #997799; }