.illustrated-menu main>header>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:8px;width:400px;max-width:100%;flex-shrink:0;align-items:stretch}
.illustrated-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 4px;min-height:70px;min-width:0;font-size:13px;line-height:1.2;background:#f0ddb4}
.illustrated-menu-button img{width:44px;height:44px;object-fit:contain;pointer-events:none}
.illustrated-menu-button span{white-space:nowrap;pointer-events:none}
.illustrated-menu main>header #pause{padding:6px;min-width:44px}
.illustrated-menu-button:hover{background:#fff1d3}.illustrated-menu-button:focus-visible{outline:3px solid #64bbca;outline-offset:2px}.illustrated-menu-button:active{background:#d7c38a;box-shadow:inset 0 2px 4px #0002}
@media(max-width:700px){.illustrated-menu main>header>nav{width:100%;gap:6px}.illustrated-menu-button{font-size:12px;min-height:64px}.illustrated-menu-button img{width:38px;height:38px}}
@media(max-width:360px){.illustrated-menu-button{font-size:11px}}
@media(max-height:500px){.illustrated-menu main>header>h1{font-size:18px}.illustrated-menu main>header>nav{width:350px;gap:6px}.illustrated-menu-button{min-height:55px;font-size:11px;padding:3px}.illustrated-menu-button img{width:30px;height:30px}.illustrated-menu .travel-points{font-size:11px;padding:1px 4px}.illustrated-menu.directional-scene .stage{width:min(100%,calc((100dvh - 175px)*16/9))}}