/* Radio to Gamma: the rules every page shares. Page-specific styling stays in
   each page's own <style> block; anything that appears on two or more pages
   belongs here so the five pages cannot drift apart. */

html, body { margin: 0; padding: 0; }
body {
  background: #04070a; color: #cfe6e6;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* numbers, readouts, tick labels and svg text are monospace; prose is not */
.mono, .num, svg text { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

/* ---- the header bar: brand, share button, and the site nav ---------------
   Each page sets its own accent with an inline --bar-accent on the header. */
.gamebar {
  display: flex; flex-direction: column; gap: 10px;
  padding: 11px 18px; border-radius: 0;
  border-left: 0; border-right: 0; border-top: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.gamebar a { text-decoration: none; }
.gbrand { display: flex; align-items: center; gap: 11px; }
.gamebar-icon { width: 27px; height: 27px; flex: none; }
.gbnav { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: 8px; }
.gbnav .gamebar-back { text-align: center; font-size: 12px; letter-spacing: .08em; padding: 7px 6px; }
.gamebar-back {
  font-size: 13px; letter-spacing: .12em;
  color: rgb(var(--holo-dim, 154 162 177));
  border: 1px solid rgb(var(--holo-line, 196 228 255) / .18);
  padding: 7px 12px; align-self: center; white-space: nowrap;
}
.gamebar-share { background: none; font: inherit; cursor: pointer; }
.gamebar-back:hover { color: rgb(var(--bar-accent)); border-color: rgb(var(--bar-accent) / .6); }
.gamebar-name {
  font-size: 19px; font-weight: 600; letter-spacing: .06em;
  color: rgb(var(--bar-accent)); white-space: nowrap;
}
/* a long page name and the share button outgrow a narrow phone side by side;
   the name tightens first, and the row is allowed to wrap as a last resort */
.gbrand { flex-wrap: wrap; }
@media (max-width: 430px) {
  .gamebar-name { font-size: 16px; letter-spacing: .04em; }
}