/* Site chrome: "sticker album" header and footer shared by every page.
   Games keep their own look underneath; this frame is the website's own theme. */
.site-nav,.site-foot{
  --sa-paper:#FFFBEF; --sa-ink:#111111; --sa-red:#E63946; --sa-blue:#1D4ED8; --sa-yellow:#FFD23F;
  --sa-display:'Archivo Black', 'Arial Black', Impact, sans-serif;
  --sa-body:'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}
.site-nav{background:var(--sa-paper);color:var(--sa-ink);border-bottom:3px solid var(--sa-ink);position:relative;padding:12px 16px 15px}
.site-nav::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:8px;background:repeating-linear-gradient(90deg,var(--sa-red) 0 28px,var(--sa-yellow) 28px 56px,var(--sa-blue) 56px 84px);z-index:2}
.site-nav .in{max-width:1148px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
.site-nav .brand{font-family:var(--sa-display);font-weight:400;font-size:1.35rem;line-height:1;letter-spacing:0.01em;text-transform:uppercase;color:var(--sa-ink);text-decoration:none;white-space:nowrap}
.site-nav .brand span{display:inline-block;background:var(--sa-red);color:#fff;padding:3px 7px 2px;margin-left:2px;transform:rotate(-2deg)}
.site-nav .brand:hover{color:var(--sa-ink)}
.site-nav nav{display:flex;gap:6px}
.site-nav nav a{font-family:var(--sa-body);color:var(--sa-ink);text-decoration:none;font-size:0.92rem;font-weight:700;white-space:nowrap;padding:6px 12px;border:2px solid transparent;border-radius:999px;letter-spacing:0;text-transform:none}
.site-nav nav a:hover{border-color:var(--sa-ink);text-decoration:none}
.site-nav nav a[aria-current="page"]{background:var(--sa-yellow);border-color:var(--sa-ink);box-shadow:2px 2px 0 var(--sa-ink);text-decoration:none}
.site-nav a:focus-visible{outline:3px solid var(--sa-blue);outline-offset:2px}
@media (max-width:700px){
  .site-nav{padding:10px 0 8px}
  .site-nav .in{flex-direction:column;align-items:flex-start;gap:6px}
  .site-nav .brand{padding:0 16px}
  .site-nav nav{width:100%;overflow-x:auto;padding:2px 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .site-nav nav::-webkit-scrollbar{display:none}
  .site-nav nav a{font-size:0.86rem;padding:5px 10px}
}

.site-foot{margin-top:48px;background:var(--sa-ink);color:#fff;padding:30px 16px 40px;font-family:var(--sa-body);font-size:0.88rem;position:relative}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:repeating-linear-gradient(90deg,var(--sa-red) 0 28px,var(--sa-yellow) 28px 56px,var(--sa-blue) 56px 84px)}
.site-foot .in{max-width:1148px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.site-foot .foot-brand{font-family:var(--sa-display);font-size:1.15rem;text-transform:uppercase;color:#fff;text-decoration:none}
.site-foot .foot-brand span{background:var(--sa-red);padding:2px 6px;margin-left:2px}
.site-foot nav{display:flex;gap:8px 18px;flex-wrap:wrap}
.site-foot a{color:#fff}
.site-foot a:hover{color:var(--sa-yellow)}
.site-foot p{margin:0;color:#fff;opacity:0.75;max-width:none}