/* ---------------------------------------------------------------
   landwizard.net — the stylesheet
   Promoted from retro.css 2026-08-09. One file, no build step.
   --------------------------------------------------------------- */

html { background: #1e7676; }

body {
  background: url("/assets/tile/tile-teal.png") repeat;
  margin: 0;
  padding: 1rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  line-height: 1.5;
  color: #000;
}

/* Every image here is pixel art. Keep the edges hard when it scales. */
img { image-rendering: pixelated; max-width: 100%; height: auto; }

/* Solid, not translucent. This is the single thing separating
   "loving homage" from "unreadable". */
.panel {
  max-width: 640px;
  margin: 1.5rem auto;
  background: #fffff0;
  border: 3px outset #c0c0c0;
  padding: 1.25rem 1.5rem 1rem;
}

.wordmark {
  font-size: 2rem;
  line-height: 1.15;
  font-weight: bold;
  text-align: center;
  margin: 0.25rem 0 0.5rem;
  letter-spacing: -0.5px;
  color: #1a1a8c;                    /* fallback if background-clip fails */
  background: linear-gradient(90deg,
    #d40000, #e86f00, #d4b800, #159c15, #0b57d0, #6a1b9a, #d40000);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  paint-order: stroke fill;
  -webkit-text-stroke: 1px #000;
}

.tagline { text-align: center; font-style: italic; margin: 0 0 0.75rem; }

nav { text-align: center; margin: 0 0 0.5rem; }

a         { color: #0000ee; }
a:visited { color: #551a8b; }
a:hover    { color: #ee0000; }

/* --- the easter egg -------------------------------------------
   A real link wearing plain text. The :visited override is the
   load-bearing rule: without it the word turns purple the moment
   someone clicks through, and the egg is burned for that reader
   forever. The cursor is the only tell, which means this does not
   exist on a phone. That is deliberate; 2003 did not have phones.
   To add a tell later, give .egg:hover a colour and underline. */

.egg, .egg:visited, .egg:hover {
  color: inherit;
  text-decoration: none;
}

.divider { display: block; margin: 1rem auto; }

hr { display: none; }

.notfound { display: flex; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.notfound img { flex: none; }
.notfound div { flex: 1 1 16rem; }

h2 { font-size: 1.5rem; margin: 0 0 0.5rem; }

footer { text-align: center; margin-top: 1rem; }

.countline {
  display: flex; align-items: center; justify-content: center;
  gap: 0.6rem; flex-wrap: wrap; margin: 0 0 0.5rem;
}

.counter {
  display: inline-block;
  background: #000;
  color: #33ff33;
  font-family: "Courier New", Courier, monospace;
  font-size: 1rem;
  letter-spacing: 3px;
  padding: 2px 8px;
  border: 2px inset #808080;
}

.fineprint { font-size: 0.75rem; color: #333; margin: 0.35rem 0; }

/* --- homepage manifesto box ------------------------------------ */

.manifesto {
  border: 2px inset #808080;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
}
.manifesto p { margin: 0.35rem 0; }

/* --- /events — two columns, identical formatting --------------- */

table.eventgrid {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0 1rem;
}
.eventgrid th {
  width: 50%;
  border-bottom: 2px solid #000;
  padding: 4px 8px;
  letter-spacing: 3px;
  font-size: 1.05rem;
  text-align: center;
}
.eventgrid td {
  width: 50%;
  vertical-align: top;
  padding: 7px 8px;
  border-bottom: 1px dotted #999;
}
.eventgrid .org { display: block; font-size: 0.85rem; color: #333; }

/* --- /links — the org directory -------------------------------- */

h3 {
  font-size: 1.1rem;
  letter-spacing: 2px;
  margin: 1.25rem 0 0.25rem;
  border-bottom: 1px solid #000;
}

dl.orglist { margin: 0.25rem 0 0.75rem; }
dl.orglist dt { font-weight: bold; margin-top: 0.75rem; }
dl.orglist dd { margin: 0.1rem 0 0; }
.cal { font-size: 0.8rem; font-weight: normal; white-space: nowrap; }

/* --- /foolofatook --------------------------------------------- */

.quote {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 1rem auto;
  max-width: 34rem;
}

.attrib { text-align: center; font-style: italic; margin: 0 0 1rem; }

.gifslot {
  display: block;
  margin: 1rem auto;
  max-width: 420px;
  border: 2px inset #808080;
  background: #000;
  color: #33ff33;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.8rem;
  text-align: center;
  padding: 3.5rem 1rem;
}

@media (max-width: 480px) {
  .wordmark { font-size: 1.4rem; }
  .panel { padding: 1rem; }
  .quote { font-size: 1.1rem; }
}