/* === GLOBAL === */
html, body {
  margin: 0;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  background: url('https://i.imgur.com/TrGwdkg.png') repeat;
  background-size: 300px;
  min-height: 100%;
}

/* === TOP BAR === */
.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: #c60000;
  color: white;
  display: flex;
  align-items: center;
  padding: 0 20px;
  justify-content: space-between;
  z-index: 9999;
  border-bottom: 4px solid #660000;
  box-shadow: none; /* remove soft shadow */
}

/* Logo */
.top-bar .logo {
  font-weight: bold;
  font-size: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* === MAIN NAV === */
.main-nav {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  height: 45px;
  background: #9c0000;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #550000;
  z-index: 9998;
  box-shadow: none; /* remove soft shadow */
}

.main-nav a {
  color: white;
  text-decoration: none;
}

.main-nav a:hover {
  text-decoration: underline;
}

/* === CONTENT AREA === */
.content {
  margin-top: 140px;
  padding: 25px;
  max-width: 900px;
  background: #ffffff; /* fully opaque white */
  border: 3px solid #cc0000;
  /* square edges */
  border-radius: 0;
  box-shadow: none; /* remove soft shadow */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow: visible;
}

/* === WARNING BOX === */
.warning-box {
  background: #ffbbbb;
  padding: 15px;
  border: 3px solid #aa0000;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
  border-radius: 0; /* square edges */
  box-shadow: none;
}

/* === POSTS BOX & TIERLISTS === */
.posts-box, .rating-box {
  background: #ffffff;
  border: 3px solid #cc0000;
  border-radius: 0; /* square edges */
  padding: 20px;
  box-shadow: none;
  margin-bottom: 20px;
}

/* === SEARCH BOX === */
#searchInput {
  width: 100%;
  padding: 10px;
  border: 2px solid #cc0000;
  border-radius: 0; /* square edges */
  font-size: 1rem;
}

/* === POST ENTRY === */
.post-entry {
  padding: 10px 0;
  cursor: pointer;
  text-decoration: none;
  color: black;
  display: block;
  border-bottom: 2px solid #000000; /* hard line separator */
}

/* Post hover */
.post-entry:hover {
  background-color: #eeeeee; /* subtle retro highlight */
}