/* Shared styles for the static content pages (help / about / privacy / 404).
   They are plain files in public/, so they cannot import the app's hashed stylesheet — this is the
   small subset they need, matching the game's palette and pixel type. */

@font-face {
  font-family: 'Press Start 2P';
  src: url('/fonts/press-start-2p.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: 'Press Start 2P', monospace;
  font-weight: 400;
  font-size: 10px;
  line-height: 2;
  color: #181410;
  background: #78c8ee url('/reference/background.png') center / cover fixed no-repeat;
}

.page { max-width: 660px; margin: 0 auto; padding: 26px 16px 64px; }

h1 {
  font-size: 17px;
  line-height: 1.6;
  margin: 20px 0 18px;
  color: #f8d343;
  text-shadow: 3px 0 #234b8c, -3px 0 #234b8c, 0 3px #234b8c, 0 -3px #234b8c, 3px 6px #263f65;
}

h2 { font-size: 12px; line-height: 1.8; margin: 26px 0 8px; }
h3 { font-size: 10px; margin: 18px 0 6px; }
p, li { font-size: 10px; line-height: 2; }
ul { padding-left: 18px; margin: 8px 0; }
a { color: #123a63; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #ffd34e; outline-offset: 3px; }

.panel {
  background: #f3e7cb;
  border: 3px solid #5a4c3d;
  border-radius: 5px;
  box-shadow: 3px 4px #332e3370;
  padding: 16px;
  margin: 0 0 18px;
}

.back {
  display: inline-block;
  margin-bottom: 6px;
  padding: 8px 12px;
  font-size: 10px;
  color: #493e34;
  background: #f3e7cb;
  border: 2px solid #5a4c3d;
  border-radius: 3px;
  box-shadow: 0 3px 0 #493c3180;
  text-decoration: none;
}

.site-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 10px; margin: 0 0 18px; }
.site-footer { margin-top: 30px; font-size: 9px; line-height: 2; color: #33463f; }
.lead { font-size: 11px; }