/* A quiet, playable trail at the foot of every page. */
.site-footer:has(.hiking-game){padding-top:0}
.hiking-game{--hike-sky:#90bcc5;padding:0 0 48px;color:var(--white)}
.hike-hud-band{background:var(--hike-sky);color:var(--ink)}
.hike-controls-band{background:var(--dark)}
.hike-hud{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}
.hike-hud .field-label{color:var(--ink)}
.hike-stats{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--ink)}
.hike-stats strong{font-weight:600}
.hike-stats progress{display:block;width:120px;height:5px;appearance:none;border:0;border-radius:0;background:#17251e30;color:var(--accent);accent-color:var(--accent)}
.hike-stats progress::-webkit-progress-bar{background:#17251e30}
.hike-stats progress::-webkit-progress-value{background:var(--accent)}
.hike-stats progress::-moz-progress-bar{background:var(--accent)}
.hike-stage{position:relative;width:100%;overflow:hidden;background:var(--hike-sky)}
.hike-stage canvas{display:block;width:100%;height:400px;max-width:100%;border:0;outline:none;box-shadow:none;cursor:default;touch-action:pan-y;image-rendering:pixelated}
.hike-stage canvas:focus-visible{outline:none}
.hiking-game:has(canvas:focus-visible) .hike-hud .field-label{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.hike-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}
.hike-overlay[hidden]{display:none}
.hike-overlay-card{width:310px;padding:25px 28px;background:var(--dark);border:1px solid #faf9f055;pointer-events:auto;text-align:left}
.hike-overlay-card .field-label{font-size:9px;color:var(--orange)}
.hike-overlay-card h3{font:400 33px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:14px 0 12px}
.hike-overlay-card p{font:14px/1.5 var(--sans);margin:0 0 20px;color:var(--white)}
.hiking-game button{font:500 13px/1.3 var(--sans);min-height:46px;padding:11px 18px;border:1px solid #faf9f055;border-radius:0;box-shadow:none;background:var(--dark);color:var(--white);cursor:pointer;touch-action:manipulation}
.hiking-game button:hover:enabled,.hiking-game button:active:enabled{background:var(--white);color:var(--dark);border-color:var(--white)}
.hiking-game button.is-held{background:var(--white);color:var(--dark);border-color:var(--white)}
.hiking-game button:disabled{opacity:.4;cursor:default}
.hiking-game button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.hiking-game .hike-primary{display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:180px;background:var(--orange);border-color:var(--orange);color:var(--dark);font-weight:600}
.hike-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}
.hike-movement,.hike-session{display:flex;gap:10px;align-items:center}
.hike-movement button{user-select:none;-webkit-user-select:none;touch-action:none;min-width:94px}
.hiking-game .hike-jump{background:var(--orange);border-color:var(--orange);color:var(--dark)}
.hike-session button{font-size:12px}
.hike-instructions{margin:16px 0 0;font-size:12px;line-height:1.7;color:#c2cec3;max-width:950px}
@media(max-width:760px){
  .hiking-game{padding:0 0 34px}
  .hike-hud{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 0}
  .hike-stats{width:100%;gap:16px;justify-content:space-between;font-size:11px}
  .hike-stats progress{width:70px;flex-shrink:0}
  .hike-stage canvas{height:320px}
  .hike-overlay{padding:16px}
  .hike-overlay-card{width:280px;padding:20px 23px}
  .hike-overlay-card h3{font-size:30px}
  .hike-controls{flex-direction:column;align-items:stretch;gap:13px;padding:14px 0}
  .hike-movement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hike-movement button{min-width:0;padding-inline:10px}
  .hike-session{justify-content:flex-end}
  .hike-instructions{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hiking-game *{scroll-behavior:auto}}