.app-navigation{z-index:1000;height:calc(78px + env(safe-area-inset-bottom));min-height:calc(78px + env(safe-area-inset-bottom));padding:7px 10px calc(7px + env(safe-area-inset-bottom));color:var(--map-green);background:#fffefa;border-top:1px solid #203e3818;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;box-shadow:0 -8px 28px #203e3814}.app-navigation button,.app-navigation>a{color:#6e796a;min-height:54px;font-size:var(--text-meta);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.app-navigation button svg,.app-navigation>a svg{width:22px;height:22px}.app-navigation [aria-current=page]{color:#203e38;background:#e7eee5}.app-navigation :is(button,a):focus-visible{outline:var(--focus-ring);outline-offset:-3px}.app-navigation--standalone{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:calc(78px + env(safe-area-inset-bottom));border:1px solid #203e3818;border-radius:24px;position:fixed;left:12px;box-shadow:0 8px 30px #203e3830}@media (min-width:700px){.app-navigation--standalone{border-radius:var(--radius-lg);border:1px solid #203e3818;width:420px;bottom:18px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 5px 25px #203e3812}}@media (orientation:landscape) and (max-height:560px) and (pointer:coarse){.app-navigation--standalone{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));border-radius:24px;left:12px}}