/* Manager of Football - static site pages. Same era as the game: dark room,
   mono type, chunky borders. */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #0a0a12;
  --panel: #11111d;
  --edge: #2c2c44;
  --text: #d8d8e4;
  --dim: #8a8aa0;
  --amber: #ffb000;
  --green: #33dd66;
}
html { background: var(--bg); }
body {
  font-family: 'Courier New', Courier, monospace;
  background: var(--bg);
  color: var(--text);
  line-height: 1.55;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 48px;
}
.wrap { width: 100%; max-width: 720px; }
header.site {
  width: 100%; max-width: 720px;
  padding: 20px 0 12px;
  border-bottom: 2px solid var(--edge);
  margin-bottom: 24px;
}
header.site a.brand {
  color: var(--amber);
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 2px;
}
nav.site { margin-top: 6px; }
nav.site a { color: var(--dim); text-decoration: none; margin-right: 16px; font-size: 14px; }
nav.site a:hover, nav.site a.here { color: var(--text); }
h1 { color: var(--amber); letter-spacing: 3px; font-size: 28px; margin: 8px 0 4px; }
h2 { color: var(--green); font-size: 17px; margin: 26px 0 8px; letter-spacing: 1px; }
p { margin: 10px 0; }
.tag { color: var(--dim); margin-bottom: 20px; }
.panel {
  background: var(--panel);
  border: 2px solid var(--edge);
  padding: 14px 16px;
  margin: 14px 0;
}
ul { margin: 10px 0 10px 22px; }
li { margin: 5px 0; }
a { color: var(--green); }
.btn-row { display: flex; gap: 12px; margin: 22px 0; flex-wrap: wrap; }
a.btn {
  display: inline-block;
  padding: 12px 26px;
  border: 2px solid var(--amber);
  color: var(--amber);
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 2px;
}
a.btn.primary { background: var(--amber); color: #14140a; }
a.btn:hover { filter: brightness(1.15); }
footer.site {
  width: 100%; max-width: 720px;
  margin-top: 40px;
  padding-top: 14px;
  border-top: 2px solid var(--edge);
  color: var(--dim);
  font-size: 12.5px;
}
.small { font-size: 13px; color: var(--dim); }
