/* Whiskey Pines — shared painted chrome (header + footer).
   Self-contained: styles ONLY .wp-nav and .wp-foot so it can drop onto any
   page (games, content, reader) without disturbing the body or game logic. */
.wp-nav,.wp-foot{
  --wp-teal-deep:#0a3535;--wp-teal:#155a55;--wp-peacock:#2b7c82;
  --wp-gold:#b8912f;--wp-gold-soft:#dcc37e;--wp-brass:#8a6d1f;
  --wp-cream:#faf5ea;--wp-cream-box:#fffdf7;--wp-ink:#3f4a45;
  --wp-display:'Playfair Display',Georgia,serif;
  --wp-script:'Pinyon Script',cursive;
  box-sizing:border-box;
}
.wp-nav *,.wp-foot *{box-sizing:border-box}

/* header */
.wp-nav{position:sticky;top:0;z-index:9000;
  background:rgba(250,245,234,.96);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--wp-gold-soft);
  font-family:var(--wp-display)}
.wp-nav .in{max-width:1180px;margin:0 auto;padding:.55rem 1.2rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.wp-nav .crest{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.wp-nav .crest img{height:48px;width:auto;display:block}
.wp-nav .crest .est{font-family:var(--wp-display);font-size:.58rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--wp-brass);line-height:1.3}
.wp-nav ul{display:flex;gap:1.4rem;list-style:none;align-items:center;margin:0;padding:0}
.wp-nav a.lnk{font-family:var(--wp-display);font-weight:600;font-size:.74rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--wp-teal);
  text-decoration:none;padding-bottom:3px;
  background:linear-gradient(90deg,var(--wp-gold),var(--wp-peacock)) no-repeat 0 100%/0 2px;
  transition:background-size .25s}
.wp-nav a.lnk:hover,.wp-nav a.lnk:focus-visible{background-size:100% 2px}
.wp-nav a.lnk.res{color:var(--wp-brass)}
@media (max-width:640px){.wp-nav ul{gap:.9rem}.wp-nav a.lnk.opt{display:none}}

/* footer */
.wp-foot{color:var(--wp-cream);text-align:center;padding:2.4rem 1.2rem 2.8rem;
  font-family:var(--wp-display);
  background:
    radial-gradient(circle at 25% 30%,rgba(220,195,126,.1) 0 12px,transparent 13px),
    radial-gradient(circle at 75% 70%,rgba(220,195,126,.1) 0 12px,transparent 13px),
    repeating-conic-gradient(from 45deg at 50% 50%,#0c3f3c 0deg 90deg,#0a3535 90deg 180deg);
  background-size:130px 130px,130px 130px,130px 130px}
.wp-foot img{height:52px;margin:0 auto .7rem;opacity:.95;display:block}
.wp-foot .links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:center;margin:.8rem 0}
.wp-foot .links a{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wp-gold-soft);text-decoration:none}
.wp-foot .links a:hover{color:#fff}
.wp-foot .contact{font-family:'Cormorant Garamond',Georgia,serif;font-size:1rem;margin:.5rem 0}
.wp-foot .contact a{color:var(--wp-gold-soft)}
.wp-foot .cr{font-family:'Cormorant Garamond',Georgia,serif;font-size:.88rem;
  color:rgba(245,240,230,.55);margin-top:.8rem}