/* ---------- board 3: The GeoCities Gold Rush — Web 1.0 clutter ---------- */

body.bbs {
  background-color: #d6d6d6;
  background-image:
    repeating-linear-gradient(45deg, #ffe600 0 6px, #ff9800 6px 12px),
    repeating-linear-gradient(-45deg, rgb(0 174 255 / 25%) 0 6px, transparent 6px 12px);
  color: #000;
  font-family: "Times New Roman", Times, serif;
}

.win95-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  background: #c0c0c0;
  border-bottom: 2px solid #808080;
  padding: 0.35rem 0.6rem;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
}

.win95-btn {
  border: 1px outset #fff;
  background: #c0c0c0;
  padding: 0.1rem 0.5rem;
}

.win95-address {
  flex: 1 1 12rem;
  border: 1px inset #808080;
  background: #fff;
  padding: 0.1rem 0.4rem;
  font-family: "Courier New", monospace;
  min-width: 10rem;
}

.bbs-nav {
  background: #efefef;
  border-bottom: 2px solid #808080;
}

.bbs-nav a {
  color: #00e;
}

.bbs-nav a:visited {
  color: #551a8b;
}

.board {
  background: #fdfbe8;
  border: 3px outset #c0c0c0;
  box-shadow: 3px 3px 8px rgb(0 0 0 / 40%);
}

.board-banner .board-name {
  color: #7b0000;
  font-weight: bold;
}

.thread-meta {
  color: #4a3b00;
}

.board h1 {
  font-family: "Comic Sans MS", cursive, sans-serif;
  color: #7b2ff7;
  text-shadow: 2px 2px 0 #ffe600;
}

.post-body h2 {
  color: #007b00;
  text-decoration: underline;
}

.win98-widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin: 1rem 0;
  padding: 0.5rem;
  border: 2px inset #808080;
  background: #fff;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 0.8rem;
}

.under-construction {
  color: #c00;
  font-weight: bold;
}

.visitor-counter {
  background: #000;
  color: #0f0;
  font-family: "Courier New", monospace;
  padding: 0.1rem 0.4rem;
  border: 1px inset #666;
}

.visitor-counter span {
  letter-spacing: 0.15em;
}

.guestbook-btn {
  border: 2px outset #ffb0e0;
  background: #ffd6f0;
  padding: 0.15rem 0.5rem;
  color: #7b0035;
}

.win95-dialog {
  max-width: 22rem;
  margin: 1.25rem 0;
  border: 2px outset #c0c0c0;
  background: #c0c0c0;
  font-family: Tahoma, Geneva, sans-serif;
  box-shadow: 3px 3px 6px rgb(0 0 0 / 45%);
}

.win95-dialog-title {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(90deg, #000080, #1084d0);
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 0.2rem 0.4rem;
}

.win95-dialog-x {
  border: 1px outset #fff;
  padding: 0 0.3rem;
  color: #000;
  background: #c0c0c0;
}

.win95-dialog-body {
  padding: 0.75rem;
  font-size: 0.8rem;
  color: #000;
}

.win95-ok {
  display: inline-block;
  margin-top: 0.5rem;
  border: 2px outset #fff;
  background: #c0c0c0;
  padding: 0.15rem 1rem;
  color: #000;
}

.post {
  background: #fff;
  border: 2px outset #d8d8d8;
}

.avatar {
  background: linear-gradient(180deg, #ffe600, #ff9800);
  border: 2px outset #fff;
  border-radius: 0;
  color: #7b0000;
}

.poster .handle {
  color: #00e;
  text-decoration: underline;
}

.signature {
  color: #551a8b;
  font-style: italic;
}

.rainbow-rule {
  height: 6px;
  background: linear-gradient(90deg, red, orange, #ff0, green, blue, indigo, violet);
  border: none;
}

.era-nav-link {
  color: #00e;
}

.era-nav-link:visited {
  color: #551a8b;
}