#title .inner{width:min(100%,34rem)}
#title[data-menu="challenge"]{overflow-y:auto;align-items:flex-start;touch-action:pan-y}
#title[data-menu="challenge"] .inner{margin-block:auto;padding-block:1rem}
#menuChallenge>.btn{box-sizing:border-box;min-width:0}
#menuWalk>a.btn{box-sizing:border-box;min-width:0}
#mainMenu,.title-submenu{display:grid;gap:.75rem}
#mainMenu .btn,.title-submenu>.btn{width:100%;text-align:left;margin:0}
#mainMenu .btn{display:flex;align-items:center;justify-content:space-between;min-height:60px}
#mainMenu .btn::after{content:'→';font-size:1.2em;opacity:.7}
#mainMenu a.btn{box-sizing:border-box;min-width:0;text-decoration:none}
#mainMenu .btn.featured{position:relative;justify-content:flex-start;gap:.7rem;min-height:72px;padding-right:2.6rem;background:linear-gradient(100deg,rgba(32,24,10,.92),rgba(84,60,18,.88) 55%,rgba(228,185,90,.55));border:2px solid var(--gold2);color:#fff6dc;font-size:1.08rem;font-weight:700;box-shadow:0 0 0 1px rgba(228,185,90,.35),0 0 26px rgba(228,185,90,.42),0 12px 30px rgba(0,0,0,.35)}
#mainMenu .btn.featured::after{position:absolute;right:1rem}
#mainMenu .btn.featured:hover{background:linear-gradient(100deg,rgba(44,32,12,.95),rgba(110,80,24,.9) 55%,rgba(228,185,90,.7));box-shadow:0 0 0 1px rgba(228,185,90,.5),0 0 34px rgba(228,185,90,.55),0 12px 30px rgba(0,0,0,.35)}
#mainMenu .new-badge{flex:none;display:inline-block;padding:.3rem .6rem;border-radius:999px;background:#ffd36b;color:#1b1608;font-size:.75rem;font-weight:900;letter-spacing:.14em;line-height:1}
@media(prefers-reduced-motion:no-preference){#mainMenu .new-badge{animation:newPulse 2.4s ease-in-out infinite}}
@keyframes newPulse{0%,100%{box-shadow:0 0 0 0 rgba(228,185,90,.55)}50%{box-shadow:0 0 0 6px rgba(228,185,90,0)}}
#menuHeader{display:flex;align-items:center;gap:1rem;margin-top:.3rem}
#menuHeader .btn{padding:.6rem .8rem;font-size:.85rem}
#menuHeading{font-family:var(--disp);font-size:1.6rem;margin:0}
#title[data-menu]:not([data-menu="home"]) h1{font-size:clamp(2.4rem,7vw,4rem)}
#title[data-menu]:not([data-menu="home"]) #tFoot{display:none}
#title .title-submenu .row{margin-top:0}
#title .title-submenu .foot{margin:0}
#title :focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:600px){
 #title .inner{gap:.85rem}
 #mainMenu .btn{min-height:54px}
 #title .title-submenu>.btn{font-size:1rem;white-space:normal}
 #title #chapterList{grid-template-columns:minmax(0,1fr)}
 #menuHeading{font-size:1.35rem}
}