/* Header buttons shared by the site pages (the splash page carries its own copy). Uses each page's colour variables. */
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
header.top>a{color:inherit;text-decoration:none}
.gamebtns{display:flex;flex-wrap:wrap;gap:10px}
.gbtn{
  font-family:var(--display,system-ui,sans-serif);font-weight:700;font-size:clamp(14px,1.4vw,16px);letter-spacing:.01em;line-height:1.3;
  text-decoration:none;color:var(--fg);
  background:var(--bed);border:1px solid var(--seam);border-radius:10px;
  padding:10px 18px;box-shadow:0 3px 0 var(--seam);
  transition:transform .08s,box-shadow .08s,border-color .15s,color .15s;
}
.gbtn:hover,.gbtn:focus-visible{border-color:var(--glow);color:var(--glow);outline:none}
.gbtn:active{transform:translateY(3px);box-shadow:0 0 0 var(--seam)}
.gbtn:first-child{background:var(--glow);border-color:var(--glow);color:var(--ground);box-shadow:0 3px 0 color-mix(in srgb,var(--glow) 55%,#000)}
.gbtn:first-child:hover,.gbtn:first-child:focus-visible{color:var(--ground);filter:brightness(1.1)}
.gbtn:first-child:active{box-shadow:0 0 0 transparent}
@media (max-width:560px){.gamebtns{width:100%}.gbtn{flex:1 1 auto;text-align:center;padding-inline:10px}}