/* Anubis28 v42 -- photographically faithful menu buttons extracted from
   the approved Anubis28 Egyptian mockup. Eight real textured button assets,
   preserving the original carved reliefs, chips and lettering. No feature changes.
   The buttons remain native <button> elements with accessible labels and focus. */
.home-temple{max-width:100%;}
.home-temple-intro{max-width:100%;}
.temple-nav-grid{
  width:100%; max-width:840px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px 8px;
  margin:6px auto 12px;
}
.temple-nav-card{
  position:relative;
  display:block;
  aspect-ratio:1.005;
  min-height:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  box-shadow:none;
  filter:drop-shadow(1px 6px 4px rgba(71,32,5,.48));
  transition:transform .15s ease,filter .15s ease;
}
/* Actual photographic stone artwork contains the large relief icon and title.
   Preserve the original semantic label as visually-hidden text for screen readers. */
.temple-nav-card img{display:none!important;}
.temple-nav-card span{
  position:absolute!important;
  height:1px!important;width:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.temple-nav-card:nth-child(1){background-image:url('assets/decor/nav-stone-digitcodes.png')}
.temple-nav-card:nth-child(2){background-image:url('assets/decor/nav-stone-memages.png')}
.temple-nav-card:nth-child(3){background-image:url('assets/decor/nav-stone-memixes.png')}
.temple-nav-card:nth-child(4){background-image:url('assets/decor/nav-stone-learning.png')}
.temple-nav-card:nth-child(5){background-image:url('assets/decor/nav-stone-games.png')}
.temple-nav-card:nth-child(6){background-image:url('assets/decor/nav-stone-glossary.png')}
.temple-nav-card:nth-child(7){background-image:url('assets/decor/nav-stone-techniques.png')}
.temple-nav-card:nth-child(8){background-image:url('assets/decor/nav-stone-tutorial.png')}
.temple-nav-card:hover{
  transform:translateY(-3px);
  filter:drop-shadow(1px 9px 7px rgba(71,32,5,.56)) brightness(1.035);
}
.temple-nav-card:active{
  transform:translateY(2px);
  filter:drop-shadow(0 2px 2px rgba(71,32,5,.43)) brightness(.97);
}
.temple-nav-card:focus-visible{
  outline:3px solid #fff6c2;
  outline-offset:-6px;
  filter:drop-shadow(0 0 3px #6e380b) drop-shadow(0 7px 4px rgba(71,32,5,.48));
}
@media(max-width:800px) and (min-width:601px){
  .temple-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:460px}
  .temple-nav-card{min-height:0;padding:0;gap:0}
}
@media(max-width:600px){
  .temple-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:420px}
  .temple-nav-card{aspect-ratio:1.005;min-height:0;padding:0;gap:0}
}
@media(prefers-reduced-motion:reduce){.temple-nav-card{transition:none}}